@searchstax-inc/searchstudio-ux-react 1.0.4 → 1.0.5

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

@@ -1,4 +1,4 @@
-import ot, { useState as q, useEffect as ae, useRef as $t, createRef as st } from "react";
+import ot, { useState as _, useEffect as ae, useRef as $t, createRef as st } from "react";
 var Oe = { exports: {} }, ge = {};
 /**
  * @license React
@@ -16,13 +16,13 @@ function Nt() {
   rt = 1;
   var n = ot, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(l, o, d) {
-    var f, g = {}, m = null, C = null;
+    var v, g = {}, m = null, C = null;
     d !== void 0 && (m = "" + d), o.key !== void 0 && (m = "" + o.key), o.ref !== void 0 && (C = o.ref);
-    for (f in o)
-      s.call(o, f) && !r.hasOwnProperty(f) && (g[f] = o[f]);
+    for (v in o)
+      s.call(o, v) && !r.hasOwnProperty(v) && (g[v] = o[v]);
     if (l && l.defaultProps)
-      for (f in o = l.defaultProps, o)
-        g[f] === void 0 && (g[f] = o[f]);
+      for (v in o = l.defaultProps, o)
+        g[v] === void 0 && (g[v] = o[v]);
     return { $$typeof: e, type: l, key: m, ref: C, props: g, _owner: a.current };
   }
   return ge.Fragment = t, ge.jsx = i, ge.jsxs = i, ge;
@@ -40,24 +40,24 @@ var pe = {};
 var it;
 function qt() {
   return it || (it = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = ot, 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"), i = Symbol.for("react.provider"), l = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), E = Symbol.iterator, k = "@@iterator";
+    var n = ot, 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"), i = Symbol.for("react.provider"), l = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), E = Symbol.iterator, T = "@@iterator";
     function R(c) {
       if (c === null || typeof c != "object")
         return null;
-      var p = E && c[E] || c[k];
+      var p = E && c[E] || c[T];
       return typeof p == "function" ? p : null;
     }
     var I = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function L(c) {
       {
-        for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), T = 1; T < p; T++)
-          y[T - 1] = arguments[T];
+        for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), k = 1; k < p; k++)
+          y[k - 1] = arguments[k];
         $("error", c, y);
       }
     }
     function $(c, p, y) {
       {
-        var T = I.ReactDebugCurrentFrame, O = T.getStackAddendum();
+        var k = I.ReactDebugCurrentFrame, O = k.getStackAddendum();
         O !== "" && (p += "%s", y = y.concat([O]));
         var A = y.map(function(P) {
           return String(P);
@@ -65,19 +65,19 @@ function qt() {
         A.unshift("Warning: " + p), Function.prototype.apply.call(console[c], console, A);
       }
     }
-    var B = !1, M = !1, Q = !1, v = !1, x = !1, F;
+    var N = !1, M = !1, K = !1, f = !1, x = !1, F;
     F = Symbol.for("react.module.reference");
-    function _(c) {
-      return !!(typeof c == "string" || typeof c == "function" || c === s || c === r || x || c === a || c === d || c === f || v || c === C || B || M || Q || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === g || c.$$typeof === i || c.$$typeof === l || c.$$typeof === o || // This needs to include all possible module reference object
+    function H(c) {
+      return !!(typeof c == "string" || typeof c == "function" || c === s || c === r || x || c === a || c === d || c === v || f || c === C || N || M || K || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === g || c.$$typeof === i || c.$$typeof === l || c.$$typeof === o || // 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.
       c.$$typeof === F || c.getModuleId !== void 0));
     }
     function Y(c, p, y) {
-      var T = c.displayName;
-      if (T)
-        return T;
+      var k = c.displayName;
+      if (k)
+        return k;
       var O = p.displayName || p.name || "";
       return O !== "" ? y + "(" + O + ")" : y;
     }
@@ -102,7 +102,7 @@ function qt() {
           return "StrictMode";
         case d:
           return "Suspense";
-        case f:
+        case v:
           return "SuspenseList";
       }
       if (typeof c == "object")
@@ -116,8 +116,8 @@ function qt() {
           case o:
             return Y(c, c.render, "ForwardRef");
           case g:
-            var T = c.displayName || null;
-            return T !== null ? T : z(c.type) || "Memo";
+            var k = c.displayName || null;
+            return k !== null ? k : z(c.type) || "Memo";
           case m: {
             var O = c, A = O._payload, P = O._init;
             try {
@@ -198,28 +198,28 @@ function qt() {
           try {
             throw Error();
           } catch (O) {
-            var T = O.stack.trim().match(/\n( *(at )?)/);
-            Le = T && T[1] || "";
+            var k = O.stack.trim().match(/\n( *(at )?)/);
+            Le = k && k[1] || "";
           }
         return `
 ` + Le + c;
       }
     }
-    var Te = !1, xe;
+    var ke = !1, xe;
     {
       var dt = typeof WeakMap == "function" ? WeakMap : Map;
       xe = new dt();
     }
     function We(c, p) {
-      if (!c || Te)
+      if (!c || ke)
         return "";
       {
         var y = xe.get(c);
         if (y !== void 0)
           return y;
       }
-      var T;
-      Te = !0;
+      var k;
+      ke = !0;
       var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var A;
@@ -236,47 +236,47 @@ function qt() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(P, []);
-            } catch (K) {
-              T = K;
+            } catch (Q) {
+              k = Q;
             }
             Reflect.construct(c, [], P);
           } else {
             try {
               P.call();
-            } catch (K) {
-              T = K;
+            } catch (Q) {
+              k = Q;
             }
             c.call(P.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (K) {
-            T = K;
+          } catch (Q) {
+            k = Q;
           }
           c();
         }
-      } catch (K) {
-        if (K && T && typeof K.stack == "string") {
-          for (var w = K.stack.split(`
-`), V = T.stack.split(`
-`), N = w.length - 1, H = V.length - 1; N >= 1 && H >= 0 && w[N] !== V[H]; )
-            H--;
-          for (; N >= 1 && H >= 0; N--, H--)
-            if (w[N] !== V[H]) {
-              if (N !== 1 || H !== 1)
+      } catch (Q) {
+        if (Q && k && typeof Q.stack == "string") {
+          for (var w = Q.stack.split(`
+`), V = k.stack.split(`
+`), q = w.length - 1, B = V.length - 1; q >= 1 && B >= 0 && w[q] !== V[B]; )
+            B--;
+          for (; q >= 1 && B >= 0; q--, B--)
+            if (w[q] !== V[B]) {
+              if (q !== 1 || B !== 1)
                 do
-                  if (N--, H--, H < 0 || w[N] !== V[H]) {
+                  if (q--, B--, B < 0 || w[q] !== V[B]) {
                     var J = `
-` + w[N].replace(" at new ", " at ");
+` + w[q].replace(" at new ", " at ");
                     return c.displayName && J.includes("<anonymous>") && (J = J.replace("<anonymous>", c.displayName)), typeof c == "function" && xe.set(c, J), J;
                   }
-                while (N >= 1 && H >= 0);
+                while (q >= 1 && B >= 0);
               break;
             }
         }
       } finally {
-        Te = !1, Ce.current = A, ut(), Error.prepareStackTrace = O;
+        ke = !1, Ce.current = A, ut(), Error.prepareStackTrace = O;
       }
       var ie = c ? c.displayName || c.name : "", se = ie ? ye(ie) : "";
       return typeof c == "function" && xe.set(c, se), se;
@@ -298,7 +298,7 @@ function qt() {
       switch (c) {
         case d:
           return ye("Suspense");
-        case f:
+        case v:
           return ye("SuspenseList");
       }
       if (typeof c == "object")
@@ -308,7 +308,7 @@ function qt() {
           case g:
             return be(c.type, p, y);
           case m: {
-            var T = c, O = T._payload, A = T._init;
+            var k = c, O = k._payload, A = k._init;
             try {
               return be(A(O), p, y);
             } catch {
@@ -325,7 +325,7 @@ function qt() {
       } else
         Ue.setExtraStackFrame(null);
     }
-    function mt(c, p, y, T, O) {
+    function mt(c, p, y, k, O) {
       {
         var A = Function.call.bind(ue);
         for (var P in c)
@@ -333,19 +333,19 @@ function qt() {
             var w = void 0;
             try {
               if (typeof c[P] != "function") {
-                var V = Error((T || "React class") + ": " + y + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var V = Error((k || "React class") + ": " + y + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw V.name = "Invariant Violation", V;
               }
-              w = c[P](p, P, T, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (N) {
-              w = N;
+              w = c[P](p, P, k, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (q) {
+              w = q;
             }
-            w && !(w instanceof Error) && (Se(O), 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).", T || "React class", y, P, typeof w), Se(null)), w instanceof Error && !(w.message in Ve) && (Ve[w.message] = !0, Se(O), L("Failed %s type: %s", y, w.message), Se(null));
+            w && !(w instanceof Error) && (Se(O), 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).", k || "React class", y, P, typeof w), Se(null)), w instanceof Error && !(w.message in Ve) && (Ve[w.message] = !0, Se(O), L("Failed %s type: %s", y, w.message), Se(null));
           }
       }
     }
     var ft = Array.isArray;
-    function ke(c) {
+    function Te(c) {
       return ft(c);
     }
     function vt(c) {
@@ -408,7 +408,7 @@ function qt() {
         });
       }
     }
-    function Tt(c, p) {
+    function kt(c, p) {
       {
         var y = function() {
           Je || (Je = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
@@ -419,7 +419,7 @@ function qt() {
         });
       }
     }
-    var kt = function(c, p, y, T, O, A, P) {
+    var Tt = function(c, p, y, k, O, A, P) {
       var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -440,7 +440,7 @@ function qt() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: T
+        value: k
       }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -448,22 +448,22 @@ function qt() {
         value: O
       }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function Rt(c, p, y, T, O) {
+    function Rt(c, p, y, k, O) {
       {
         var A, P = {}, w = null, V = null;
         y !== void 0 && (Qe(y), w = "" + y), St(p) && (Qe(p.key), w = "" + p.key), bt(p) && (V = p.ref, Ct(p, O));
         for (A in p)
           ue.call(p, A) && !xt.hasOwnProperty(A) && (P[A] = p[A]);
         if (c && c.defaultProps) {
-          var N = c.defaultProps;
-          for (A in N)
-            P[A] === void 0 && (P[A] = N[A]);
+          var q = c.defaultProps;
+          for (A in q)
+            P[A] === void 0 && (P[A] = q[A]);
         }
         if (w || V) {
-          var H = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
-          w && Lt(P, H), V && Tt(P, H);
+          var B = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
+          w && Lt(P, B), V && kt(P, B);
         }
-        return kt(c, w, V, O, T, de.current, P);
+        return Tt(c, w, V, O, k, de.current, P);
       }
     }
     var we = I.ReactCurrentOwner, Ye = I.ReactDebugCurrentFrame;
@@ -524,18 +524,18 @@ Check the top-level render call using <` + y + ">.");
         if (Ge[y])
           return;
         Ge[y] = !0;
-        var T = "";
-        c && c._owner && c._owner !== we.current && (T = " It was passed a child from " + z(c._owner.type) + "."), re(c), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, T), re(null);
+        var k = "";
+        c && c._owner && c._owner !== we.current && (k = " It was passed a child from " + z(c._owner.type) + "."), re(c), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, k), re(null);
       }
     }
     function et(c, p) {
       {
         if (typeof c != "object")
           return;
-        if (ke(c))
+        if (Te(c))
           for (var y = 0; y < c.length; y++) {
-            var T = c[y];
-            Ie(T) && Ze(T, p);
+            var k = c[y];
+            Ie(k) && Ze(k, p);
           }
         else if (Ie(c))
           c._store && (c._store.validated = !0);
@@ -562,8 +562,8 @@ Check the top-level render call using <` + y + ">.");
         else
           return;
         if (y) {
-          var T = z(p);
-          mt(y, c.props, "prop", T, c);
+          var k = z(p);
+          mt(y, c.props, "prop", k, c);
         } else if (p.PropTypes !== void 0 && !Ee) {
           Ee = !0;
           var O = z(p);
@@ -575,9 +575,9 @@ Check the top-level render call using <` + y + ">.");
     function Pt(c) {
       {
         for (var p = Object.keys(c.props), y = 0; y < p.length; y++) {
-          var T = p[y];
-          if (T !== "children" && T !== "key") {
-            re(c), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), re(null);
+          var k = p[y];
+          if (k !== "children" && k !== "key") {
+            re(c), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), re(null);
             break;
           }
         }
@@ -585,25 +585,25 @@ Check the top-level render call using <` + y + ">.");
       }
     }
     var tt = {};
-    function at(c, p, y, T, O, A) {
+    function at(c, p, y, k, O, A) {
       {
-        var P = _(c);
+        var P = H(c);
         if (!P) {
           var w = "";
           (c === void 0 || typeof c == "object" && c !== null && Object.keys(c).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 = wt(O);
           V ? w += V : w += Xe();
-          var N;
-          c === null ? N = "null" : ke(c) ? N = "array" : c !== void 0 && c.$$typeof === e ? (N = "<" + (z(c.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : N = typeof c, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", N, w);
+          var q;
+          c === null ? q = "null" : Te(c) ? q = "array" : c !== void 0 && c.$$typeof === e ? (q = "<" + (z(c.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : q = typeof c, 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 H = Rt(c, p, y, O, A);
-        if (H == null)
-          return H;
+        var B = Rt(c, p, y, O, A);
+        if (B == null)
+          return B;
         if (P) {
           var J = p.children;
           if (J !== void 0)
-            if (T)
-              if (ke(J)) {
+            if (k)
+              if (Te(J)) {
                 for (var ie = 0; ie < J.length; ie++)
                   et(J[ie], c);
                 Object.freeze && Object.freeze(J);
@@ -613,11 +613,11 @@ Check the top-level render call using <` + y + ">.");
               et(J, c);
         }
         if (ue.call(p, "key")) {
-          var se = z(c), K = Object.keys(p).filter(function(Dt) {
+          var se = z(c), Q = Object.keys(p).filter(function(Dt) {
             return Dt !== "key";
-          }), Pe = K.length > 0 ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), Pe = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!tt[se + Pe]) {
-            var Mt = K.length > 0 ? "{" + K.join(": ..., ") + ": ...}" : "{}";
+            var Mt = Q.length > 0 ? "{" + Q.join(": ..., ") + ": ...}" : "{}";
             L(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -626,7 +626,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Pe, se, Mt, se), tt[se + Pe] = !0;
           }
         }
-        return c === s ? Pt(H) : It(H), H;
+        return c === s ? Pt(B) : It(B), B;
       }
     }
     function jt(c, p, y) {
@@ -1099,12 +1099,12 @@ class me {
     let o = "", d = {
       selectedSortOption: "",
       options: []
-    }, f = (t = e.metadata.results.find(
+    }, v = (t = e.metadata.results.find(
       (g) => g.result_card === "date"
     )) == null ? void 0 : t.name;
     if (d.options = [
       { key: "", value: "Relevance" },
-      { key: f + " desc", value: "Most Recent" }
+      { key: v + " desc", value: "Most Recent" }
     ], (s = e.metadata.sorts) != null && s.length) {
       const g = e.metadata.sorts.map((m) => ({ value: m.label, key: m.name + " " + m.order }));
       d.options = [{ key: "", value: "Relevance" }, ...g];
@@ -1310,7 +1310,9 @@ class Ut {
     if (!t)
       e.forEach(function(a) {
         const r = a.name + ':"' + a.value + '"';
-        s = s.concat("fq=" + decodeURIComponent(r).replace("  ", " "));
+        s = s.concat(
+          "fq=" + decodeURIComponent(r).replace("  ", " ")
+        );
       });
     else {
       const a = {};
@@ -1327,7 +1329,7 @@ class Ut {
           s = s.concat("fq=" + o.trim());
         }
     }
-    return s.length ? "&" + s.join("&") : "";
+    return s = s.map((a) => a.replace(/&/g, "%26").replace(/\+/g, "%2B")), console.log(s), s.length ? "&" + s.join("&") : "";
   }
   getRelatedSearches(e, t, s, a) {
     const r = new Headers();
@@ -1363,18 +1365,25 @@ class Ut {
   search(e, t, s = !1, a = !1) {
     if (e.query && e.query !== "undefined") {
       this.dataLayer.setSearchTerm(e.query), this.dataLayer.setLoading(!0), this.controllerSearch && this.controllerSearch.abort(), this.controllerSearch = new AbortController(), this.signalSearch = this.controllerSearch.signal;
-      const r = new Proxy(new URLSearchParams((window == null ? void 0 : window.location.search) ?? ""), {
-        get: (m, C) => m.get(C) ?? ""
-      }), i = r.languageVariant ? (
+      const r = new Proxy(
+        new URLSearchParams((window == null ? void 0 : window.location.search) ?? ""),
+        {
+          get: (m, C) => m.get(C) ?? ""
+        }
+      ), i = r.languageVariant ? (
         //@ts-expect-error - this is a hack to get around the fact that the urlQueryParams is a proxy
         "&fq=_language:" + r.languageVariant
       ) : "";
       let l = e.itemsPerPage, o = (e.itemsPerPage ? e.itemsPerPage : 0) * (e.page - 1), d = e.order ? `&sort=${e.order}` : "";
-      const f = this.url + "?q=" + encodeURIComponent(e.query.trim()) + "&start=" + o + this.toQueryString(e.additionalProps ?? []) + this.generateFacetQuery(
-        e.facets.filter((m) => m.type === "or" || m.type === "showUnavailable"),
+      const v = this.url + "?q=" + encodeURIComponent(e.query.trim()) + "&start=" + o + this.toQueryString(e.additionalProps ?? []) + this.generateFacetQuery(
+        e.facets.filter(
+          (m) => m.type === "or" || m.type === "showUnavailable"
+        ),
         !0
       ) + this.generateFacetQuery(
-        e.facets.filter((m) => m.type === "and" || m.type === "tabs"),
+        e.facets.filter(
+          (m) => m.type === "and" || m.type === "tabs"
+        ),
         !1
       ) + d + `&spellcheck.correct=${this.dataLayer.autoCorrect && !a}` + (l ? `&rows=${l}` : "") + "&language=" + this.dataLayer.language + i, g = {
         method: "GET",
@@ -1382,7 +1391,7 @@ class Ut {
         credentials: "same-origin",
         signal: this.signalSearch
       };
-      s && delete g.signal, fetch(f, g).then((m) => m.json()).then((m) => {
+      s && delete g.signal, fetch(v, g).then((m) => m.json()).then((m) => {
         this.dataLayer.setLoading(!1), t(m);
       }).catch(() => {
         this.dataLayer.setLoading(!1);
@@ -1428,7 +1437,9 @@ class Ut {
       return "";
     const t = [];
     for (const s of e)
-      t.push(encodeURIComponent(s.key) + "=" + encodeURIComponent(s.value));
+      t.push(
+        encodeURIComponent(s.key) + "=" + encodeURIComponent(s.value)
+      );
     return "&" + t.join("&");
   }
 }
@@ -1552,7 +1563,7 @@ function ia(n, e) {
   if (!n)
     return [];
   var t = !1, s = [], a = [], r = [], i = !1, l = !1, o = "", d = 0;
-  function f() {
+  function v() {
     if (i && !l)
       for (; r.length; )
         delete a[r.pop()];
@@ -1567,17 +1578,17 @@ function ia(n, e) {
     g = new RegExp(Fe(x[0]) + "\\s*"), m = new RegExp("\\s*" + Fe(x[1])), C = new RegExp("\\s*" + Fe("}" + x[1]));
   }
   E(e || j.tags);
-  for (var k = new ve(n), R, I, L, $, B, M; !k.eos(); ) {
-    if (R = k.pos, L = k.scanUntil(g), L)
-      for (var Q = 0, v = L.length; Q < v; ++Q)
-        $ = L.charAt(Q), Gt($) ? (r.push(a.length), o += $) : (l = !0, t = !0, o += " "), a.push(["text", $, R, R + 1]), R += 1, $ === `
-` && (f(), o = "", d = 0, t = !1);
-    if (!k.scan(g))
+  for (var T = new ve(n), R, I, L, $, N, M; !T.eos(); ) {
+    if (R = T.pos, L = T.scanUntil(g), L)
+      for (var K = 0, f = L.length; K < f; ++K)
+        $ = L.charAt(K), Gt($) ? (r.push(a.length), o += $) : (l = !0, t = !0, o += " "), a.push(["text", $, R, R + 1]), R += 1, $ === `
+` && (v(), o = "", d = 0, t = !1);
+    if (!T.scan(g))
       break;
-    if (i = !0, I = k.scan(ra) || "name", k.scan(ta), I === "=" ? (L = k.scanUntil(lt), k.scan(lt), k.scanUntil(m)) : I === "{" ? (L = k.scanUntil(C), k.scan(sa), k.scanUntil(m), I = "&") : L = k.scanUntil(m), !k.scan(m))
-      throw new Error("Unclosed tag at " + k.pos);
-    if (I == ">" ? B = [I, L, R, k.pos, o, d, t] : B = [I, L, R, k.pos], d++, a.push(B), I === "#" || I === "^")
-      s.push(B);
+    if (i = !0, I = T.scan(ra) || "name", T.scan(ta), I === "=" ? (L = T.scanUntil(lt), T.scan(lt), T.scanUntil(m)) : I === "{" ? (L = T.scanUntil(C), T.scan(sa), T.scanUntil(m), I = "&") : L = T.scanUntil(m), !T.scan(m))
+      throw new Error("Unclosed tag at " + T.pos);
+    if (I == ">" ? N = [I, L, R, T.pos, o, d, t] : N = [I, L, R, T.pos], d++, a.push(N), I === "#" || I === "^")
+      s.push(N);
     else if (I === "/") {
       if (M = s.pop(), !M)
         throw new Error('Unopened section "' + L + '" at ' + R);
@@ -1586,8 +1597,8 @@ function ia(n, e) {
     } else
       I === "name" || I === "{" || I === "&" ? l = !0 : I === "=" && E(L);
   }
-  if (f(), M = s.pop(), M)
-    throw new Error('Unclosed section "' + M[1] + '" at ' + k.pos);
+  if (v(), M = s.pop(), M)
+    throw new Error('Unclosed section "' + M[1] + '" at ' + T.pos);
   return ca(na(a));
 }
 function na(n) {
@@ -1690,7 +1701,7 @@ U.prototype.render = function(n, e, t, s) {
   return this.renderTokens(r, i, t, n, s);
 };
 U.prototype.renderTokens = function(n, e, t, s, a) {
-  for (var r = "", i, l, o, d = 0, f = n.length; d < f; ++d)
+  for (var r = "", i, l, o, d = 0, v = n.length; d < v; ++d)
     o = void 0, i = n[d], l = i[0], l === "#" ? o = this.renderSection(i, e, t, s, a) : l === "^" ? o = this.renderInverted(i, e, t, s, a) : l === ">" ? o = this.renderPartial(i, e, t, a) : l === "&" ? o = this.unescapedValue(i, e) : l === "name" ? o = this.escapedValue(i, e, a) : l === "text" && (o = this.rawValue(i)), o !== void 0 && (r += o);
   return r;
 };
@@ -1701,7 +1712,7 @@ U.prototype.renderSection = function(n, e, t, s, a) {
   }
   if (l) {
     if (oe(l))
-      for (var d = 0, f = l.length; d < f; ++d)
+      for (var d = 0, v = l.length; d < v; ++d)
         i += this.renderTokens(n[4], e.push(l[d]), t, s, a);
     else if (typeof l == "object" || typeof l == "string" || typeof l == "number")
       i += this.renderTokens(n[4], e.push(l), t, s, a);
@@ -1732,8 +1743,8 @@ U.prototype.renderPartial = function(n, e, t, s) {
     if (r != null) {
       var i = n[6], l = n[5], o = n[4], d = r;
       l == 0 && o && (d = this.indentPartial(r, o, i));
-      var f = this.parse(d, a);
-      return this.renderTokens(f, e, t, d, s);
+      var v = this.parse(d, a);
+      return this.renderTokens(v, e, t, d, s);
     }
   }
 };
@@ -1815,7 +1826,7 @@ const la = {
   mainTemplate: {
     template: `
         {{#hasExternalPromotions}}
-            <div class="searchstax-external-promotions-container" id="searchstax-external-promotions-container">
+            <div class="searchstax-external-promotions-container" id="searchstax-external-promotions-container" data-test-id="searchstax-external-promotions-container">
                  External promotions go here
             </div>
         {{/hasExternalPromotions}}
@@ -1824,16 +1835,16 @@ const la = {
   },
   externalPromotion: {
     template: `
-        <div class="searchstax-external-promotion searchstax-search-result">
+        <div class="searchstax-external-promotion searchstax-search-result" data-test-id="searchstax-external-promotion">
             <div class="icon-elevated"></div>
             {{#url}}
-            <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
+            <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link" data-test-id="searchstax-result-item-link"></a>
             {{/url}}
             <div class="searchstax-search-result-title-container">
-                <span class="searchstax-search-result-title">{{name}}</span>
+                <span class="searchstax-search-result-title" data-test-id="searchstax-search-result-title">{{name}}</span>
             </div>
             {{#description}}
-            <p class="searchstax-search-result-description searchstax-search-result-common">
+            <p class="searchstax-search-result-description searchstax-search-result-common" data-test-id="searchstax-search-result-description">
             {{description}}
             </p>
             {{/description}}
@@ -1862,13 +1873,13 @@ const la = {
           </div>
         </div>
 
-        <div class="searchstax-facets-mobile-overlay {{#overlayOpened}} searchstax-show{{/overlayOpened}}" >
+        <div class="searchstax-facets-mobile-overlay {{#overlayOpened}} searchstax-show{{/overlayOpened}}" data-test-id="searchstax-facets-mobile-overlay">
           <div class="searchstax-facets-mobile-overlay-header">
             <div class="searchstax-facets-mobile-overlay-header-title">Filter By</div>
-            <div class="searchstax-search-close" tabindex="0" aria-label="close overlay" role="button"></div>
+            <div class="searchstax-search-close" tabindex="0" aria-label="close overlay" role="button" data-test-id="searchstax-search-close"></div>
           </div>
           <div class="searchstax-facets-container-mobile"></div>
-          <button class="searchstax-facets-mobile-overlay-done">Done</button>
+          <button class="searchstax-facets-mobile-overlay-done" data-test-id="searchstax-facets-mobile-overlay-done">Done</button>
         </div>
       `,
     facetsContainerClass: "searchstax-facets-container-mobile",
@@ -1881,12 +1892,12 @@ const la = {
   },
   showMoreButtonContainerTemplate: {
     template: `
-      <div class="searchstax-facet-show-more-container">
+      <div class="searchstax-facet-show-more-container" data-test-id="searchstax-facet-show-more-container">
       {{#showingAllFacets}}
-        <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0">less</div>
+        <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-less-button">less</div>
       {{/showingAllFacets}}
       {{^showingAllFacets}}
-        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0">more {{onShowMoreLessClick}}</div>
+        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-more-button">more {{onShowMoreLessClick}}</div>
       {{/showingAllFacets}}
     </div>
       `,
@@ -1895,7 +1906,7 @@ const la = {
   facetItemContainerTemplate: {
     template: `
       <div>
-        <div class="searchstax-facet-title-container">
+        <div class="searchstax-facet-title-container" data-test-id="searchstax-facet-title-container">
             <div class="searchstax-facet-title" aria-label="Facet group: {{label}}" tabindex="0">
             {{label}}
             </div>
@@ -1909,8 +1920,8 @@ const la = {
   },
   clearFacetsTemplate: {
     template: `
-      {{#shouldShow}}}
-        <div class="searchstax-facets-pill searchstax-clear-filters searchstax-facets-pill-clear-all" tabindex="0" role="button">
+      {{#shouldShow}}
+        <div class="searchstax-facets-pill searchstax-clear-filters searchstax-facets-pill-clear-all" tabindex="0" role="button" data-test-id="searchstax-facets-pill-clear-all">
         <div class="searchstax-facets-pill-label">Clear Filters</div>
         </div>
       {{/shouldShow}}
@@ -1920,10 +1931,10 @@ const la = {
   facetItemTemplate: {
     template: `
       <div class="searchstax-facet-input">
-        <input type="checkbox" class="searchstax-facet-input-checkbox" {{#disabled}}disabled{{/disabled}} {{#isChecked}}checked{{/isChecked}} aria-label="{{value}} {{count}}" tabindex="0"/>
+        <input type="checkbox" class="searchstax-facet-input-checkbox" data-test-id="searchstax-facet-input-checkbox" {{#disabled}}disabled{{/disabled}} {{#isChecked}}checked{{/isChecked}} aria-label="{{value}} {{count}}" tabindex="0"/>
       </div>
-      <div class="searchstax-facet-value-label">{{value}}</div>
-      <div class="searchstax-facet-value-count">({{count}})</div>
+      <div class="searchstax-facet-value-label" data-test-id="searchstax-facet-value-label">{{value}}</div>
+      <div class="searchstax-facet-value-count" data-test-id="searchstax-facet-value-count">({{count}})</div>
       `,
     inputCheckboxClass: "searchstax-facet-input-checkbox",
     checkTriggerClasses: [
@@ -1933,7 +1944,7 @@ const la = {
   },
   filterByTemplate: {
     template: `
-      <div class="searchstax-facets-pill searchstax-facets-pill-filter-by" tabindex="0" role="button" >
+      <div class="searchstax-facets-pill searchstax-facets-pill-filter-by" tabindex="0" role="button" data-test-id="searchstax-facets-pill-filter-by" >
         <div class="searchstax-facets-pill-label">Filter By</div>
       </div>
       `,
@@ -1941,7 +1952,7 @@ const la = {
   },
   selectedFacetsTemplate: {
     template: `
-      <div class="searchstax-facets-pill searchstax-facets-pill-facets" tabindex="0" role="button">
+      <div class="searchstax-facets-pill searchstax-facets-pill-facets" tabindex="0" role="button" data-test-id="searchstax-facets-pill-facets">
         <div class="searchstax-facets-pill-label">{{value}} ({{count}})</div>
         <div class="searchstax-facets-pill-icon-close"></div>
       </div>
@@ -1952,13 +1963,13 @@ const la = {
   mainTemplate: {
     template: `
       {{#results.length}}
-        <div class="searchstax-pagination-container">
+        <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
           <div class="searchstax-pagination-content">
-            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
-            <div class="searchstax-pagination-details">
+            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
+            <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
               {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
             </div>
-              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
+              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
           </div>
         </div>
       {{/results.length}}
@@ -1970,7 +1981,7 @@ const la = {
     template: `
       {{#results.length}}
         {{^isLastPage}}
-          <a class="searchstax-pagination-load-more" tabindex="0">Show More</a>
+          <a class="searchstax-pagination-load-more" data-test-id="searchstax-pagination-load-more" tabindex="0">Show More</a>
         {{/isLastPage}}
       {{/results.length}}
       `,
@@ -1980,7 +1991,7 @@ const la = {
   main: {
     template: `
         {{#hasRelatedSearches}}
-            <div class="searchstax-related-searches-container" id="searchstax-related-searches-container">
+            <div class="searchstax-related-searches-container" data-test-id="searchstax-related-searches-container" id="searchstax-related-searches-container">
                 Related searches: <span id="searchstax-related-searches"></span>
                 {{#relatedSearches}}
                 <span class="searchstax-related-search">
@@ -1994,7 +2005,7 @@ const la = {
   },
   relatedSearch: {
     template: `
-        <span class="searchstax-related-search searchstax-related-search-item" aria-label="Related search: {{related_search}}" tabindex="0">
+        <span class="searchstax-related-search searchstax-related-search-item" data-test-id="searchstax-related-search-item" aria-label="Related search: {{related_search}}" tabindex="0">
             {{ related_search }}{{^last}}<span>,</span>{{/last}}
         </span>
         `,
@@ -2004,13 +2015,13 @@ const la = {
   main: {
     template: `
         {{#searchExecuted}}
-            <a href="#searchstax-search-results" class="searchstax-skip">Skip to results section</a>
-            <h4 class="searchstax-feedback-container">
+            <a href="#searchstax-search-results" data-test-id="searchstax-skip" class="searchstax-skip">Skip to results section</a>
+            <h4 class="searchstax-feedback-container" data-test-id="searchstax-feedback-container">
               {{#hasResults}}
                  <span> Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> </span> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
-                  <div class="searchstax-feedback-container-suggested">
+                  <div class="searchstax-feedback-container-suggested" data-test-id="searchstax-feedback-container-suggested">
                     {{#autoCorrectedQuery}}
-                      Search instead for <a href="#" aria-label="Search instead for: {{originalQuery}}" class="searchstax-feedback-original-query">{{originalQuery}}</a>
+                      Search instead for <a href="#" aria-label="Search instead for: {{originalQuery}}" class="searchstax-feedback-original-query" data-test-id="searchstax-feedback-original-query">{{originalQuery}}</a>
                     {{/autoCorrectedQuery}}
                   </div>
                 {{/hasResults}}
@@ -2022,10 +2033,10 @@ const la = {
 }, pa = {
   mainTemplate: {
     template: `
-        <div class="searchstax-search-input-container">
+        <div class="searchstax-search-input-container" data-test-id="searchstax-search-input-container">
             <div class="searchstax-search-input-wrapper">
-                <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." aria-label="Search" />
-                <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button" aria-label="search" role="button"></button>
+                <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." aria-label="Search" data-test-id="searchstax-search-input" />
+                <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button" aria-label="search" role="button" data-test-id="searchstax-search-input-action-button"></button>
             </div>
         </div>
         `,
@@ -2039,78 +2050,80 @@ const la = {
 }, ma = {
   mainTemplate: {
     template: `
-            <div class="searchstax-search-results-container">
-                <div class="searchstax-search-results" id="searchstax-search-results"></div>
-            </div>
+    <div class="searchstax-search-results-container" id="searchstax-search-results-container" data-test-id="searchstax-search-results-container">
+        <div class="searchstax-search-results" id="searchstax-search-results"></div>
+    </div>
             `,
     searchResultsContainerId: "searchstax-search-results",
     searchResultsAccessibilityId: "searchstax-search-results-accessibility-announcement"
   },
   searchResultTemplate: {
     template: `
-            <div class="searchstax-search-result {{#thumbnail}} has-thumbnail {{/thumbnail}}">
-            <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link searchstax-result-item-link-wrapping" tabindex="0">
-                {{#promoted}}
-                    <div class="searchstax-search-result-promoted"></div>
-                {{/promoted}}
+    <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" data-test-id="searchstax-result-item-link" class="searchstax-result-item-link searchstax-result-item-link-wrapping" tabindex="0">
+    <div class="searchstax-search-result searchstax-search-result-wrapping {{#thumbnail}} has-thumbnail {{/thumbnail}}">
+        {{#promoted}}
+            <div class="searchstax-search-result-promoted" data-test-id="searchstax-search-result-promoted"></div>
+        {{/promoted}}
 
-                {{#ribbon}}
-                    <div class="searchstax-search-result-ribbon">
-                    {{{ribbon}}}
-                    </div>
-                {{/ribbon}}
+        {{#ribbon}}
+            <div class="searchstax-search-result-ribbon" data-test-id="searchstax-search-result-ribbon">
+            {{{ribbon}}}
+            </div>
+        {{/ribbon}}
 
-                {{#thumbnail}}
-                    <img src="{{thumbnail}}" alt="" class="searchstax-thumbnail">
-                {{/thumbnail}}
-                <div class="searchstax-search-result-title-container">
-                    <h5 class="searchstax-search-result-title">{{{title}}}</h5>
-                </div>
+        {{#thumbnail}}
+            <img alt="" src="{{thumbnail}}" alt="image" class="searchstax-thumbnail" data-test-id="searchstax-thumbnail">
+        {{/thumbnail}}
+        <div class="searchstax-search-result-title-container" data-test-id="searchstax-search-result-title-container">
+            <h3 class="searchstax-search-result-title">{{{title}}}</h3>
+        </div>
 
-                {{#paths}}
-                    <p class="searchstax-search-result-common">
-                        {{paths}}
-                    </p>
-                {{/paths}}
+        {{#paths}}
+            <p class="searchstax-search-result-common" data-test-id="searchstax-search-result-common">
+                {{{paths}}}
+            </p>
+        {{/paths}}
 
-                {{#description}}
-                    <p class="searchstax-search-result-description searchstax-search-result-common">
-                        {{{description}}}
-                    </p>
-                {{/description}}
+        {{#description}}
+            <p class="searchstax-search-result-description searchstax-search-result-common" data-test-id="searchstax-search-result-description">
+                {{{description}}}
+            </p>
+        {{/description}}
 
-                {{#unmappedFields}}
-                    {{#isImage}}
-                        <div class="searchstax-search-result-image-container">
-                        <img src="{{value}}" alt="" class="searchstax-result-image">
-                        </div>
-                    {{/isImage}}
-                    {{^isImage}}
-                        <p class="searchstax-search-result-common">
-                        {{{value}}}
-                        </p>
-                    {{/isImage}}
-                {{/unmappedFields}}
-                </a>
-            </div>
+        {{#unmappedFields}}
+            {{#isImage}}
+                <div class="searchstax-search-result-image-container">
+                <img alt="" src="{{value}}" alt="image" class="searchstax-result-image" data-test-id="searchstax-result-image">
+                </div>
+            {{/isImage}}
+            {{^isImage}}
+                <p class="searchstax-search-result-common">
+                {{{value}}}
+                </p>
+            {{/isImage}}
+        {{/unmappedFields}}
+        </div>
+        </a>
             `,
     searchResultUniqueIdAttribute: "data-searchstax-unique-result-id"
   },
   noSearchResultTemplate: {
     template: `
-          {{#searchExecuted}}
-            <div class="searchstax-no-results" aria-live="polite">
-                Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
-                <br>
-                {{#spellingSuggestion}}
-                    <span>&nbsp;Did you mean <a href="#" class="searchstax-suggestion-term" onclick="searchCallback('{{ spellingSuggestion }}')" aria-label="suggested term: {{ spellingSuggestion }}">{{ spellingSuggestion }}</a>?</span>
-                {{/spellingSuggestion}}
-            </div>
-            <ul class="searchstax-no-results-list" aria-live="polite">
-                <li>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</li>
-                <li>Lost? Click on the ‘X” in the Search Box to reset your search.</li>
-            </ul>
-          {{/searchExecuted}}
+    {{#searchExecuted}}
+    <div class="searchstax-no-results-wrap" data-test-id="searchstax-no-results-wrap">
+      <div class="searchstax-no-results" data-test-id="searchstax-no-results">
+          Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
+          <br>
+          {{#spellingSuggestion}}
+              <span>&nbsp;Did you mean <a href="#" aria-label="Did you mean: {{originalQuery}}" class="searchstax-suggestion-term" onclick="searchCallback('{{ spellingSuggestion }}')">{{ spellingSuggestion }}</a>?</span>
+          {{/spellingSuggestion}}
+      </div>
+      <ul class="searchstax-no-results-list" data-test-id="searchstax-no-results-list">
+          <li>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</li>
+          <li>Lost? Click on the ‘X” in the Search Box to reset your search.</li>
+      </ul>
+    </div>
+  {{/searchExecuted}}
             `
   }
 }, fa = {
@@ -2118,9 +2131,9 @@ const la = {
     template: `
       {{#searchExecuted}}
         {{#hasResultsOrExternalPromotions}}
-        <div class="searchstax-sorting-container">
-            <label class="searchstax-sorting-label" for="searchstax-search-order-select">Sort By</label>
-            <select id="searchstax-search-order-select" class="searchstax-search-order-select" >
+        <div class="searchstax-sorting-container" data-test-id="searchstax-sorting-container">
+            <label class="searchstax-sorting-label" data-test-id="searchstax-sorting-label" for="searchstax-search-order-select">Sort By</label>
+            <select id="searchstax-search-order-select" class="searchstax-search-order-select" data-test-id="searchstax-search-order-select" >
             {{#sortOptions}}
                 <option value="{{key}}">
                 {{value}}
@@ -2214,13 +2227,13 @@ class ya {
         const o = r.querySelector("input");
         let d = i ? o.checked : !o.checked;
         l !== void 0 && (d = !l), o.checked = d;
-        const f = this.dataLayer.searchObject;
-        let g = [...f.facets];
+        const v = this.dataLayer.searchObject;
+        let g = [...v.facets];
         const m = this.extractFacetValue(a);
         d ? g.find((C) => X.deepEqual(C, m) ? C : !1) || (this.config.facetingType === "tabs" && (g = g.filter((C) => C.name !== m.name)), g.push(m)) : g = g.filter(
           (C) => !X.deepEqual(C, m)
         ), setTimeout(() => {
-          this.dataLayer.setSearchObject({ ...f, facets: g, page: 1 }), this.config.facetingType === "tabs" && this.renderMainTemplate(this.generateTemplateData(), !0);
+          this.dataLayer.setSearchObject({ ...v, facets: g, page: 1 }), this.config.facetingType === "tabs" && this.renderMainTemplate(this.generateTemplateData(), !0);
         }, 0);
       }
     }), this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.routerHelper = e.routerHelper, this.cacheFacets = t, this.facetPaginationStep = this.config.itemsPerPageDesktop, this.facetPaginationStepMobile = this.config.itemsPerPageMobile, typeof document < "u" && (this.searchFacetsMainContainer = document == null ? void 0 : document.getElementById(
@@ -2304,7 +2317,7 @@ class ya {
     }
   }
   createFacetItem(e, t, s) {
-    var a, r, i, l, o, d, f, g, m, C, E, k;
+    var a, r, i, l, o, d, v, g, m, C, E, T;
     if (typeof document < "u") {
       const R = document == null ? void 0 : document.createElement("div");
       R.classList.add("searchstax-facet-container"), this.deactivatedFacets[e.name] || R.classList.add("active");
@@ -2314,18 +2327,19 @@ class ya {
         e
       ), t.appendChild(R);
       const L = R.querySelector(
-        "." + (((f = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.facetItemContainerTemplate) == null ? void 0 : f.facetListTitleContainerClass) || ((g = b.facets.facetItemContainerTemplate) == null ? void 0 : g.facetListTitleContainerClass))
+        "." + (((v = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.facetItemContainerTemplate) == null ? void 0 : v.facetListTitleContainerClass) || ((g = b.facets.facetItemContainerTemplate) == null ? void 0 : g.facetListTitleContainerClass))
       );
       L == null || L.addEventListener("click", () => {
         R.classList.toggle("active");
       });
       const $ = R.querySelector(
-        "." + (((E = (C = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : C.facetItemContainerTemplate) == null ? void 0 : E.facetListContainerClass) || ((k = b.facets.facetItemContainerTemplate) == null ? void 0 : k.facetListContainerClass))
+        "." + (((E = (C = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : C.facetItemContainerTemplate) == null ? void 0 : E.facetListContainerClass) || ((T = b.facets.facetItemContainerTemplate) == null ? void 0 : T.facetListContainerClass))
       );
-      $ && (e.values.forEach((B) => {
+      $ && (e.values.forEach((N) => {
         this.createFacetListItem(
-          B,
-          $
+          N,
+          $,
+          e.name
         );
       }), e.hasMoreFacets && this.createHasMoreComponent(e, $, s));
     }
@@ -2334,31 +2348,33 @@ class ya {
     var t;
     return !!((t = this.dataLayer.searchObject.facets) != null && t.find((s) => X.deepEqual(s, this.extractFacetValue(e))));
   }
-  createFacetListItem(e, t) {
-    var s, a, r, i, l, o, d, f, g, m, C, E, k;
+  createFacetListItem(e, t, s) {
+    var a, r, i, l, o, d, v, g, m, C, E, T;
     if (typeof document < "u") {
       const R = document == null ? void 0 : document.createElement("div");
       R.classList.add("searchstax-facet-value-container"), e.disabled && R.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) || ((i = b.facets.facetItemTemplate) == null ? void 0 : i.template);
+      const I = this.isChecked(e), L = ((i = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.facetItemTemplate) == null ? void 0 : i.template) || ((l = b.facets.facetItemTemplate) == null ? void 0 : l.template);
       R.innerHTML = j.render(
         L,
         { ...e, isChecked: I }
       );
-      let $ = (l = b.facets.facetItemTemplate) == null ? void 0 : l.checkTriggerClasses;
-      $ = ((f = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.facetItemTemplate) == null ? void 0 : f.checkTriggerClasses) || $, $.forEach((B) => {
-        var M;
-        (M = R.querySelector("." + B)) == null || M.addEventListener("click", (Q) => {
-          this.onFacetSelect(Q, e, R);
+      let $ = (o = b.facets.facetItemTemplate) == null ? void 0 : o.checkTriggerClasses;
+      $ = ((g = (v = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : v.facetItemTemplate) == null ? void 0 : g.checkTriggerClasses) || $, $.forEach((M) => {
+        const K = R.querySelector("." + M);
+        K == null || K.addEventListener("click", (f) => {
+          this.onFacetSelect(f, e, R);
         });
-      }), (k = R.querySelector(
-        "." + (((C = (m = (g = this.config) == null ? void 0 : g.templates) == null ? void 0 : m.facetItemTemplate) == null ? void 0 : C.inputCheckboxClass) || ((E = b.facets.facetItemTemplate) == null ? void 0 : E.inputCheckboxClass))
-      )) == null || k.addEventListener("click", (B) => {
-        this.onFacetSelect(B, e, R, !0);
-      }), t.appendChild(R);
+      });
+      const N = R.querySelector(
+        "." + (((E = (C = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : C.facetItemTemplate) == null ? void 0 : E.inputCheckboxClass) || ((T = b.facets.facetItemTemplate) == null ? void 0 : T.inputCheckboxClass))
+      );
+      N == null || N.addEventListener("click", (M) => {
+        this.onFacetSelect(M, e, R, !0);
+      }), N && (N == null || N.setAttribute("data-test-value", `${encodeURIComponent(s)}:&quot;${encodeURIComponent(e.value)}&quot;`)), t.appendChild(R);
     }
   }
   createHasMoreComponent(e, t, s) {
-    var a, r, i, l, o, d, f, g;
+    var a, r, i, l, o, d, v, g;
     if (typeof document < "u") {
       const m = document == null ? void 0 : document.createElement("div");
       m.classList.add("searchstax-facet-show-more-container");
@@ -2368,7 +2384,7 @@ class ya {
         e
       );
       const E = m.querySelector(
-        "." + (((f = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.showMoreButtonContainerTemplate) == null ? void 0 : f.showMoreButtonClass) || ((g = b.facets.showMoreButtonContainerTemplate) == null ? void 0 : g.showMoreButtonClass))
+        "." + (((v = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.showMoreButtonContainerTemplate) == null ? void 0 : v.showMoreButtonClass) || ((g = b.facets.showMoreButtonContainerTemplate) == null ? void 0 : g.showMoreButtonClass))
       );
       E && (this.attachOnclickToShowMore(e, E, s), t && t.appendChild(E));
     }
@@ -2386,7 +2402,7 @@ class ya {
     r[t.name] === void 0 ? r[t.name] = a * 2 : r[t.name] <= t.values.length ? (ee.setAccessibilityText(`More Facets shown for ${t.label}`), r[t.name] = r[t.name] + a) : (ee.setAccessibilityText(`Less Facets shown for ${t.label}`), r[t.name] = a), this.generateTemplateData(s), this.renderMainTemplate(this.generateTemplateData());
   }
   renderMainTemplate(e, t) {
-    var s, a, r, i, l, o, d, f, g, m, C;
+    var s, a, r, i, l, o, d, v, g, m, C;
     if (e && (!X.deepEqual(this.cachedData ?? {}, e) || t)) {
       this.cachedData = e;
       const E = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.mainTemplateDesktop) == null ? void 0 : r.template) || ((i = b.facets.mainTemplateDesktop) == null ? void 0 : i.template);
@@ -2397,13 +2413,13 @@ class ya {
             ...e
           }
         );
-        const k = (f = this.searchFacetsMainContainer) == null ? void 0 : f.querySelector(
+        const T = (v = this.searchFacetsMainContainer) == null ? void 0 : v.querySelector(
           "." + (((d = (o = (l = this.config) == null ? void 0 : l.templates) == null ? void 0 : o.mainTemplateDesktop) == null ? void 0 : d.facetsContainerClass) || b.facets.mainTemplateDesktop.facetsContainerClass)
         );
-        if (k) {
-          k.innerHTML = "";
+        if (T) {
+          T.innerHTML = "";
           for (const R of e.facets)
-            this.createFacetItem(R, k);
+            this.createFacetItem(R, T);
           if (this.searchFacetsMainContainer) {
             const R = this.searchFacetsMainContainer.querySelector(
               "." + (((C = (m = (g = this.config) == null ? void 0 : g.templates) == null ? void 0 : m.mainTemplateDesktop) == null ? void 0 : C.selectedFacetsContainerClass) || b.facets.mainTemplateDesktop.selectedFacetsContainerClass)
@@ -2441,11 +2457,11 @@ class ya {
   createClearFacetsComponents(e) {
     var t, s, a, r, i, l, o, d;
     if (typeof document < "u") {
-      const f = this.dataLayer.searchObject, g = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.clearFacetsTemplate) == null ? void 0 : a.template) || ((r = b.facets.clearFacetsTemplate) == null ? void 0 : r.template), m = document == null ? void 0 : document.createElement("div");
+      const v = this.dataLayer.searchObject, g = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.clearFacetsTemplate) == null ? void 0 : a.template) || ((r = b.facets.clearFacetsTemplate) == null ? void 0 : r.template), m = document == null ? void 0 : document.createElement("div");
       m.innerHTML = j.render(
         g,
         {
-          shouldShow: f.facets.length > 0
+          shouldShow: v.facets.length > 0
         }
       );
       const C = m.querySelector(
@@ -2459,7 +2475,7 @@ class ya {
     }
   }
   createSelectedFacetsComponent(e, t) {
-    var s, a, r, i, l, o, d, f;
+    var s, a, r, i, l, o, d, v;
     if (typeof document < "u") {
       const g = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.selectedFacetsTemplate) == null ? void 0 : r.template) || ((i = b.facets.selectedFacetsTemplate) == null ? void 0 : i.template), m = document == null ? void 0 : document.createElement("div");
       m.innerHTML = j.render(
@@ -2467,7 +2483,7 @@ class ya {
         t
       );
       const C = m.querySelector(
-        "." + (((d = (o = (l = this.config) == null ? void 0 : l.templates) == null ? void 0 : o.selectedFacetsTemplate) == null ? void 0 : d.containerClass) || ((f = b.facets.selectedFacetsTemplate) == null ? void 0 : f.containerClass))
+        "." + (((d = (o = (l = this.config) == null ? void 0 : l.templates) == null ? void 0 : o.selectedFacetsTemplate) == null ? void 0 : d.containerClass) || ((v = b.facets.selectedFacetsTemplate) == null ? void 0 : v.containerClass))
       );
       C && (C.addEventListener("click", () => {
         this.unselectFacet(t);
@@ -2492,9 +2508,9 @@ class ya {
   createFilterByComponent(e) {
     var t, s, a, r, i, l, o, d;
     if (typeof document < "u") {
-      const f = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.filterByTemplate) == null ? void 0 : a.template) || ((r = b.facets.filterByTemplate) == null ? void 0 : r.template), g = document == null ? void 0 : document.createElement("div");
+      const v = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.filterByTemplate) == null ? void 0 : a.template) || ((r = b.facets.filterByTemplate) == null ? void 0 : r.template), g = document == null ? void 0 : document.createElement("div");
       g.innerHTML = j.render(
-        f,
+        v,
         {}
       );
       const m = g.querySelector(
@@ -2514,44 +2530,44 @@ class ya {
     ee.setAccessibilityText("Facet overlay closed"), this.overlayOpened = !1, this.searchFacetsMainContainer && (typeof document < "u" && 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, i, l, o, d, f, g, m, C, E, k, R, I, L, $, B;
+    var t, s, a, r, i, l, o, d, v, g, m, C, E, T, R, I, L, $, N;
     if (e && typeof document < "u") {
       const M = document == null ? void 0 : document.createElement("div");
       M.classList.add("searchstax-facets-container-mobile");
-      const Q = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.mainTemplateMobile) == null ? void 0 : a.template) || ((r = b.facets.mainTemplateMobile) == null ? void 0 : r.template);
+      const K = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.mainTemplateMobile) == null ? void 0 : a.template) || ((r = b.facets.mainTemplateMobile) == null ? void 0 : r.template);
       if (this.dataLayer.renderingEngine === W.mustache) {
-        if (M.innerHTML = j.render(Q, {
+        if (M.innerHTML = j.render(K, {
           ...e,
           overlayOpened: this.overlayOpened
         }), (i = this.searchFacetsMainContainer) == null || i.appendChild(M), (o = (l = this.config) == null ? void 0 : l.templates) != null && o.mainTemplateMobile)
-          for (const _ of ((g = (f = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : f.mainTemplateMobile) == null ? void 0 : g.closeOverlayTriggerClasses) || []) {
-            const Y = M.querySelector("." + _);
+          for (const H of ((g = (v = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : v.mainTemplateMobile) == null ? void 0 : g.closeOverlayTriggerClasses) || []) {
+            const Y = M.querySelector("." + H);
             Y && (Y.addEventListener("click", this.closeOverlay.bind(this)), Y.addEventListener("keyup", (G) => {
               (G.code === "Space" || G.code === "Enter") && this.closeOverlay();
             }));
           }
         else
-          for (const _ of b.facets.mainTemplateMobile.closeOverlayTriggerClasses) {
-            const Y = M.querySelector("." + _);
+          for (const H of b.facets.mainTemplateMobile.closeOverlayTriggerClasses) {
+            const Y = M.querySelector("." + H);
             Y && (Y.addEventListener("click", this.closeOverlay.bind(this)), Y.addEventListener("keyup", (G) => {
               (G.code === "Space" || G.code === "Enter") && this.closeOverlay();
             }));
           }
-        const v = M.querySelector(
+        const f = M.querySelector(
           "." + (((E = (C = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : C.mainTemplateMobile) == null ? void 0 : E.filterByContainerClass) || b.facets.mainTemplateMobile.filterByContainerClass)
         );
-        v && this.createFilterByComponent(v);
+        f && this.createFilterByComponent(f);
         const x = M.querySelector(
-          "." + (((I = (R = (k = this.config) == null ? void 0 : k.templates) == null ? void 0 : R.mainTemplateMobile) == null ? void 0 : I.selectedFacetsContainerClass) || b.facets.mainTemplateMobile.selectedFacetsContainerClass)
+          "." + (((I = (R = (T = this.config) == null ? void 0 : T.templates) == null ? void 0 : R.mainTemplateMobile) == null ? void 0 : I.selectedFacetsContainerClass) || b.facets.mainTemplateMobile.selectedFacetsContainerClass)
         );
         x && (this.createSelectedFacetsComponents(x), this.createClearFacetsComponents(x));
         const F = M.querySelector(
-          "." + (((B = ($ = (L = this.config) == null ? void 0 : L.templates) == null ? void 0 : $.mainTemplateMobile) == null ? void 0 : B.facetsContainerClass) || b.facets.mainTemplateMobile.facetsContainerClass)
+          "." + (((N = ($ = (L = this.config) == null ? void 0 : L.templates) == null ? void 0 : $.mainTemplateMobile) == null ? void 0 : N.facetsContainerClass) || b.facets.mainTemplateMobile.facetsContainerClass)
         );
         if (F) {
           F.innerHTML = "";
-          for (const _ of e.facets)
-            this.createFacetItem(_, F, !0);
+          for (const H of e.facets)
+            this.createFacetItem(H, F, !0);
         }
       }
     }
@@ -2560,8 +2576,8 @@ class ya {
 class xa {
   constructor(e) {
     h(this, "dataLayer"), h(this, "config"), h(this, "containerId"), h(this, "previousButtonClass"), h(this, "nextButtonClass"), h(this, "loadMoreButtonClass"), h(this, "routerHelper"), h(this, "searchPaginationMainContainer", null);
-    var t, s, a, r, i, l, o, d, f;
-    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.routerHelper = e.routerHelper, this.previousButtonClass = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.mainTemplate) == null ? void 0 : a.previousButtonClass) ?? b.pagination.mainTemplate.previousButtonClass, this.nextButtonClass = ((l = (i = (r = this.config) == null ? void 0 : r.templates) == null ? void 0 : i.mainTemplate) == null ? void 0 : l.nextButtonClass) ?? b.pagination.mainTemplate.nextButtonClass, this.loadMoreButtonClass = ((f = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.infiniteScrollTemplate) == null ? void 0 : f.loadMoreButtonClass) ?? b.pagination.infiniteScrollTemplate.loadMoreButtonClass, typeof document < "u" && (this.searchPaginationMainContainer = document == null ? void 0 : document.getElementById(
+    var t, s, a, r, i, l, o, d, v;
+    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.routerHelper = e.routerHelper, this.previousButtonClass = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.mainTemplate) == null ? void 0 : a.previousButtonClass) ?? b.pagination.mainTemplate.previousButtonClass, this.nextButtonClass = ((l = (i = (r = this.config) == null ? void 0 : r.templates) == null ? void 0 : i.mainTemplate) == null ? void 0 : l.nextButtonClass) ?? b.pagination.mainTemplate.nextButtonClass, this.loadMoreButtonClass = ((v = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.infiniteScrollTemplate) == null ? void 0 : v.loadMoreButtonClass) ?? b.pagination.infiniteScrollTemplate.loadMoreButtonClass, typeof document < "u" && (this.searchPaginationMainContainer = document == null ? void 0 : document.getElementById(
       this.containerId
     )), this.initializeSubscriptions(), this.renderMainTemplate(this.generateTemplateData());
   }
@@ -2629,10 +2645,10 @@ class xa {
     }
   }
   renderMainTemplate(e) {
-    var t, s, a, r, i, l, o, d, f, g;
+    var t, s, a, r, i, l, o, d, v, g;
     this.searchPaginationMainContainer && ((t = this.searchPaginationMainContainer.querySelector("." + this.previousButtonClass)) == null || t.removeEventListener("click", this.previousPage), (s = this.searchPaginationMainContainer.querySelector("." + this.nextButtonClass)) == null || s.removeEventListener("click", this.nextPage));
     let m = ((i = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.mainTemplate) == null ? void 0 : i.template) || ((l = b.pagination.mainTemplate) == null ? void 0 : l.template);
-    this.dataLayer.isInfiniteScroll && (m = ((f = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.infiniteScrollTemplate) == null ? void 0 : f.template) || ((g = b.pagination.infiniteScrollTemplate) == null ? void 0 : g.template)), this.dataLayer.renderingEngine === W.mustache && (this.searchPaginationMainContainer.innerHTML = j.render(
+    this.dataLayer.isInfiniteScroll && (m = ((v = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.infiniteScrollTemplate) == null ? void 0 : v.template) || ((g = b.pagination.infiniteScrollTemplate) == null ? void 0 : g.template)), this.dataLayer.renderingEngine === W.mustache && (this.searchPaginationMainContainer.innerHTML = j.render(
       m,
       e
     ), setTimeout(() => {
@@ -2668,12 +2684,12 @@ class ba {
           d,
           e
         );
-        const f = o.querySelector(
+        const v = o.querySelector(
           "." + (((l = (i = this.config.templates) == null ? void 0 : i.relatedSearch) == null ? void 0 : l.relatedSearchContainerClass) || b.relatedSearches.relatedSearch.relatedSearchContainerClass)
         );
-        f && (t.appendChild(f), f.addEventListener("click", () => {
+        v && (t.appendChild(v), v.addEventListener("click", () => {
           this.executeSearch(e);
-        }), f.addEventListener("keyup", (g) => {
+        }), v.addEventListener("keyup", (g) => {
           (g.code === "Space" || g.code === "Enter") && this.executeSearch(e);
         }));
       }
@@ -2988,8 +3004,8 @@ class La {
       r,
       {}
     ), setTimeout(() => {
-      var i, l, o, d, f, g, m;
-      const C = (o = (l = (i = this.config) == null ? void 0 : i.templates) == null ? void 0 : l.mainTemplate) != null && o.searchResultsContainerId ? (g = (f = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : f.mainTemplate) == null ? void 0 : g.searchResultsContainerId : (m = b.searchResults.mainTemplate) == null ? void 0 : m.searchResultsContainerId, E = document == null ? void 0 : document.getElementById(C);
+      var i, l, o, d, v, g, m;
+      const C = (o = (l = (i = this.config) == null ? void 0 : i.templates) == null ? void 0 : l.mainTemplate) != null && o.searchResultsContainerId ? (g = (v = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : v.mainTemplate) == null ? void 0 : g.searchResultsContainerId : (m = b.searchResults.mainTemplate) == null ? void 0 : m.searchResultsContainerId, E = document == null ? void 0 : document.getElementById(C);
       if (E)
         this.searchResultsContainer = E;
       else
@@ -2997,7 +3013,7 @@ class La {
     }, 0));
   }
 }
-class Ta {
+class ka {
   constructor(e) {
     h(this, "dataLayer"), h(this, "config"), h(this, "containerId"), h(this, "selectId"), h(this, "searchSortingMainContainer", null);
     var t, s;
@@ -3048,7 +3064,7 @@ class Ta {
     }
   }
 }
-class ka {
+class Ta {
   constructor(e) {
     h(this, "dataLayer"), h(this, "config"), h(this, "containerId"), h(this, "answerContainer", null), this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, typeof document < "u" && (this.answerContainer = document == null ? void 0 : document.getElementById(this.containerId)), this.initializeSubscriptions(), this.dataLayer.setIsAnswerWidgetCreated(!0);
   }
@@ -3200,7 +3216,7 @@ class Ra {
     }));
   }
   addAnswerWidget(e, t) {
-    this.dataLayer.setAnswerData(""), this.answerWidget = new ka({
+    this.dataLayer.setAnswerData(""), this.answerWidget = new Ta({
       containerId: e,
       config: t,
       dataLayer: this.dataLayer
@@ -3232,7 +3248,7 @@ class Ra {
     });
   }
   addSearchSortingWidget(e, t) {
-    this.searchSortingConfig = t, this.searchSortingWidget = new Ta({
+    this.searchSortingConfig = t, this.searchSortingWidget = new ka({
       containerId: e,
       config: t,
       dataLayer: this.dataLayer
@@ -3316,7 +3332,7 @@ const S = {
 };
 function Ea(n) {
   let e = !1;
-  const [t, s] = q([]);
+  const [t, s] = _([]);
   ae(() => {
     if (a(), S.searchstax) {
       const o = {};
@@ -3391,7 +3407,7 @@ function Ea(n) {
   ] }) }) });
 }
 function Ia(n) {
-  const [e, t] = q(!1);
+  const [e, t] = _(!1);
   return ae(() => {
     const s = {};
     n.beforeSearch && (s.beforeSearch = n.beforeSearch), n != null && n.afterSearch && (s.afterSearch = n.afterSearch), S.searchstax.initialize({
@@ -3417,17 +3433,17 @@ function Ia(n) {
   ] }) });
 }
 function Pa(n) {
-  const [e, t] = q(
+  const [e, t] = _(
     null
   ), s = $t();
   s.current = e;
-  const [a, r] = q(""), [i, l] = q(
+  const [a, r] = _(""), [i, l] = _(
     null
   ), o = (g, m) => {
     m.preventDefault(), m.stopPropagation(), S.searchstax.executeLinkClick(g.uniqueId);
   };
   ae(() => {
-    f();
+    v();
     const g = {};
     n.afterLinkClick && (g.afterLinkClick = n.afterLinkClick), S.searchstax.addSearchResultsWidget("searchstax-results-container", {
       templates: {},
@@ -3438,12 +3454,12 @@ function Pa(n) {
   function d(g) {
     S.searchstax.executeSearch(g);
   }
-  function f() {
+  function v() {
     S.searchstax.dataLayer.$searchResults.subscribe(
       (g) => {
-        var k;
+        var T;
         const m = s.current ?? [], C = g ?? [], E = n.renderMethod === "infiniteScroll" ? [...m, ...C] : g;
-        ((k = S.searchstax.dataLayer.$searchObject.value) == null ? void 0 : k.page) === 1 ? t(C) : t(E);
+        ((T = S.searchstax.dataLayer.$searchObject.value) == null ? void 0 : T.page) === 1 ? t(C) : t(E);
       }
     ), S.searchstax.dataLayer.$searchTermChange.subscribe((g) => {
       r(g);
@@ -3550,9 +3566,9 @@ function Pa(n) {
 }
 function ja(n) {
   let e = !1;
-  const [t, s] = q(!1), [a, r] = q(
+  const [t, s] = _(!1), [a, r] = _(
     null
-  ), [i] = q(Math.random());
+  ), [i] = _(Math.random());
   ae(() => {
     if (l(), S.searchstax)
       S.searchstax.addPaginationWidget(
@@ -3583,7 +3599,7 @@ function ja(n) {
       g
     );
   }
-  function f(g) {
+  function v(g) {
     var m;
     (m = S.searchstax.searchPaginationWidget) == null || m.previousPage(
       g
@@ -3597,10 +3613,10 @@ function ja(n) {
           className: `searchstax-pagination-previous ${a.isFirstPage ? "disabled" : ""}`,
           style: a != null && a.isFirstPage ? { pointerEvents: "none" } : {},
           onClick: (g) => {
-            f(g);
+            v(g);
           },
           onKeyDown: (g) => {
-            (g.key === "Enter" || g.key === " ") && f(g);
+            (g.key === "Enter" || g.key === " ") && v(g);
           },
           tabIndex: 0,
           id: "searchstax-pagination-previous",
@@ -3638,7 +3654,7 @@ function ja(n) {
         }
       )
     ] }) }),
-    n.paginationTemplate && a && !a.isInfiniteScroll && /* @__PURE__ */ u.jsx(u.Fragment, { children: n.paginationTemplate(a, d, f) }),
+    n.paginationTemplate && a && !a.isInfiniteScroll && /* @__PURE__ */ u.jsx(u.Fragment, { children: n.paginationTemplate(a, d, v) }),
     !n.infiniteScrollTemplate && a && a.isInfiniteScroll && (a == null ? void 0 : a.totalResults) !== 0 && !(a != null && a.isLastPage) && /* @__PURE__ */ u.jsx("div", { className: "searchstax-pagination-container", children: /* @__PURE__ */ u.jsx(
       "a",
       {
@@ -3658,9 +3674,9 @@ function ja(n) {
 }
 function Fa(n) {
   let e = !1;
-  const [t, s] = q(
+  const [t, s] = _(
     null
-  ), [a, r] = q(""), [i] = q(Math.random());
+  ), [a, r] = _(""), [i] = _(Math.random());
   ae(() => {
     if (l(), S.searchstax)
       S.searchstax.addSearchSortingWidget(
@@ -3682,8 +3698,8 @@ function Fa(n) {
     ), e = !0);
   }
   function o(d) {
-    var f;
-    (f = S.searchstax.searchSortingWidget) == null || f.setOrderQuery(d);
+    var v;
+    (v = S.searchstax.searchSortingWidget) == null || v.setOrderQuery(d);
   }
   return /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsxs("div", { id: "search-sorting-container" + i, children: [
     !n.searchSortingTemplate && t && (t == null ? void 0 : t.searchExecuted) && (t == null ? void 0 : t.hasResultsOrExternalPromotions) && /* @__PURE__ */ u.jsxs("div", { className: "searchstax-sorting-container", children: [
@@ -3712,7 +3728,7 @@ function Fa(n) {
 }
 function Oa(n) {
   let e = !1;
-  const [t, s] = q(null), [a] = q(Math.random());
+  const [t, s] = _(null), [a] = _(Math.random());
   ae(() => {
     if (r(), S.searchstax)
       S.searchstax.addSearchFeedbackWidget("search-feedback-container" + a, {});
@@ -3773,19 +3789,19 @@ function Oa(n) {
   ] }) });
 }
 function Aa(n) {
-  const [e, t] = q(
+  const [e, t] = _(
     null
-  ), [s, a] = q(
+  ), [s, a] = _(
     null
-  ), [r, i] = q(
+  ), [r, i] = _(
     []
-  ), [l, o] = q(
+  ), [l, o] = _(
     {}
-  ), d = {}, f = Math.random();
+  ), d = {}, v = Math.random();
   let g = !1;
   ae(() => {
     if (m(), S.searchstax)
-      S.searchstax.addFacetsWidget("searchstax-facets-container" + f, {
+      S.searchstax.addFacetsWidget("searchstax-facets-container" + v, {
         facetingType: n.facetingType,
         specificFacets: n.specificFacets,
         itemsPerPageDesktop: n.itemsPerPageDesktop,
@@ -3796,38 +3812,38 @@ function Aa(n) {
   }, []);
   function m() {
     g || (S.searchstax.dataLayer.$facetsTemplateData.subscribe(
-      (v) => {
-        v != null && v.isMobile ? a(v) : t(v);
+      (f) => {
+        f != null && f.isMobile ? a(f) : t(f);
       }
     ), S.searchstax.dataLayer.$selectedFacetsTemplateData.subscribe(
-      (v) => {
+      (f) => {
         i(
-          (v ?? []).filter((F) => F.type === "checkbox")
+          (f ?? []).filter((F) => F.type === "checkbox")
         );
       }
     ), g = !0);
   }
-  function C(v) {
+  function C(f) {
     var x;
-    (x = S.searchstax.searchFacetsWidget) == null || x.unselectFacet(v);
+    (x = S.searchstax.searchFacetsWidget) == null || x.unselectFacet(f);
   }
   function E() {
-    var v;
-    (v = S.searchstax.searchFacetsWidget) == null || v.removeSelectedFacets();
+    var f;
+    (f = S.searchstax.searchFacetsWidget) == null || f.removeSelectedFacets();
   }
-  function k(v) {
-    return !l[v];
+  function T(f) {
+    return !l[f];
   }
-  function R(v) {
-    k(v) ? o({ ...l, [v]: !0 }) : o({ ...l, [v]: !1 });
+  function R(f) {
+    T(f) ? o({ ...l, [f]: !0 }) : o({ ...l, [f]: !1 });
   }
-  function I(v) {
+  function I(f) {
     var x;
-    return (x = S.searchstax.searchFacetsWidget) == null ? void 0 : x.isChecked(v);
+    return (x = S.searchstax.searchFacetsWidget) == null ? void 0 : x.isChecked(f);
   }
-  function L(v, x, F, _, Y) {
+  function L(f, x, F, H, Y) {
     var Z;
-    const G = Y ? "mobile-" : "desktop-", z = document.getElementsByClassName(G + v);
+    const G = Y ? "mobile-" : "desktop-", z = document.getElementsByClassName(G + f);
     z[0] && ((Z = S.searchstax.searchFacetsWidget) == null || Z.onFacetSelect(
       x,
       F,
@@ -3836,47 +3852,47 @@ function Aa(n) {
       I(F)
     ));
   }
-  function $(v, x) {
+  function $(f, x) {
     var F;
     (F = S.searchstax.searchFacetsWidget) == null || F.onShowMoreLessClick(
-      v,
+      f,
       x,
       !1
     );
   }
-  function B(v, x) {
+  function N(f, x) {
     var F;
     (F = S.searchstax.searchFacetsWidget) == null || F.onShowMoreLessClick(
-      v,
+      f,
       x,
       !0
     );
   }
   function M() {
-    var v;
-    (v = S.searchstax.searchFacetsWidget) == null || v.openOverlay();
+    var f;
+    (f = S.searchstax.searchFacetsWidget) == null || f.openOverlay();
   }
-  function Q() {
-    var v;
-    (v = S.searchstax.searchFacetsWidget) == null || v.closeOverlay();
+  function K() {
+    var f;
+    (f = S.searchstax.searchFacetsWidget) == null || f.closeOverlay();
   }
-  return /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsxs("div", { id: "searchstax-facets-container" + f, children: [
-    (e == null ? void 0 : e.hasResultsOrExternalPromotions) && !n.facetsTemplateDesktop && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facets-container-desktop", children: e == null ? void 0 : e.facets.map((v) => /* @__PURE__ */ u.jsx(
+  return /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsxs("div", { id: "searchstax-facets-container" + v, children: [
+    (e == null ? void 0 : e.hasResultsOrExternalPromotions) && !n.facetsTemplateDesktop && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facets-container-desktop", children: e == null ? void 0 : e.facets.map((f) => /* @__PURE__ */ u.jsx(
       "div",
       {
-        className: `searchstax-facet-container ${k(v.name) ? "active" : ""}`,
+        className: `searchstax-facet-container ${T(f.name) ? "active" : ""}`,
         children: /* @__PURE__ */ u.jsxs("div", { children: [
           /* @__PURE__ */ u.jsxs(
             "div",
             {
               className: "searchstax-facet-title-container",
               onClick: () => {
-                R(v.name);
+                R(f.name);
               },
               children: [
                 /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-title", children: [
                   " ",
-                  v.label,
+                  f.label,
                   " "
                 ] }),
                 /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-title-arrow active" })
@@ -3884,18 +3900,18 @@ function Aa(n) {
             }
           ),
           /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-values-container", children: [
-            v.values.map(
+            f.values.map(
               //@ts-ignore
-              (x, F) => (d[F + v.name] = st(), /* @__PURE__ */ u.jsxs(
+              (x, F) => (d[F + f.name] = st(), /* @__PURE__ */ u.jsxs(
                 "div",
                 {
                   className: `searchstax-facet-value-container ${x.disabled ? "searchstax-facet-value-disabled" : ""}`,
-                  ref: d[F + v.name],
+                  ref: d[F + f.name],
                   children: [
                     /* @__PURE__ */ u.jsx(
                       "div",
                       {
-                        className: "searchstax-facet-input desktop-" + F + v.name,
+                        className: "searchstax-facet-input desktop-" + F + f.name,
                         children: /* @__PURE__ */ u.jsx(
                           "input",
                           {
@@ -3905,10 +3921,10 @@ function Aa(n) {
                             "aria-label": x.value + " " + x.count,
                             readOnly: !0,
                             disabled: x.disabled,
-                            onClick: (_) => {
+                            onClick: (H) => {
                               L(
-                                F + v.name,
-                                _,
+                                F + f.name,
+                                H,
                                 x
                               );
                             }
@@ -3920,10 +3936,10 @@ function Aa(n) {
                       "div",
                       {
                         className: "searchstax-facet-value-label",
-                        onClick: (_) => {
+                        onClick: (H) => {
                           L(
-                            F + v.name,
-                            _,
+                            F + f.name,
+                            H,
                             x
                           );
                         },
@@ -3934,10 +3950,10 @@ function Aa(n) {
                       "div",
                       {
                         className: "searchstax-facet-value-count",
-                        onClick: (_) => {
+                        onClick: (H) => {
                           L(
-                            F + v.name,
-                            _,
+                            F + f.name,
+                            H,
                             x
                           );
                         },
@@ -3953,31 +3969,31 @@ function Aa(n) {
                 x.value + x.parentName
               ))
             ),
-            v.hasMoreFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-more-container", children: /* @__PURE__ */ u.jsxs(
+            f.hasMoreFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-more-container", children: /* @__PURE__ */ u.jsxs(
               "div",
               {
                 className: "searchstax-facet-show-more-container",
                 onClick: (x) => {
-                  $(x, v);
+                  $(x, f);
                 },
                 onKeyDown: (x) => {
-                  (x.key === "Enter" || x.key === " ") && $(x, v);
+                  (x.key === "Enter" || x.key === " ") && $(x, f);
                 },
                 children: [
-                  v.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-less-button searchstax-facet-show-button", children: "less" }),
-                  !v.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-more-button  searchstax-facet-show-button", children: "more" })
+                  f.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-less-button searchstax-facet-show-button", children: "less" }),
+                  !f.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-more-button  searchstax-facet-show-button", children: "more" })
                 ]
               }
             ) })
           ] })
         ] })
       },
-      v.name + "desktop"
+      f.name + "desktop"
     )) }),
     n.facetsTemplateDesktop && /* @__PURE__ */ u.jsx(u.Fragment, { children: n.facetsTemplateDesktop(
       e,
       d,
-      k,
+      T,
       R,
       L,
       I,
@@ -3995,24 +4011,24 @@ function Aa(n) {
         }
       ),
       /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facets-pills-selected", children: [
-        r.map((v) => /* @__PURE__ */ u.jsxs(
+        r.map((f) => /* @__PURE__ */ u.jsxs(
           "div",
           {
             className: "searchstax-facets-pill searchstax-facets-pill-facets",
             onClick: () => {
-              C(v);
+              C(f);
             },
             children: [
               /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facets-pill-label", children: [
-                v.value,
+                f.value,
                 " (",
-                v.count,
+                f.count,
                 ")"
               ] }),
               /* @__PURE__ */ u.jsx("div", { className: "searchstax-facets-pill-icon-close" })
             ]
           },
-          v.value
+          f.value
         )),
         r.length !== 0 && /* @__PURE__ */ u.jsx(
           "div",
@@ -4038,27 +4054,27 @@ function Aa(n) {
                 {
                   className: "searchstax-search-close",
                   onClick: () => {
-                    Q();
+                    K();
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ u.jsx("div", { className: "searchstax-facets-container-mobile", children: s == null ? void 0 : s.facets.map((v) => /* @__PURE__ */ u.jsx(
+            /* @__PURE__ */ u.jsx("div", { className: "searchstax-facets-container-mobile", children: s == null ? void 0 : s.facets.map((f) => /* @__PURE__ */ u.jsx(
               "div",
               {
-                className: `searchstax-facet-container ${k(v.name) ? "active" : ""}`,
+                className: `searchstax-facet-container ${T(f.name) ? "active" : ""}`,
                 children: /* @__PURE__ */ u.jsxs("div", { children: [
                   /* @__PURE__ */ u.jsxs(
                     "div",
                     {
                       className: "searchstax-facet-title-container",
                       onClick: () => {
-                        R(v.name);
+                        R(f.name);
                       },
                       children: [
                         /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-title", children: [
                           " ",
-                          v.label,
+                          f.label,
                           " "
                         ] }),
                         /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-title-arrow active" })
@@ -4066,18 +4082,18 @@ function Aa(n) {
                     }
                   ),
                   /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-values-container", children: [
-                    v.values.map(
+                    f.values.map(
                       //@ts-ignore
-                      (x, F) => (d[F + v.name] = st(), /* @__PURE__ */ u.jsxs(
+                      (x, F) => (d[F + f.name] = st(), /* @__PURE__ */ u.jsxs(
                         "div",
                         {
                           className: `searchstax-facet-value-container ${x.disabled ? "searchstax-facet-value-disabled" : ""}`,
-                          ref: d[F + v.name],
+                          ref: d[F + f.name],
                           children: [
                             /* @__PURE__ */ u.jsx(
                               "div",
                               {
-                                className: "searchstax-facet-input mobile-" + F + v.name,
+                                className: "searchstax-facet-input mobile-" + F + f.name,
                                 children: /* @__PURE__ */ u.jsx(
                                   "input",
                                   {
@@ -4087,10 +4103,10 @@ function Aa(n) {
                                     "aria-label": x.value + " " + x.count,
                                     readOnly: !0,
                                     disabled: x.disabled,
-                                    onClick: (_) => {
+                                    onClick: (H) => {
                                       L(
-                                        F + v.name,
-                                        _,
+                                        F + f.name,
+                                        H,
                                         x,
                                         !0,
                                         !0
@@ -4104,10 +4120,10 @@ function Aa(n) {
                               "div",
                               {
                                 className: "searchstax-facet-value-label",
-                                onClick: (_) => {
+                                onClick: (H) => {
                                   L(
-                                    F + v.name,
-                                    _,
+                                    F + f.name,
+                                    H,
                                     x
                                   );
                                 },
@@ -4118,10 +4134,10 @@ function Aa(n) {
                               "div",
                               {
                                 className: "searchstax-facet-value-count",
-                                onClick: (_) => {
+                                onClick: (H) => {
                                   L(
-                                    F + v.name,
-                                    _,
+                                    F + f.name,
+                                    H,
                                     x
                                   );
                                 },
@@ -4147,15 +4163,15 @@ function Aa(n) {
                           {
                             className: "searchstax-facet-show-more-container",
                             onClick: (x) => {
-                              B(x, v);
+                              N(x, f);
                             },
                             onKeyDown: (x) => {
-                              (x.key === "Enter" || x.key === " ") && B(x, v);
+                              (x.key === "Enter" || x.key === " ") && N(x, f);
                             },
                             tabIndex: 0,
                             children: [
-                              v.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-less-button searchstax-facet-show-button", children: "less" }),
-                              !v.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-more-button  searchstax-facet-show-button", children: "more" })
+                              f.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-less-button searchstax-facet-show-button", children: "less" }),
+                              !f.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-more-button  searchstax-facet-show-button", children: "more" })
                             ]
                           }
                         )
@@ -4164,14 +4180,14 @@ function Aa(n) {
                   ] })
                 ] })
               },
-              v.name + "mobile"
+              f.name + "mobile"
             )) }),
             /* @__PURE__ */ u.jsx(
               "button",
               {
                 className: "searchstax-facets-mobile-overlay-done",
                 onClick: () => {
-                  Q();
+                  K();
                 },
                 children: "Done"
               }
@@ -4184,21 +4200,21 @@ function Aa(n) {
       s,
       r,
       d,
-      k,
+      T,
       R,
       L,
       I,
       C,
-      B,
+      N,
       M,
-      Q,
+      K,
       E
     ) })
   ] }) });
 }
 function Ma(n) {
   let e = !1;
-  const [t, s] = q(null), [a] = q(Math.random());
+  const [t, s] = _(null), [a] = _(Math.random());
   ae(() => {
     if (r(), S.searchstax)
       S.searchstax.addRelatedSearchesWidget("searchstax-related-searches-container" + a, {
@@ -4249,9 +4265,9 @@ function Ma(n) {
 }
 function Da(n) {
   let e = !1;
-  const [t, s] = q(
+  const [t, s] = _(
     null
-  ), [a] = q(Math.random());
+  ), [a] = _(Math.random());
   ae(() => {
     if (r(), S.searchstax)
       S.searchstax.addExternalPromotionsWidget("searchstax-external-promotions-layout-container" + a, {});