@searchstax-inc/searchstudio-ux-react 0.3.5 → 0.3.15

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

@@ -16,14 +16,14 @@ function Ot() {
   tt = 1;
   var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(l, o, d) {
-    var g, m = {}, f = null, S = null;
-    d !== void 0 && (f = "" + d), o.key !== void 0 && (f = "" + o.key), o.ref !== void 0 && (S = o.ref);
-    for (g in o)
-      s.call(o, g) && !r.hasOwnProperty(g) && (m[g] = o[g]);
+    var f, g = {}, m = null, S = null;
+    d !== void 0 && (m = "" + d), o.key !== void 0 && (m = "" + o.key), o.ref !== void 0 && (S = o.ref);
+    for (f in o)
+      s.call(o, f) && !r.hasOwnProperty(f) && (g[f] = o[f]);
     if (l && l.defaultProps)
-      for (g in o = l.defaultProps, o)
-        m[g] === void 0 && (m[g] = o[g]);
-    return { $$typeof: e, type: l, key: f, ref: S, props: m, _owner: a.current };
+      for (f in o = l.defaultProps, o)
+        g[f] === void 0 && (g[f] = o[f]);
+    return { $$typeof: e, type: l, key: m, ref: S, props: g, _owner: a.current };
   }
   return le.Fragment = t, le.jsx = c, le.jsxs = c, le;
 }
@@ -40,15 +40,15 @@ var oe = {};
 var at;
 function Mt() {
   return at || (at = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), O = Symbol.iterator, R = "@@iterator";
-    function k(n) {
+    var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), 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"), S = Symbol.for("react.offscreen"), O = Symbol.iterator, T = "@@iterator";
+    function R(n) {
       if (n === null || typeof n != "object")
         return null;
-      var p = O && n[O] || n[R];
+      var p = O && n[O] || n[T];
       return typeof p == "function" ? p : null;
     }
     var E = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(n) {
+    function k(n) {
       {
         for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), L = 1; L < p; L++)
           y[L - 1] = arguments[L];
@@ -65,10 +65,10 @@ function Mt() {
         M.unshift("Warning: " + p), Function.prototype.apply.call(console[n], console, M);
       }
     }
-    var B = !1, A = !1, Q = !1, v = !1, b = !1, j;
+    var W = !1, A = !1, K = !1, v = !1, x = !1, j;
     j = Symbol.for("react.module.reference");
     function _(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === s || n === r || b || n === a || n === d || n === g || v || n === S || B || A || Q || typeof n == "object" && n !== null && (n.$$typeof === f || n.$$typeof === m || n.$$typeof === c || n.$$typeof === l || n.$$typeof === o || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === s || n === r || x || n === a || n === d || n === f || v || n === S || W || A || K || typeof n == "object" && n !== null && (n.$$typeof === m || n.$$typeof === g || n.$$typeof === c || n.$$typeof === l || n.$$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.
@@ -84,10 +84,10 @@ function Mt() {
     function pe(n) {
       return n.displayName || "Context";
     }
-    function K(n) {
+    function Q(n) {
       if (n == null)
         return null;
-      if (typeof n.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+      if (typeof n.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
         return n.displayName || n.name || null;
       if (typeof n == "string")
         return n;
@@ -102,7 +102,7 @@ function Mt() {
           return "StrictMode";
         case d:
           return "Suspense";
-        case g:
+        case f:
           return "SuspenseList";
       }
       if (typeof n == "object")
@@ -115,13 +115,13 @@ function Mt() {
             return pe(y._context) + ".Provider";
           case o:
             return G(n, n.render, "ForwardRef");
-          case m:
+          case g:
             var L = n.displayName || null;
-            return L !== null ? L : K(n.type) || "Memo";
-          case f: {
+            return L !== null ? L : Q(n.type) || "Memo";
+          case m: {
             var F = n, M = F._payload, I = F._init;
             try {
-              return K(I(M));
+              return Q(I(M));
             } catch {
               return null;
             }
@@ -188,7 +188,7 @@ function Mt() {
             })
           });
         }
-        ne < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ne < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var be = E.ReactCurrentDispatcher, Ce;
@@ -298,16 +298,16 @@ function Mt() {
       switch (n) {
         case d:
           return me("Suspense");
-        case g:
+        case f:
           return me("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
           case o:
             return ht(n.render);
-          case m:
+          case g:
             return ve(n.type, p, y);
-          case f: {
+          case m: {
             var L = n, F = L._payload, M = L._init;
             try {
               return ve(M(F), p, y);
@@ -340,7 +340,7 @@ function Mt() {
             } catch ($) {
               w = $;
             }
-            w && !(w instanceof Error) && (xe(F), T("%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).", L || "React class", y, I, typeof w), xe(null)), w instanceof Error && !(w.message in He) && (He[w.message] = !0, xe(F), T("Failed %s type: %s", y, w.message), xe(null));
+            w && !(w instanceof Error) && (xe(F), k("%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).", L || "React class", y, I, typeof w), xe(null)), w instanceof Error && !(w.message in He) && (He[w.message] = !0, xe(F), k("Failed %s type: %s", y, w.message), xe(null));
           }
       }
     }
@@ -366,15 +366,15 @@ function Mt() {
     }
     function Ve(n) {
       if (mt(n))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pt(n)), Be(n);
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pt(n)), Be(n);
     }
     var ce = E.ReactCurrentOwner, ft = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ue, Qe, Te;
-    Te = {};
+    }, Ue, Ke, ke;
+    ke = {};
     function vt(n) {
       if (ye.call(n, "ref")) {
         var p = Object.getOwnPropertyDescriptor(n, "ref").get;
@@ -393,14 +393,14 @@ function Mt() {
     }
     function xt(n, p) {
       if (typeof n.ref == "string" && ce.current && p && ce.current.stateNode !== p) {
-        var y = K(ce.current.type);
-        Te[y] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', K(ce.current.type), n.ref), Te[y] = !0);
+        var y = Q(ce.current.type);
+        ke[y] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Q(ce.current.type), n.ref), ke[y] = !0);
       }
     }
     function bt(n, p) {
       {
         var y = function() {
-          Ue || (Ue = !0, T("%s: `key` 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));
+          Ue || (Ue = !0, k("%s: `key` 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));
         };
         y.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: y,
@@ -411,7 +411,7 @@ function Mt() {
     function Ct(n, p) {
       {
         var y = function() {
-          Qe || (Qe = !0, T("%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));
+          Ke || (Ke = !0, k("%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));
         };
         y.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: y,
@@ -466,13 +466,13 @@ function Mt() {
         return St(n, w, V, F, L, ce.current, I);
       }
     }
-    var ke = E.ReactCurrentOwner, Ke = E.ReactDebugCurrentFrame;
+    var Te = E.ReactCurrentOwner, Qe = E.ReactDebugCurrentFrame;
     function te(n) {
       if (n) {
         var p = n._owner, y = ve(n.type, n._source, p ? p.type : null);
-        Ke.setExtraStackFrame(y);
+        Qe.setExtraStackFrame(y);
       } else
-        Ke.setExtraStackFrame(null);
+        Qe.setExtraStackFrame(null);
     }
     var Re;
     Re = !1;
@@ -481,8 +481,8 @@ function Mt() {
     }
     function ze() {
       {
-        if (ke.current) {
-          var n = K(ke.current.type);
+        if (Te.current) {
+          var n = Q(Te.current.type);
           if (n)
             return `
 
@@ -491,7 +491,7 @@ Check the render method of \`` + n + "`.";
         return "";
       }
     }
-    function Tt(n) {
+    function kt(n) {
       {
         if (n !== void 0) {
           var p = n.fileName.replace(/^.*[\\\/]/, ""), y = n.lineNumber;
@@ -503,7 +503,7 @@ Check your code at ` + p + ":" + y + ".";
       }
     }
     var Je = {};
-    function kt(n) {
+    function Tt(n) {
       {
         var p = ze();
         if (!p) {
@@ -520,12 +520,12 @@ Check the top-level render call using <` + y + ">.");
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var y = kt(p);
+        var y = Tt(p);
         if (Je[y])
           return;
         Je[y] = !0;
         var L = "";
-        n && n._owner && n._owner !== ke.current && (L = " It was passed a child from " + K(n._owner.type) + "."), te(n), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, L), te(null);
+        n && n._owner && n._owner !== Te.current && (L = " It was passed a child from " + Q(n._owner.type) + "."), te(n), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, L), te(null);
       }
     }
     function Ge(n, p) {
@@ -540,7 +540,7 @@ Check the top-level render call using <` + y + ">.");
         else if (we(n))
           n._store && (n._store.validated = !0);
         else if (n) {
-          var F = k(n);
+          var F = R(n);
           if (typeof F == "function" && F !== n.entries)
             for (var M = F.call(n), I; !(I = M.next()).done; )
               we(I.value) && Ye(I.value, p);
@@ -557,19 +557,19 @@ Check the top-level render call using <` + y + ">.");
           y = p.propTypes;
         else if (typeof p == "object" && (p.$$typeof === o || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        p.$$typeof === m))
+        p.$$typeof === g))
           y = p.propTypes;
         else
           return;
         if (y) {
-          var L = K(p);
+          var L = Q(p);
           dt(y, n.props, "prop", L, n);
         } else if (p.PropTypes !== void 0 && !Re) {
           Re = !0;
-          var F = K(p);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
+          var F = Q(p);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
         }
-        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function wt(n) {
@@ -577,11 +577,11 @@ Check the top-level render call using <` + y + ">.");
         for (var p = Object.keys(n.props), y = 0; y < p.length; y++) {
           var L = p[y];
           if (L !== "children" && L !== "key") {
-            te(n), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), te(null);
+            te(n), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), te(null);
             break;
           }
         }
-        n.ref !== null && (te(n), T("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
+        n.ref !== null && (te(n), k("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
       }
     }
     function Xe(n, p, y, L, F, M) {
@@ -590,10 +590,10 @@ Check the top-level render call using <` + y + ">.");
         if (!I) {
           var w = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var V = Tt(F);
+          var V = kt(F);
           V ? w += V : w += ze();
           var $;
-          n === null ? $ = "null" : Le(n) ? $ = "array" : n !== void 0 && n.$$typeof === e ? ($ = "<" + (K(n.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof n, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
+          n === null ? $ = "null" : Le(n) ? $ = "array" : n !== void 0 && n.$$typeof === e ? ($ = "<" + (Q(n.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof n, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
         }
         var H = Lt(n, p, y, F, M);
         if (H == null)
@@ -607,7 +607,7 @@ Check the top-level render call using <` + y + ">.");
                   Ge(z[ae], n);
                 Object.freeze && Object.freeze(z);
               } else
-                T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ge(z, n);
         }
@@ -625,7 +625,7 @@ Check the top-level render call using <` + y + ">.");
   }()), oe;
 }
 process.env.NODE_ENV === "production" ? Pe.exports = Ot() : Pe.exports = Mt();
-var u = Pe.exports, At = Object.defineProperty, Dt = (i, e, t) => e in i ? At(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, h = (i, e, t) => (Dt(i, typeof e != "symbol" ? e + "" : e, t), t), W = /* @__PURE__ */ ((i) => (i[i.mustache = 0] = "mustache", i[i.vue = 1] = "vue", i[i.react = 2] = "react", i[i.angular = 3] = "angular", i))(W || {});
+var u = Pe.exports, At = Object.defineProperty, Dt = (i, e, t) => e in i ? At(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, h = (i, e, t) => (Dt(i, typeof e != "symbol" ? e + "" : e, t), t), B = /* @__PURE__ */ ((i) => (i[i.mustache = 0] = "mustache", i[i.vue = 1] = "vue", i[i.react = 2] = "react", i[i.angular = 3] = "angular", i))(B || {});
 class Nt {
   constructor(e) {
     h(this, "dataLayer"), this.dataLayer = e;
@@ -861,7 +861,7 @@ class $t {
       order: "",
       facets: [],
       additionalProps: []
-    })), h(this, "$searchRelatedSearches", new D(null)), h(this, "$searchInputConfig", new D(null)), h(this, "$searchExternalPromotions", new D(null)), h(this, "$facetsTemplateData", new D(null)), h(this, "$selectedFacetsTemplateData", new D(null)), h(this, "$paginationData", new D(null)), h(this, "$searchFeedbackData", new D(null)), h(this, "$searchSortingData", new D(null)), h(this, "$searchRelatedSearchesData", new D(null)), h(this, "$searchExternalPromotionsData", new D(null)), h(this, "$cookiesDisabled", new D(null)), h(this, "$answer", new D("")), h(this, "$language", new D("en")), h(this, "currentPageValue", 1), h(this, "isAnswerWidgetCreatedValue", !1), h(this, "renderingEngineValue", W.mustache), h(this, "parsedData", new Nt(this)), h(this, "sessionId"), h(this, "sessionIdValue", null), h(this, "autoCorrect", !0), h(this, "forceNotCorrect", !1), h(this, "lastSearchValue", ""), h(this, "turnAIAnswerGenerationOn", !1), h(this, "isInfiniteScroll", !1), h(this, "firstSearchHappened", !1), h(this, "facetsWereSet", !1), this.sessionId = e, t && (this.sessionIdValue = t), this.cookieHandlingCallback(t), this.$cookiesDisabled.subscribe(() => {
+    })), h(this, "$searchRelatedSearches", new D(null)), h(this, "$searchInputConfig", new D(null)), h(this, "$searchExternalPromotions", new D(null)), h(this, "$facetsTemplateData", new D(null)), h(this, "$selectedFacetsTemplateData", new D(null)), h(this, "$paginationData", new D(null)), h(this, "$searchFeedbackData", new D(null)), h(this, "$searchSortingData", new D(null)), h(this, "$searchRelatedSearchesData", new D(null)), h(this, "$searchExternalPromotionsData", new D(null)), h(this, "$cookiesDisabled", new D(null)), h(this, "$answer", new D("")), h(this, "$language", new D("en")), h(this, "currentPageValue", 1), h(this, "isAnswerWidgetCreatedValue", !1), h(this, "renderingEngineValue", B.mustache), h(this, "parsedData", new Nt(this)), h(this, "sessionId"), h(this, "sessionIdValue", null), h(this, "autoCorrect", !0), h(this, "forceNotCorrect", !1), h(this, "lastSearchValue", ""), h(this, "turnAIAnswerGenerationOn", !1), h(this, "isInfiniteScroll", !1), h(this, "firstSearchHappened", !1), h(this, "facetsWereSet", !1), this.sessionId = e, t && (this.sessionIdValue = t), this.cookieHandlingCallback(t), this.$cookiesDisabled.subscribe(() => {
       this.cookieHandlingCallback(t);
     });
   }
@@ -1077,17 +1077,17 @@ class he {
     let o = "", d = {
       selectedSortOption: "",
       options: []
-    }, g = (t = e.metadata.results.find(
-      (m) => m.result_card === "date"
+    }, f = (t = e.metadata.results.find(
+      (g) => g.result_card === "date"
     )) == null ? void 0 : t.name;
     if (d.options = [
       { key: "", value: "Relevance" },
-      { key: g + " desc", value: "Most Recent" }
+      { key: f + " desc", value: "Most Recent" }
     ], (s = e.metadata.sorts) != null && s.length) {
-      const m = e.metadata.sorts.map((f) => ({ value: f.label, key: f.name + " " + f.order }));
-      d.options = [{ key: "", value: "Relevance" }, ...m];
+      const g = e.metadata.sorts.map((m) => ({ value: m.label, key: m.name + " " + m.order }));
+      d.options = [{ key: "", value: "Relevance" }, ...g];
     }
-    return o = ((l = (c = (r = (a = e == null ? void 0 : e.spellcheck) == null ? void 0 : a.suggestions) == null ? void 0 : r[0]) == null ? void 0 : c.suggestion) == null ? void 0 : l[0]) ?? "", typeof o != "string" && (o = (o == null ? void 0 : o.word) ?? ""), {
+    return o = ((l = (c = (r = (a = e == null ? void 0 : e.spellcheck) == null ? void 0 : a.suggestions) == null ? void 0 : r[1]) == null ? void 0 : c.suggestion) == null ? void 0 : l[0]) ?? "", typeof o != "string" && (o = (o == null ? void 0 : o.word) ?? ""), {
       recordsPerPageValue: parseInt(e.responseHeader.params.rows),
       startDocVal: parseInt(e.response.start + ""),
       totalResultsValue: parseInt(e.response.numFound + ""),
@@ -1327,26 +1327,26 @@ class _t {
     if (e.query && e.query !== "undefined" && e.itemsPerPage !== void 0) {
       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: (f, S) => f.get(S) ?? ""
+        get: (m, S) => m.get(S) ?? ""
       }), c = 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.page - 1), d = e.order ? `&sort=${e.order}` : "";
-      const g = this.url + "?q=" + encodeURIComponent(e.query.trim()) + "&start=" + o + this.toQueryString(e.additionalProps ?? []) + this.generateFacetQuery(
-        e.facets.filter((f) => f.type === "or" || f.type === "showUnavailable"),
+      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"),
         !0
       ) + this.generateFacetQuery(
-        e.facets.filter((f) => f.type === "and" || f.type === "tabs"),
+        e.facets.filter((m) => m.type === "and" || m.type === "tabs"),
         !1
-      ) + d + `&spellcheck.correct=${this.dataLayer.autoCorrect && !a}&rows=${l}&language=` + this.dataLayer.language + c, m = {
+      ) + d + `&spellcheck.correct=${this.dataLayer.autoCorrect && !a}&rows=${l}&language=` + this.dataLayer.language + c, g = {
         method: "GET",
         headers: this.authHeader,
         credentials: "same-origin",
         signal: this.signalSearch
       };
-      s && delete m.signal, fetch(g, m).then((f) => f.json()).then((f) => {
-        this.dataLayer.setLoading(!1), t(f);
+      s && delete g.signal, fetch(f, g).then((m) => m.json()).then((m) => {
+        this.dataLayer.setLoading(!1), t(m);
       }).catch(() => {
         this.dataLayer.setLoading(!1);
       });
@@ -1488,9 +1488,9 @@ var Vt = RegExp.prototype.test;
 function Ut(i, e) {
   return Vt.call(i, e);
 }
-var Qt = /\S/;
-function Kt(i) {
-  return !Ut(Qt, i);
+var Kt = /\S/;
+function Qt(i) {
+  return !Ut(Kt, i);
 }
 var zt = {
   "&": "&amp;",
@@ -1512,7 +1512,7 @@ function ea(i, e) {
   if (!i)
     return [];
   var t = !1, s = [], a = [], r = [], c = !1, l = !1, o = "", d = 0;
-  function g() {
+  function f() {
     if (c && !l)
       for (; r.length; )
         delete a[r.pop()];
@@ -1520,34 +1520,34 @@ function ea(i, e) {
       r = [];
     c = !1, l = !1;
   }
-  var m, f, S;
-  function O(b) {
-    if (typeof b == "string" && (b = b.split(Gt, 2)), !ie(b) || b.length !== 2)
-      throw new Error("Invalid tags: " + b);
-    m = new RegExp(Ie(b[0]) + "\\s*"), f = new RegExp("\\s*" + Ie(b[1])), S = new RegExp("\\s*" + Ie("}" + b[1]));
+  var g, m, S;
+  function O(x) {
+    if (typeof x == "string" && (x = x.split(Gt, 2)), !ie(x) || x.length !== 2)
+      throw new Error("Invalid tags: " + x);
+    g = new RegExp(Ie(x[0]) + "\\s*"), m = new RegExp("\\s*" + Ie(x[1])), S = new RegExp("\\s*" + Ie("}" + x[1]));
   }
   O(e || P.tags);
-  for (var R = new ge(i), k, E, T, N, B, A; !R.eos(); ) {
-    if (k = R.pos, T = R.scanUntil(m), T)
-      for (var Q = 0, v = T.length; Q < v; ++Q)
-        N = T.charAt(Q), Kt(N) ? (r.push(a.length), o += N) : (l = !0, t = !0, o += " "), a.push(["text", N, k, k + 1]), k += 1, N === `
-` && (g(), o = "", d = 0, t = !1);
-    if (!R.scan(m))
+  for (var T = new ge(i), R, E, k, N, W, A; !T.eos(); ) {
+    if (R = T.pos, k = T.scanUntil(g), k)
+      for (var K = 0, v = k.length; K < v; ++K)
+        N = k.charAt(K), Qt(N) ? (r.push(a.length), o += N) : (l = !0, t = !0, o += " "), a.push(["text", N, R, R + 1]), R += 1, N === `
+` && (f(), o = "", d = 0, t = !1);
+    if (!T.scan(g))
       break;
-    if (c = !0, E = R.scan(Zt) || "name", R.scan(Yt), E === "=" ? (T = R.scanUntil(it), R.scan(it), R.scanUntil(f)) : E === "{" ? (T = R.scanUntil(S), R.scan(Xt), R.scanUntil(f), E = "&") : T = R.scanUntil(f), !R.scan(f))
-      throw new Error("Unclosed tag at " + R.pos);
-    if (E == ">" ? B = [E, T, k, R.pos, o, d, t] : B = [E, T, k, R.pos], d++, a.push(B), E === "#" || E === "^")
-      s.push(B);
+    if (c = !0, E = T.scan(Zt) || "name", T.scan(Yt), E === "=" ? (k = T.scanUntil(it), T.scan(it), T.scanUntil(m)) : E === "{" ? (k = T.scanUntil(S), T.scan(Xt), T.scanUntil(m), E = "&") : k = T.scanUntil(m), !T.scan(m))
+      throw new Error("Unclosed tag at " + T.pos);
+    if (E == ">" ? W = [E, k, R, T.pos, o, d, t] : W = [E, k, R, T.pos], d++, a.push(W), E === "#" || E === "^")
+      s.push(W);
     else if (E === "/") {
       if (A = s.pop(), !A)
-        throw new Error('Unopened section "' + T + '" at ' + k);
-      if (A[1] !== T)
-        throw new Error('Unclosed section "' + A[1] + '" at ' + k);
+        throw new Error('Unopened section "' + k + '" at ' + R);
+      if (A[1] !== k)
+        throw new Error('Unclosed section "' + A[1] + '" at ' + R);
     } else
-      E === "name" || E === "{" || E === "&" ? l = !0 : E === "=" && O(T);
+      E === "name" || E === "{" || E === "&" ? l = !0 : E === "=" && O(k);
   }
-  if (g(), A = s.pop(), A)
-    throw new Error('Unclosed section "' + A[1] + '" at ' + R.pos);
+  if (f(), A = s.pop(), A)
+    throw new Error('Unclosed section "' + A[1] + '" at ' + T.pos);
   return aa(ta(a));
 }
 function ta(i) {
@@ -1650,18 +1650,18 @@ U.prototype.render = function(i, e, t, s) {
   return this.renderTokens(r, c, t, i, s);
 };
 U.prototype.renderTokens = function(i, e, t, s, a) {
-  for (var r = "", c, l, o, d = 0, g = i.length; d < g; ++d)
+  for (var r = "", c, l, o, d = 0, f = i.length; d < f; ++d)
     o = void 0, c = i[d], l = c[0], l === "#" ? o = this.renderSection(c, e, t, s, a) : l === "^" ? o = this.renderInverted(c, e, t, s, a) : l === ">" ? o = this.renderPartial(c, e, t, a) : l === "&" ? o = this.unescapedValue(c, e) : l === "name" ? o = this.escapedValue(c, e, a) : l === "text" && (o = this.rawValue(c)), o !== void 0 && (r += o);
   return r;
 };
 U.prototype.renderSection = function(i, e, t, s, a) {
   var r = this, c = "", l = e.lookup(i[1]);
-  function o(m) {
-    return r.render(m, e, t, a);
+  function o(g) {
+    return r.render(g, e, t, a);
   }
   if (l) {
     if (ie(l))
-      for (var d = 0, g = l.length; d < g; ++d)
+      for (var d = 0, f = l.length; d < f; ++d)
         c += this.renderTokens(i[4], e.push(l[d]), t, s, a);
     else if (typeof l == "object" || typeof l == "string" || typeof l == "number")
       c += this.renderTokens(i[4], e.push(l), t, s, a);
@@ -1692,8 +1692,8 @@ U.prototype.renderPartial = function(i, e, t, s) {
     if (r != null) {
       var c = i[6], l = i[5], o = i[4], d = r;
       l == 0 && o && (d = this.indentPartial(r, o, c));
-      var g = this.parse(d, a);
-      return this.renderTokens(g, e, t, d, s);
+      var f = this.parse(d, a);
+      return this.renderTokens(f, e, t, d, s);
     }
   }
 };
@@ -1843,10 +1843,10 @@ const sa = {
     template: `
       <div class="searchstax-facet-show-more-container">
       {{#showingAllFacets}}
-        <div class="searchstax-facet-show-less-button searchstax-facet-show-button">less</div>
+        <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0">less</div>
       {{/showingAllFacets}}
       {{^showingAllFacets}}
-        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button">more {{onShowMoreLessClick}}</div>
+        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0">more {{onShowMoreLessClick}}</div>
       {{/showingAllFacets}}
     </div>
       `,
@@ -1880,7 +1880,7 @@ const sa = {
   facetItemTemplate: {
     template: `
       <div class="searchstax-facet-input">
-        <input type="checkbox" class="searchstax-facet-input-checkbox" {{#disabled}}disabled{{/disabled}} {{#isChecked}}checked{{/isChecked}}/>
+        <input type="checkbox" class="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>
@@ -1914,11 +1914,11 @@ const sa = {
       {{#results.length}}
         <div class="searchstax-pagination-container">
           <div class="searchstax-pagination-content">
-            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous">< Previous</a>
+            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" tabindex="0">< Previous</a>
             <div class="searchstax-pagination-details">
               {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
             </div>
-              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" id="searchstax-pagination-next">Next ></a>
+              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" id="searchstax-pagination-next" tabindex="0">Next ></a>
           </div>
         </div>
       {{/results.length}}
@@ -1930,7 +1930,7 @@ const sa = {
     template: `
       {{#results.length}}
         {{^isLastPage}}
-          <a class="searchstax-pagination-load-more">Show More</a>
+          <a class="searchstax-pagination-load-more" tabindex="0">Show More</a>
         {{/isLastPage}}
       {{/results.length}}
       `,
@@ -1954,7 +1954,7 @@ const sa = {
   },
   relatedSearch: {
     template: `
-        <span class="searchstax-related-search searchstax-related-search-item">
+        <span class="searchstax-related-search searchstax-related-search-item" tabindex="0">
             {{ related_search }}{{^last}}<span>,</span>{{/last}}
         </span>
         `,
@@ -1983,8 +1983,8 @@ const sa = {
     template: `
         <div class="searchstax-search-input-container">
             <div class="searchstax-search-input-wrapper">
-                <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." />
-                <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button"></button>
+                <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"></button>
             </div>
         </div>
         `,
@@ -2007,14 +2007,11 @@ const sa = {
   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}}
 
-                {{#url}}
-                    <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
-                {{/url}}
-
                 {{#ribbon}}
                     <div class="searchstax-search-result-ribbon">
                     {{ribbon}}
@@ -2052,6 +2049,7 @@ const sa = {
                         </p>
                     {{/isImage}}
                 {{/unmappedFields}}
+                </a>
             </div>
             `,
     searchResultUniqueIdAttribute: "data-searchstax-unique-result-id"
@@ -2063,13 +2061,13 @@ const sa = {
                 Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
                 <br>
                 {{#spellingSuggestion}}
-                    <span>&nbsp;Did you mean <a href="#" class="searchstax-suggestion-term">{{ spellingSuggestion }}</a>?</span>
+                    <span>&nbsp;Did you mean <a href="#" class="searchstax-suggestion-term" onclick="searchCallback('{{ spellingSuggestion }}')">{{ spellingSuggestion }}</a>?</span>
                 {{/spellingSuggestion}}
             </div>
-            <div>
-                <p>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</p>
-                <p>Lost? Click on the ‘X” in the Search Box to reset your search.</p>
-            </div>
+            <ul class="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>
           {{/searchExecuted}}
             `
   }
@@ -2079,7 +2077,7 @@ const sa = {
       {{#searchExecuted}}
         {{#hasResultsOrExternalPromotions}}
         <div class="searchstax-sorting-container">
-            <label class="searchstax-sorting-label" for="sort-by">Sort By</label>
+            <label class="searchstax-sorting-label" for="searchstax-search-order-select">Sort By</label>
             <select id="searchstax-search-order-select" class="searchstax-search-order-select" >
             {{#sortOptions}}
                 <option value="{{key}}">
@@ -2094,14 +2092,14 @@ const sa = {
     selectId: "searchstax-search-order-select"
   }
 };
-class x {
+class b {
 }
-h(x, "answer", sa), h(x, "externalPromotions", ra), h(x, "facets", ia), h(x, "pagination", na), h(x, "relatedSearches", ca), h(x, "searchFeedback", la), h(x, "searchInput", oa), h(x, "searchResults", ha), h(x, "sorting", ua);
+h(b, "answer", sa), h(b, "externalPromotions", ra), h(b, "facets", ia), h(b, "pagination", na), h(b, "relatedSearches", ca), h(b, "searchFeedback", la), h(b, "searchInput", oa), h(b, "searchResults", ha), h(b, "sorting", ua);
 class da {
   constructor(e) {
     h(this, "dataLayer"), h(this, "config"), h(this, "containerId"), h(this, "externalPromotionsContainerId"), h(this, "searchExternalPromotionsMainContainer", null);
     var t, s;
-    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.externalPromotionsContainerId = ((s = (t = this.config.templates) == null ? void 0 : t.mainTemplate) == null ? void 0 : s.externalPromotionsContainerId) || x.externalPromotions.mainTemplate.externalPromotionsContainerId, typeof document < "u" && (this.searchExternalPromotionsMainContainer = document == null ? void 0 : document.getElementById(
+    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.externalPromotionsContainerId = ((s = (t = this.config.templates) == null ? void 0 : t.mainTemplate) == null ? void 0 : s.externalPromotionsContainerId) || b.externalPromotions.mainTemplate.externalPromotionsContainerId, typeof document < "u" && (this.searchExternalPromotionsMainContainer = document == null ? void 0 : document.getElementById(
       this.containerId
     )), this.initializeSubscriptions(), this.renderMainTemplate(this.generateTemplateData());
   }
@@ -2121,7 +2119,7 @@ class da {
     var t, s, a, r;
     const c = typeof document < "u" ? document == null ? void 0 : document.getElementById(this.externalPromotionsContainerId) : null;
     if (c) {
-      const l = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.externalPromotion) == null ? void 0 : a.template) || ((r = x.externalPromotions.externalPromotion) == null ? void 0 : r.template);
+      const l = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.externalPromotion) == null ? void 0 : a.template) || ((r = b.externalPromotions.externalPromotion) == null ? void 0 : r.template);
       if (typeof document < "u") {
         const o = document == null ? void 0 : document.createElement("div");
         o.classList.add("searchstax-external-promotion"), o.addEventListener("click", (d) => {
@@ -2135,8 +2133,8 @@ class da {
   }
   renderMainTemplate(e) {
     var t, s, a, r;
-    const c = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.mainTemplate) == null ? void 0 : a.template) || ((r = x.externalPromotions.mainTemplate) == null ? void 0 : r.template);
-    if (this.dataLayer.renderingEngine === W.mustache) {
+    const c = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.mainTemplate) == null ? void 0 : a.template) || ((r = b.externalPromotions.mainTemplate) == null ? void 0 : r.template);
+    if (this.dataLayer.renderingEngine === B.mustache) {
       this.searchExternalPromotionsMainContainer.innerHTML = //@ts-expect-error - mustache is not a module
       P.render(c, e);
       const l = typeof document < "u" ? document == null ? void 0 : document.getElementById(
@@ -2155,13 +2153,13 @@ class ga {
         const o = r.querySelector("input");
         let d = c ? o.checked : !o.checked;
         l !== void 0 && (d = !l), o.checked = d;
-        const g = this.dataLayer.searchObject;
-        let m = [...g.facets];
-        const f = this.extractFacetValue(a);
-        d ? m.find((S) => J.deepEqual(S, f) ? S : !1) || (this.config.facetingType === "tabs" && (m = m.filter((S) => S.name !== f.name)), m.push(f)) : m = m.filter(
-          (S) => !J.deepEqual(S, f)
+        const f = this.dataLayer.searchObject;
+        let g = [...f.facets];
+        const m = this.extractFacetValue(a);
+        d ? g.find((S) => J.deepEqual(S, m) ? S : !1) || (this.config.facetingType === "tabs" && (g = g.filter((S) => S.name !== m.name)), g.push(m)) : g = g.filter(
+          (S) => !J.deepEqual(S, m)
         ), setTimeout(() => {
-          this.dataLayer.setSearchObject({ ...g, facets: m, page: 1 }), this.config.facetingType === "tabs" && this.renderMainTemplate(this.generateTemplateData(), !0);
+          this.dataLayer.setSearchObject({ ...f, 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(
@@ -2245,27 +2243,27 @@ class ga {
     }
   }
   createFacetItem(e, t, s) {
-    var a, r, c, l, o, d, g, m, f, S, O, R;
+    var a, r, c, l, o, d, f, g, m, S, O, T;
     if (typeof document < "u") {
-      const k = document == null ? void 0 : document.createElement("div");
-      k.classList.add("searchstax-facet-container"), this.deactivatedFacets[e.name] || k.classList.add("active");
-      const E = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.facetItemContainerTemplate) == null ? void 0 : c.template) || ((l = x.facets.facetItemContainerTemplate) == null ? void 0 : l.template);
-      k.innerHTML = P.render(
+      const R = document == null ? void 0 : document.createElement("div");
+      R.classList.add("searchstax-facet-container"), this.deactivatedFacets[e.name] || R.classList.add("active");
+      const E = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.facetItemContainerTemplate) == null ? void 0 : c.template) || ((l = b.facets.facetItemContainerTemplate) == null ? void 0 : l.template);
+      R.innerHTML = P.render(
         E,
         e
-      ), t.appendChild(k);
-      const T = k.querySelector(
-        "." + (((g = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.facetItemContainerTemplate) == null ? void 0 : g.facetListTitleContainerClass) || ((m = x.facets.facetItemContainerTemplate) == null ? void 0 : m.facetListTitleContainerClass))
+      ), t.appendChild(R);
+      const k = 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))
       );
-      T == null || T.addEventListener("click", () => {
-        k.classList.toggle("active");
+      k == null || k.addEventListener("click", () => {
+        R.classList.toggle("active");
       });
-      const N = k.querySelector(
-        "." + (((O = (S = (f = this.config) == null ? void 0 : f.templates) == null ? void 0 : S.facetItemContainerTemplate) == null ? void 0 : O.facetListContainerClass) || ((R = x.facets.facetItemContainerTemplate) == null ? void 0 : R.facetListContainerClass))
+      const N = R.querySelector(
+        "." + (((O = (S = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : S.facetItemContainerTemplate) == null ? void 0 : O.facetListContainerClass) || ((T = b.facets.facetItemContainerTemplate) == null ? void 0 : T.facetListContainerClass))
       );
-      N && (e.values.forEach((B) => {
+      N && (e.values.forEach((W) => {
         this.createFacetListItem(
-          B,
+          W,
           N
         );
       }), e.hasMoreFacets && this.createHasMoreComponent(e, N, s));
@@ -2276,40 +2274,40 @@ class ga {
     return !!((t = this.dataLayer.searchObject.facets) != null && t.find((s) => J.deepEqual(s, this.extractFacetValue(e))));
   }
   createFacetListItem(e, t) {
-    var s, a, r, c, l, o, d, g, m, f, S, O, R;
+    var s, a, r, c, l, o, d, f, g, m, S, O, T;
     if (typeof document < "u") {
-      const k = document == null ? void 0 : document.createElement("div");
-      k.classList.add("searchstax-facet-value-container"), e.disabled && k.classList.add("searchstax-facet-value-disabled");
-      const E = this.isChecked(e), T = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.facetItemTemplate) == null ? void 0 : r.template) || ((c = x.facets.facetItemTemplate) == null ? void 0 : c.template);
-      k.innerHTML = P.render(
-        T,
+      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 E = this.isChecked(e), k = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.facetItemTemplate) == null ? void 0 : r.template) || ((c = b.facets.facetItemTemplate) == null ? void 0 : c.template);
+      R.innerHTML = P.render(
+        k,
         { ...e, isChecked: E }
       );
-      let N = (l = x.facets.facetItemTemplate) == null ? void 0 : l.checkTriggerClasses;
-      N = ((g = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.facetItemTemplate) == null ? void 0 : g.checkTriggerClasses) || N, N.forEach((B) => {
+      let N = (l = b.facets.facetItemTemplate) == null ? void 0 : l.checkTriggerClasses;
+      N = ((f = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.facetItemTemplate) == null ? void 0 : f.checkTriggerClasses) || N, N.forEach((W) => {
         var A;
-        (A = k.querySelector("." + B)) == null || A.addEventListener("click", (Q) => {
-          this.onFacetSelect(Q, e, k);
+        (A = R.querySelector("." + W)) == null || A.addEventListener("click", (K) => {
+          this.onFacetSelect(K, e, R);
         });
-      }), (R = k.querySelector(
-        "." + (((S = (f = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : f.facetItemTemplate) == null ? void 0 : S.inputCheckboxClass) || ((O = x.facets.facetItemTemplate) == null ? void 0 : O.inputCheckboxClass))
-      )) == null || R.addEventListener("click", (B) => {
-        this.onFacetSelect(B, e, k, !0);
-      }), t.appendChild(k);
+      }), (T = R.querySelector(
+        "." + (((S = (m = (g = this.config) == null ? void 0 : g.templates) == null ? void 0 : m.facetItemTemplate) == null ? void 0 : S.inputCheckboxClass) || ((O = b.facets.facetItemTemplate) == null ? void 0 : O.inputCheckboxClass))
+      )) == null || T.addEventListener("click", (W) => {
+        this.onFacetSelect(W, e, R, !0);
+      }), t.appendChild(R);
     }
   }
   createHasMoreComponent(e, t, s) {
-    var a, r, c, l, o, d, g, m;
+    var a, r, c, l, o, d, f, g;
     if (typeof document < "u") {
-      const f = document == null ? void 0 : document.createElement("div");
-      f.classList.add("searchstax-facet-show-more-container");
-      const S = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.showMoreButtonContainerTemplate) == null ? void 0 : c.template) || ((l = x.facets.showMoreButtonContainerTemplate) == null ? void 0 : l.template);
-      f.innerHTML = P.render(
+      const m = document == null ? void 0 : document.createElement("div");
+      m.classList.add("searchstax-facet-show-more-container");
+      const S = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.showMoreButtonContainerTemplate) == null ? void 0 : c.template) || ((l = b.facets.showMoreButtonContainerTemplate) == null ? void 0 : l.template);
+      m.innerHTML = P.render(
         S,
         e
       );
-      const O = f.querySelector(
-        "." + (((g = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.showMoreButtonContainerTemplate) == null ? void 0 : g.showMoreButtonClass) || ((m = x.facets.showMoreButtonContainerTemplate) == null ? void 0 : m.showMoreButtonClass))
+      const O = 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))
       );
       O && (this.attachOnclickToShowMore(e, O, s), t && t.appendChild(O));
     }
@@ -2317,6 +2315,8 @@ class ga {
   attachOnclickToShowMore(e, t, s) {
     t.addEventListener("click", (a) => {
       this.onShowMoreLessClick(a, e, s);
+    }), t.addEventListener("keydown", (a) => {
+      (a.code === "Space" || a.code === "Enter") && this.onShowMoreLessClick(a, e, s);
     });
   }
   onShowMoreLessClick(e, t, s) {
@@ -2325,29 +2325,29 @@ class ga {
     r[t.name] === void 0 ? r[t.name] = a * 2 : r[t.name] <= t.values.length ? r[t.name] = r[t.name] + a : r[t.name] = a, this.generateTemplateData(s), this.renderMainTemplate(this.generateTemplateData());
   }
   renderMainTemplate(e, t) {
-    var s, a, r, c, l, o, d, g, m, f, S;
+    var s, a, r, c, l, o, d, f, g, m, S;
     if (e && (!J.deepEqual(this.cachedData ?? {}, e) || t)) {
       this.cachedData = e;
-      const O = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.mainTemplateDesktop) == null ? void 0 : r.template) || ((c = x.facets.mainTemplateDesktop) == null ? void 0 : c.template);
-      if (this.dataLayer.renderingEngine === W.mustache && this.searchFacetsMainContainer) {
+      const O = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.mainTemplateDesktop) == null ? void 0 : r.template) || ((c = b.facets.mainTemplateDesktop) == null ? void 0 : c.template);
+      if (this.dataLayer.renderingEngine === B.mustache && this.searchFacetsMainContainer) {
         this.searchFacetsMainContainer.innerHTML = P.render(
           O,
           {
             ...e
           }
         );
-        const R = (g = this.searchFacetsMainContainer) == null ? void 0 : g.querySelector(
-          "." + (((d = (o = (l = this.config) == null ? void 0 : l.templates) == null ? void 0 : o.mainTemplateDesktop) == null ? void 0 : d.facetsContainerClass) || x.facets.mainTemplateDesktop.facetsContainerClass)
+        const T = (f = this.searchFacetsMainContainer) == null ? void 0 : f.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 (R) {
-          R.innerHTML = "";
-          for (const k of e.facets)
-            this.createFacetItem(k, R);
+        if (T) {
+          T.innerHTML = "";
+          for (const R of e.facets)
+            this.createFacetItem(R, T);
           if (this.searchFacetsMainContainer) {
-            const k = this.searchFacetsMainContainer.querySelector(
-              "." + (((S = (f = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : f.mainTemplateDesktop) == null ? void 0 : S.selectedFacetsContainerClass) || x.facets.mainTemplateDesktop.selectedFacetsContainerClass)
+            const R = this.searchFacetsMainContainer.querySelector(
+              "." + (((S = (m = (g = this.config) == null ? void 0 : g.templates) == null ? void 0 : m.mainTemplateDesktop) == null ? void 0 : S.selectedFacetsContainerClass) || b.facets.mainTemplateDesktop.selectedFacetsContainerClass)
             );
-            k && (this.createSelectedFacetsComponents(k), this.createClearFacetsComponents(k));
+            R && (this.createSelectedFacetsComponents(R), this.createClearFacetsComponents(R));
           }
         }
       }
@@ -2380,15 +2380,15 @@ class ga {
   createClearFacetsComponents(e) {
     var t, s, a, r, c, l, o, d;
     if (typeof document < "u") {
-      const g = this.dataLayer.searchObject, m = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.clearFacetsTemplate) == null ? void 0 : a.template) || ((r = x.facets.clearFacetsTemplate) == null ? void 0 : r.template), f = document == null ? void 0 : document.createElement("div");
-      f.innerHTML = P.render(
-        m,
+      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");
+      m.innerHTML = P.render(
+        g,
         {
-          shouldShow: g.facets.length > 0
+          shouldShow: f.facets.length > 0
         }
       );
-      const S = f.querySelector(
-        "." + (((o = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.clearFacetsTemplate) == null ? void 0 : o.containerClass) || ((d = x.facets.clearFacetsTemplate) == null ? void 0 : d.containerClass))
+      const S = m.querySelector(
+        "." + (((o = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.clearFacetsTemplate) == null ? void 0 : o.containerClass) || ((d = b.facets.clearFacetsTemplate) == null ? void 0 : d.containerClass))
       );
       S && (S.addEventListener("click", () => {
         this.removeSelectedFacets();
@@ -2396,15 +2396,15 @@ class ga {
     }
   }
   createSelectedFacetsComponent(e, t) {
-    var s, a, r, c, l, o, d, g;
+    var s, a, r, c, l, o, d, f;
     if (typeof document < "u") {
-      const m = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.selectedFacetsTemplate) == null ? void 0 : r.template) || ((c = x.facets.selectedFacetsTemplate) == null ? void 0 : c.template), f = document == null ? void 0 : document.createElement("div");
-      f.innerHTML = P.render(
-        m,
+      const g = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.selectedFacetsTemplate) == null ? void 0 : r.template) || ((c = b.facets.selectedFacetsTemplate) == null ? void 0 : c.template), m = document == null ? void 0 : document.createElement("div");
+      m.innerHTML = P.render(
+        g,
         t
       );
-      const S = f.querySelector(
-        "." + (((d = (o = (l = this.config) == null ? void 0 : l.templates) == null ? void 0 : o.selectedFacetsTemplate) == null ? void 0 : d.containerClass) || ((g = x.facets.selectedFacetsTemplate) == null ? void 0 : g.containerClass))
+      const S = 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))
       );
       S && (S.addEventListener("click", () => {
         this.unselectFacet(t);
@@ -2427,15 +2427,15 @@ class ga {
   createFilterByComponent(e) {
     var t, s, a, r, c, l, o, d;
     if (typeof document < "u") {
-      const g = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.filterByTemplate) == null ? void 0 : a.template) || ((r = x.facets.filterByTemplate) == null ? void 0 : r.template), m = document == null ? void 0 : document.createElement("div");
-      m.innerHTML = P.render(
-        g,
+      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");
+      g.innerHTML = P.render(
+        f,
         {}
       );
-      const f = m.querySelector(
-        "." + (((o = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.filterByTemplate) == null ? void 0 : o.containerClass) || ((d = x.facets.filterByTemplate) == null ? void 0 : d.containerClass))
+      const m = g.querySelector(
+        "." + (((o = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.filterByTemplate) == null ? void 0 : o.containerClass) || ((d = b.facets.filterByTemplate) == null ? void 0 : d.containerClass))
       );
-      f && (e.prepend(f), f.addEventListener("click", this.openOverlay.bind(this)));
+      m && (e.prepend(m), m.addEventListener("click", this.openOverlay.bind(this)));
     }
   }
   openOverlay() {
@@ -2447,35 +2447,35 @@ class ga {
     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, c, l, o, d, g, m, f, S, O, R, k, E, T, N, B;
+    var t, s, a, r, c, l, o, d, f, g, m, S, O, T, R, E, k, N, W;
     if (e && typeof document < "u") {
       const A = document == null ? void 0 : document.createElement("div");
       A.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 = x.facets.mainTemplateMobile) == null ? void 0 : r.template);
-      if (this.dataLayer.renderingEngine === W.mustache) {
-        if (A.innerHTML = P.render(Q, {
+      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 === B.mustache) {
+        if (A.innerHTML = P.render(K, {
           ...e,
           overlayOpened: this.overlayOpened
         }), (c = this.searchFacetsMainContainer) == null || c.appendChild(A), (o = (l = this.config) == null ? void 0 : l.templates) != null && o.mainTemplateMobile)
-          for (const _ of ((m = (g = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : g.mainTemplateMobile) == null ? void 0 : m.closeOverlayTriggerClasses) || []) {
+          for (const _ of ((g = (f = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : f.mainTemplateMobile) == null ? void 0 : g.closeOverlayTriggerClasses) || []) {
             const G = A.querySelector("." + _);
             G && G.addEventListener("click", this.closeOverlay.bind(this));
           }
         else
-          for (const _ of x.facets.mainTemplateMobile.closeOverlayTriggerClasses) {
+          for (const _ of b.facets.mainTemplateMobile.closeOverlayTriggerClasses) {
             const G = A.querySelector("." + _);
             G && G.addEventListener("click", this.closeOverlay.bind(this));
           }
         const v = A.querySelector(
-          "." + (((O = (S = (f = this.config) == null ? void 0 : f.templates) == null ? void 0 : S.mainTemplateMobile) == null ? void 0 : O.filterByContainerClass) || x.facets.mainTemplateMobile.filterByContainerClass)
+          "." + (((O = (S = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : S.mainTemplateMobile) == null ? void 0 : O.filterByContainerClass) || b.facets.mainTemplateMobile.filterByContainerClass)
         );
         v && this.createFilterByComponent(v);
-        const b = A.querySelector(
-          "." + (((E = (k = (R = this.config) == null ? void 0 : R.templates) == null ? void 0 : k.mainTemplateMobile) == null ? void 0 : E.selectedFacetsContainerClass) || x.facets.mainTemplateMobile.selectedFacetsContainerClass)
+        const x = A.querySelector(
+          "." + (((E = (R = (T = this.config) == null ? void 0 : T.templates) == null ? void 0 : R.mainTemplateMobile) == null ? void 0 : E.selectedFacetsContainerClass) || b.facets.mainTemplateMobile.selectedFacetsContainerClass)
         );
-        b && (this.createSelectedFacetsComponents(b), this.createClearFacetsComponents(b));
+        x && (this.createSelectedFacetsComponents(x), this.createClearFacetsComponents(x));
         const j = A.querySelector(
-          "." + (((B = (N = (T = this.config) == null ? void 0 : T.templates) == null ? void 0 : N.mainTemplateMobile) == null ? void 0 : B.facetsContainerClass) || x.facets.mainTemplateMobile.facetsContainerClass)
+          "." + (((W = (N = (k = this.config) == null ? void 0 : k.templates) == null ? void 0 : N.mainTemplateMobile) == null ? void 0 : W.facetsContainerClass) || b.facets.mainTemplateMobile.facetsContainerClass)
         );
         if (j) {
           j.innerHTML = "";
@@ -2489,8 +2489,8 @@ class ga {
 class pa {
   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, c, l, o, d, g;
-    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) ?? x.pagination.mainTemplate.previousButtonClass, this.nextButtonClass = ((l = (c = (r = this.config) == null ? void 0 : r.templates) == null ? void 0 : c.mainTemplate) == null ? void 0 : l.nextButtonClass) ?? x.pagination.mainTemplate.nextButtonClass, this.loadMoreButtonClass = ((g = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.infiniteScrollTemplate) == null ? void 0 : g.loadMoreButtonClass) ?? x.pagination.infiniteScrollTemplate.loadMoreButtonClass, typeof document < "u" && (this.searchPaginationMainContainer = document == null ? void 0 : document.getElementById(
+    var t, s, a, r, c, 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 = (c = (r = this.config) == null ? void 0 : r.templates) == null ? void 0 : c.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(
       this.containerId
     )), this.initializeSubscriptions(), this.renderMainTemplate(this.generateTemplateData());
   }
@@ -2527,14 +2527,14 @@ class pa {
   }
   nextPage(e) {
     var t;
-    e.preventDefault(), e.stopPropagation(), this.isLastPage || this.goToPage(
+    e == null || e.preventDefault(), e == null || e.stopPropagation(), this.isLastPage || this.goToPage(
       ((t = this.dataLayer.searchObject) == null ? void 0 : t.page) + 1,
       this.dataLayer.isInfiniteScroll
     );
   }
   previousPage(e) {
     var t;
-    e.preventDefault(), e.stopPropagation(), this.isFirstPage || this.goToPage(((t = this.dataLayer.searchObject) == null ? void 0 : t.page) - 1);
+    e == null || e.preventDefault(), e == null || e.stopPropagation(), this.isFirstPage || this.goToPage(((t = this.dataLayer.searchObject) == null ? void 0 : t.page) - 1);
   }
   overridePaginationEvents() {
     if (this.searchPaginationMainContainer) {
@@ -2545,18 +2545,24 @@ class pa {
       ), s = this.searchPaginationMainContainer.querySelector(
         "." + this.loadMoreButtonClass
       );
-      e && e.addEventListener(
+      e && (e.addEventListener(
         "click",
         this.previousPage.bind(this)
-      ), t && t.addEventListener("click", this.nextPage.bind(this)), s && s.addEventListener("click", this.nextPage.bind(this));
+      ), e.addEventListener("keydown", (a) => {
+        (a.code === "Space" || a.code === "Enter") && this.previousPage(a);
+      })), t && (t.addEventListener("click", this.nextPage.bind(this)), t.addEventListener("keydown", (a) => {
+        (a.code === "Space" || a.code === "Enter") && this.nextPage(a);
+      })), s && (s.addEventListener("click", this.nextPage.bind(this)), s.addEventListener("keydown", (a) => {
+        (a.code === "Space" || a.code === "Enter") && this.nextPage(a);
+      }));
     }
   }
   renderMainTemplate(e) {
-    var t, s, a, r, c, l, o, d, g, m;
+    var t, s, a, r, c, l, o, d, f, 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 f = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.mainTemplate) == null ? void 0 : c.template) || ((l = x.pagination.mainTemplate) == null ? void 0 : l.template);
-    this.dataLayer.isInfiniteScroll && (f = ((g = (d = (o = this.config) == null ? void 0 : o.templates) == null ? void 0 : d.infiniteScrollTemplate) == null ? void 0 : g.template) || ((m = x.pagination.infiniteScrollTemplate) == null ? void 0 : m.template)), this.dataLayer.renderingEngine === W.mustache && (this.searchPaginationMainContainer.innerHTML = P.render(
-      f,
+    let m = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.mainTemplate) == null ? void 0 : c.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 === B.mustache && (this.searchPaginationMainContainer.innerHTML = P.render(
+      m,
       e
     ), setTimeout(() => {
       this.overridePaginationEvents();
@@ -2567,7 +2573,7 @@ class ma {
   constructor(e) {
     h(this, "dataLayer"), h(this, "config"), h(this, "containerId"), h(this, "relatedSearchesContainerClass"), h(this, "searchRelatedSearchesMainContainer", null), h(this, "track");
     var t, s;
-    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.relatedSearchesContainerClass = ((s = (t = this.config.templates) == null ? void 0 : t.main) == null ? void 0 : s.relatedSearchesContainerClass) || x.relatedSearches.main.relatedSearchesContainerClass, typeof document < "u" && (this.searchRelatedSearchesMainContainer = document == null ? void 0 : document.getElementById(
+    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.relatedSearchesContainerClass = ((s = (t = this.config.templates) == null ? void 0 : t.main) == null ? void 0 : s.relatedSearchesContainerClass) || b.relatedSearches.main.relatedSearchesContainerClass, typeof document < "u" && (this.searchRelatedSearchesMainContainer = document == null ? void 0 : document.getElementById(
       this.containerId
     )), this.track = e.trackRelatedSearchClick, this.initializeSubscriptions();
   }
@@ -2585,17 +2591,19 @@ class ma {
   addRelatedSearchComponent(e, t) {
     var s, a, r, c, l;
     if (typeof document < "u") {
-      const o = document == null ? void 0 : document.createElement("div"), d = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.relatedSearch) == null ? void 0 : r.template) || x.relatedSearches.relatedSearch.template;
-      if (this.dataLayer.renderingEngine === W.mustache) {
+      const o = document == null ? void 0 : document.createElement("div"), d = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.relatedSearch) == null ? void 0 : r.template) || b.relatedSearches.relatedSearch.template;
+      if (this.dataLayer.renderingEngine === B.mustache) {
         o.innerHTML = P.render(
           d,
           e
         );
-        const g = o.querySelector(
-          "." + (((l = (c = this.config.templates) == null ? void 0 : c.relatedSearch) == null ? void 0 : l.relatedSearchContainerClass) || x.relatedSearches.relatedSearch.relatedSearchContainerClass)
+        const f = o.querySelector(
+          "." + (((l = (c = this.config.templates) == null ? void 0 : c.relatedSearch) == null ? void 0 : l.relatedSearchContainerClass) || b.relatedSearches.relatedSearch.relatedSearchContainerClass)
         );
-        g && (t.appendChild(g), g.addEventListener("click", () => {
+        f && (t.appendChild(f), f.addEventListener("click", () => {
           this.executeSearch(e);
+        }), f.addEventListener("keyup", (g) => {
+          (g.code === "Space" || g.code === "Enter") && this.executeSearch(e);
         }));
       }
     }
@@ -2606,8 +2614,8 @@ class ma {
   }
   renderMainTemplate(e) {
     var t, s, a, r;
-    const c = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || x.relatedSearches.main.template;
-    if (this.dataLayer.renderingEngine === W.mustache && this.searchRelatedSearchesMainContainer) {
+    const c = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || b.relatedSearches.main.template;
+    if (this.dataLayer.renderingEngine === B.mustache && this.searchRelatedSearchesMainContainer) {
       this.searchRelatedSearchesMainContainer.innerHTML = "", this.searchRelatedSearchesMainContainer.innerHTML = //@ts-expect-error - mustache is not a module
       P.render(c, e);
       const l = (r = this.searchRelatedSearchesMainContainer) == null ? void 0 : r.querySelector(
@@ -2645,7 +2653,7 @@ class fa {
   attachClick() {
     var e, t, s, a, r;
     const c = (r = this.searchFeedbackMainContainer) == null ? void 0 : r.querySelector(
-      "." + (((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.main) == null ? void 0 : s.originalQueryClass) || ((a = x.searchFeedback.main) == null ? void 0 : a.originalQueryClass))
+      "." + (((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.main) == null ? void 0 : s.originalQueryClass) || ((a = b.searchFeedback.main) == null ? void 0 : a.originalQueryClass))
     );
     c && c.addEventListener(
       "click",
@@ -2654,8 +2662,8 @@ class fa {
   }
   renderMainTemplate(e) {
     var t, s, a;
-    const r = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || x.searchFeedback.main.template;
-    this.dataLayer.renderingEngine === W.mustache && (this.searchFeedbackMainContainer.innerHTML = P.render(
+    const r = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || b.searchFeedback.main.template;
+    this.dataLayer.renderingEngine === B.mustache && (this.searchFeedbackMainContainer.innerHTML = P.render(
       r,
       e
     ), setTimeout(() => {
@@ -2673,12 +2681,12 @@ class va {
       const r = document == null ? void 0 : document.getElementById(this.containerId);
       if (!r)
         throw new Error("Search input container not found");
-      const c = ((t = (e = this.config.templates) == null ? void 0 : e.mainTemplate) == null ? void 0 : t.template) || x.searchInput.mainTemplate.template;
-      if (this.dataLayer.renderingEngine === W.mustache) {
+      const c = ((t = (e = this.config.templates) == null ? void 0 : e.mainTemplate) == null ? void 0 : t.template) || b.searchInput.mainTemplate.template;
+      if (this.dataLayer.renderingEngine === B.mustache) {
         const d = P.render(c, {});
         r.innerHTML = d;
       }
-      const l = ((a = (s = this.config.templates) == null ? void 0 : s.mainTemplate) == null ? void 0 : a.searchInputId) || x.searchInput.mainTemplate.searchInputId, o = document == null ? void 0 : document.querySelector(`#${l}`);
+      const l = ((a = (s = this.config.templates) == null ? void 0 : s.mainTemplate) == null ? void 0 : a.searchInputId) || b.searchInput.mainTemplate.searchInputId, o = document == null ? void 0 : document.querySelector(`#${l}`);
       if (o)
         this.searchInput = o, o.addEventListener("keyup", this.inputKeyupEvent.bind(this)), o.addEventListener("blur", this.hideAutosuggest.bind(this)), o.addEventListener("paste", this.inputPasteEvent.bind(this));
       else
@@ -2687,7 +2695,7 @@ class va {
   }
   createAutosuggestContainer() {
     var e;
-    this.dataLayer.renderingEngine === W.mustache && typeof document < "u" && (this.autosuggestContainer = document == null ? void 0 : document.createElement("div"), this.autosuggestContainer.classList.add(
+    this.dataLayer.renderingEngine === B.mustache && typeof document < "u" && (this.autosuggestContainer = document == null ? void 0 : document.createElement("div"), this.autosuggestContainer.classList.add(
       "searchstax-autosuggest-container"
     ), this.autosuggestContainer.addEventListener("mouseleave", () => {
       this.resetAutosuggestSelection(), this.markActiveAutosuggestItem();
@@ -2799,7 +2807,7 @@ class va {
     }), r.addEventListener("mouseenter", () => {
       this.onSuggestionEnter(e);
     });
-    const c = ((s = (t = this.config.templates) == null ? void 0 : t.autosuggestItemTemplate) == null ? void 0 : s.template) || ((a = x.searchInput.autosuggestItemTemplate) == null ? void 0 : a.template);
+    const c = ((s = (t = this.config.templates) == null ? void 0 : t.autosuggestItemTemplate) == null ? void 0 : s.template) || ((a = b.searchInput.autosuggestItemTemplate) == null ? void 0 : a.template);
     return r.innerHTML = P.render(c, e), r;
   }
   onSuggestionEnter(e) {
@@ -2847,12 +2855,13 @@ class ya {
   }
   renderNoResultsTemplate() {
     var e, t, s, a, r;
-    const c = ((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.noSearchResultTemplate) == null ? void 0 : s.template) || ((a = x.searchResults.noSearchResultTemplate) == null ? void 0 : a.template), l = ((r = this.dataLayer.searchResultsMetadata) == null ? void 0 : r.spellingSuggestion) ?? "";
-    if (this.dataLayer.renderingEngine === W.mustache && this.searchResultsContainer && (this.searchResultsContainer.innerHTML = P.render(
+    const c = ((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.noSearchResultTemplate) == null ? void 0 : s.template) || ((a = b.searchResults.noSearchResultTemplate) == null ? void 0 : a.template), l = ((r = this.dataLayer.searchResultsMetadata) == null ? void 0 : r.spellingSuggestion) ?? "";
+    if (this.dataLayer.renderingEngine === B.mustache && this.searchResultsContainer && (this.searchResultsContainer.innerHTML = P.render(
       c,
       {
         spellingSuggestion: l,
-        ...this.dataLayer.parsedData.data
+        ...this.dataLayer.parsedData.data,
+        searchCallback: this.searchCallback.bind(this)
       }
     )), l && this.searchResultsContainer) {
       const o = this.searchResultsContainer.querySelector("a");
@@ -2863,11 +2872,11 @@ class ya {
   }
   renderResults(e) {
     var t, s, a, r, c;
-    if (this.dataLayer.renderingEngine === W.mustache && this.searchResultsContainer)
+    if (this.dataLayer.renderingEngine === B.mustache && this.searchResultsContainer)
       if (this.removeLinkClickEvents(), e.length === 0)
         this.renderNoResultsTemplate();
       else {
-        const l = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.searchResultTemplate) == null ? void 0 : a.template) || ((r = x.searchResults.searchResultTemplate) == null ? void 0 : r.template), o = e.map((d) => P.render(l, d));
+        const l = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.searchResultTemplate) == null ? void 0 : a.template) || ((r = b.searchResults.searchResultTemplate) == null ? void 0 : r.template), o = e.map((d) => P.render(l, d));
         ((c = this.config) == null ? void 0 : c.renderMethod) === "infiniteScroll" && this.dataLayer.searchObject.page > 1 ? this.searchResultsContainer.innerHTML += o.join("") : this.searchResultsContainer.innerHTML = o.join(""), this.searchResultLinks = Array.from(
           this.searchResultsContainer.querySelectorAll(
             `[${this.uniqueIdAttribute}]`
@@ -2878,12 +2887,13 @@ class ya {
   removeLinkClickEvents() {
     this.searchResultLinks.forEach((e) => {
       e.removeEventListener("click", () => {
+      }), e.removeEventListener("keydown", () => {
       });
     });
   }
   get uniqueIdAttribute() {
     var e, t, s, a;
-    return ((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.searchResultTemplate) == null ? void 0 : s.searchResultUniqueIdAttribute) || ((a = x.searchResults.searchResultTemplate) == null ? void 0 : a.searchResultUniqueIdAttribute);
+    return ((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.searchResultTemplate) == null ? void 0 : s.searchResultUniqueIdAttribute) || ((a = b.searchResults.searchResultTemplate) == null ? void 0 : a.searchResultUniqueIdAttribute);
   }
   attachLinkClickEvents() {
     this.searchResultLinks.forEach((e) => {
@@ -2891,18 +2901,23 @@ class ya {
         t.preventDefault(), t.stopPropagation();
         const s = e.getAttribute(this.uniqueIdAttribute) ?? "";
         s && this.linkClickCallback(s);
+      }), e.addEventListener("keydown", (t) => {
+        if (t.code === "Space" || t.code === "Enter") {
+          const s = e.getAttribute(this.uniqueIdAttribute) ?? "";
+          s && this.linkClickCallback(s);
+        }
       });
     });
   }
   renderMainTemplate() {
     var e, t, s, a;
-    const r = ((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.mainTemplate) == null ? void 0 : s.template) || ((a = x.searchResults.mainTemplate) == null ? void 0 : a.template);
-    this.dataLayer.renderingEngine === W.mustache && (this.searchResultsMainContainer.innerHTML = P.render(
+    const r = ((s = (t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.mainTemplate) == null ? void 0 : s.template) || ((a = b.searchResults.mainTemplate) == null ? void 0 : a.template);
+    this.dataLayer.renderingEngine === B.mustache && (this.searchResultsMainContainer.innerHTML = P.render(
       r,
       {}
     ), setTimeout(() => {
-      var c, l, o, d, g, m, f;
-      const S = (o = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.mainTemplate) != null && o.searchResultsContainerId ? (m = (g = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : g.mainTemplate) == null ? void 0 : m.searchResultsContainerId : (f = x.searchResults.mainTemplate) == null ? void 0 : f.searchResultsContainerId, O = document == null ? void 0 : document.getElementById(S);
+      var c, l, o, d, f, g, m;
+      const S = (o = (l = (c = this.config) == null ? void 0 : c.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, O = document == null ? void 0 : document.getElementById(S);
       if (O)
         this.searchResultsContainer = O;
       else
@@ -2914,7 +2929,7 @@ class xa {
   constructor(e) {
     h(this, "dataLayer"), h(this, "config"), h(this, "containerId"), h(this, "selectId"), h(this, "searchSortingMainContainer", null);
     var t, s;
-    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.selectId = ((s = (t = this.config.templates) == null ? void 0 : t.main) == null ? void 0 : s.selectId) || x.sorting.main.selectId, this.searchSortingMainContainer = document == null ? void 0 : document.getElementById(this.containerId), this.initializeSubscriptions(), this.renderMainTemplate(this.generateTemplateData());
+    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.selectId = ((s = (t = this.config.templates) == null ? void 0 : t.main) == null ? void 0 : s.selectId) || b.sorting.main.selectId, this.searchSortingMainContainer = document == null ? void 0 : document.getElementById(this.containerId), this.initializeSubscriptions(), this.renderMainTemplate(this.generateTemplateData());
   }
   initializeSubscriptions() {
     this.dataLayer.$searchResults.subscribe((e) => {
@@ -2946,8 +2961,8 @@ class xa {
   }
   renderMainTemplate(e) {
     var t, s, a;
-    const r = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || x.sorting.main.template;
-    if (this.dataLayer.renderingEngine === W.mustache) {
+    const r = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || b.sorting.main.template;
+    if (this.dataLayer.renderingEngine === B.mustache) {
       this.searchSortingMainContainer.innerHTML = P.render(
         r,
         e
@@ -2974,18 +2989,18 @@ class ba {
   }
   renderMainTemplate(e) {
     var t, s, a;
-    const r = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || x.answer.main.template;
-    this.dataLayer.renderingEngine === W.mustache && (this.answerContainer.innerHTML = P.render(
+    const r = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.main) == null ? void 0 : a.template) || b.answer.main.template;
+    this.dataLayer.renderingEngine === B.mustache && (this.answerContainer.innerHTML = P.render(
       r,
       e
     ));
   }
 }
 class Ca {
-  constructor(e = W.mustache) {
-    h(this, "routerEnabled", !1), h(this, "cachedQuery", ""), h(this, "routerHelper"), h(this, "searchHelper"), h(this, "searchResultsConfig"), h(this, "searchPaginationConfig"), h(this, "searchFeedbackConfig"), h(this, "searchSortingConfig"), h(this, "searchFacetsConfig"), h(this, "relatedSearchesConfig"), h(this, "externalPromotionsConfig"), h(this, "searchInputWidget"), h(this, "searchResultsWidget"), h(this, "searchFacetsWidget"), h(this, "searchPaginationWidget"), h(this, "searchFeedbackWidget"), h(this, "searchSortingWidget"), h(this, "relatedSearchesWidget"), h(this, "externalPromotionsWidget"), h(this, "answerWidget"), h(this, "dataLayer"), h(this, "firstRequest", !0), h(this, "renderEngine", W.mustache), e && (this.renderEngine = e);
+  constructor(e = B.mustache) {
+    h(this, "routerEnabled", !1), h(this, "cachedQuery", ""), h(this, "routerHelper"), h(this, "searchHelper"), h(this, "searchResultsConfig"), h(this, "searchPaginationConfig"), h(this, "searchFeedbackConfig"), h(this, "searchSortingConfig"), h(this, "searchFacetsConfig"), h(this, "relatedSearchesConfig"), h(this, "externalPromotionsConfig"), h(this, "searchInputWidget"), h(this, "searchResultsWidget"), h(this, "searchFacetsWidget"), h(this, "searchPaginationWidget"), h(this, "searchFeedbackWidget"), h(this, "searchSortingWidget"), h(this, "relatedSearchesWidget"), h(this, "externalPromotionsWidget"), h(this, "answerWidget"), h(this, "dataLayer"), h(this, "firstRequest", !0), h(this, "renderEngine", B.mustache), e && (this.renderEngine = e);
   }
-  setRenderingEngine(e = W.mustache) {
+  setRenderingEngine(e = B.mustache) {
     this.dataLayer.setRenderingEngine(e);
   }
   handleHooks() {
@@ -3270,7 +3285,8 @@ function La(i) {
           type: "text",
           id: "searchstax-search-input",
           className: "searchstax-search-input",
-          placeholder: "SEARCH FOR..."
+          placeholder: "SEARCH FOR...",
+          "aria-label": "search"
         }
       ),
       /* @__PURE__ */ u.jsx(
@@ -3283,6 +3299,7 @@ function La(i) {
               "div",
               {
                 className: "searchstax-autosuggest-item-term-container",
+                tabIndex: 0,
                 dangerouslySetInnerHTML: { __html: o.term },
                 onMouseOver: () => {
                   c(o);
@@ -3295,12 +3312,12 @@ function La(i) {
           })
         }
       ),
-      /* @__PURE__ */ u.jsx("button", { className: "searchstax-spinner-icon", id: "searchstax-search-input-action-button" })
+      /* @__PURE__ */ u.jsx("button", { className: "searchstax-spinner-icon", id: "searchstax-search-input-action-button", "aria-label": "search" })
     ] }),
     i.inputTemplate && /* @__PURE__ */ u.jsx(u.Fragment, { children: i.inputTemplate(t, r, c, l) })
   ] }) }) });
 }
-function Ta(i) {
+function ka(i) {
   const [e, t] = q(!1);
   return ee(() => {
     const s = {};
@@ -3326,7 +3343,7 @@ function Ta(i) {
     " "
   ] }) });
 }
-function ka(i) {
+function Ta(i) {
   const [e, t] = q(
     null
   ), s = Ft();
@@ -3337,7 +3354,7 @@ function ka(i) {
     m.preventDefault(), m.stopPropagation(), C.searchstax.executeLinkClick(g.uniqueId);
   };
   ee(() => {
-    d();
+    f();
     const g = {};
     i.afterLinkClick && (g.afterLinkClick = i.afterLinkClick), C.searchstax.addSearchResultsWidget("searchstax-results-container", {
       templates: {},
@@ -3346,12 +3363,15 @@ function ka(i) {
       hooks: g
     });
   }, []);
-  function d() {
+  function d(g) {
+    C.searchstax.executeSearch(g);
+  }
+  function f() {
     C.searchstax.dataLayer.$searchResults.subscribe(
       (g) => {
-        var O;
-        const m = s.current ?? [], f = g ?? [], S = i.renderMethod === "infiniteScroll" ? [...m, ...f] : g;
-        ((O = C.searchstax.dataLayer.$searchObject.value) == null ? void 0 : O.page) === 1 ? t(f) : t(S);
+        var T;
+        const m = s.current ?? [], S = g ?? [], O = i.renderMethod === "infiniteScroll" ? [...m, ...S] : g;
+        ((T = C.searchstax.dataLayer.$searchObject.value) == null ? void 0 : T.page) === 1 ? t(S) : t(O);
       }
     ), C.searchstax.dataLayer.$searchTermChange.subscribe((g) => {
       r(g);
@@ -3378,62 +3398,77 @@ function ka(i) {
         (c == null ? void 0 : c.spellingSuggestion) && /* @__PURE__ */ u.jsxs("span", { children: [
           " Did you mean",
           " ",
-          /* @__PURE__ */ u.jsx("a", { href: "#", className: "searchstax-suggestion-term", children: c == null ? void 0 : c.spellingSuggestion }),
+          /* @__PURE__ */ u.jsx(
+            "a",
+            {
+              href: "#",
+              className: "searchstax-suggestion-term",
+              onClick: () => {
+                d(c == null ? void 0 : c.spellingSuggestion);
+              },
+              children: c == null ? void 0 : c.spellingSuggestion
+            }
+          ),
           "?"
         ] })
       ] }),
-      /* @__PURE__ */ u.jsxs("div", { children: [
-        /* @__PURE__ */ u.jsxs("p", { children: [
+      /* @__PURE__ */ u.jsxs("ul", { children: [
+        /* @__PURE__ */ u.jsxs("li", { children: [
           " ",
           "Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.",
           " "
         ] }),
-        /* @__PURE__ */ u.jsx("p", { children: "Lost? Click on the ‘X” in the Search Box to reset your search." })
+        /* @__PURE__ */ u.jsx("li", { children: "Lost? Click on the ‘X” in the Search Box to reset your search." })
       ] })
     ] }),
-    e && e.length === 0 && a !== "" && a !== "*" && C.searchstax.dataLayer.parsedData.firstSearchHappened && i.noResultTemplate && /* @__PURE__ */ u.jsx(u.Fragment, { children: i.noResultTemplate(a, c) }),
+    e && e.length === 0 && a !== "" && a !== "*" && C.searchstax.dataLayer.parsedData.firstSearchHappened && i.noResultTemplate && /* @__PURE__ */ u.jsx(u.Fragment, { children: i.noResultTemplate(a, c, d) }),
     e && e.length > 0 && !i.resultsTemplate && /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-results", children: e !== null && e.map(function(g) {
-      return /* @__PURE__ */ u.jsxs(
-        "div",
+      return /* @__PURE__ */ u.jsx(
+        "a",
         {
-          className: `searchstax-search-result ${g.thumbnail ? "has-thumbnail" : ""}`,
-          children: [
-            g.promoted && /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-promoted" }),
-            g.url && /* @__PURE__ */ u.jsx(
-              "a",
-              {
-                href: g.url,
-                "data-searchstax-unique-result-id": g.uniqueId,
-                onClick: (m) => {
-                  o(g, m);
-                },
-                className: "searchstax-result-item-link"
-              }
-            ),
-            g.ribbon && /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-ribbon", children: g.ribbon }),
-            g.thumbnail && /* @__PURE__ */ u.jsx(
-              "img",
-              {
-                src: g.thumbnail,
-                className: "searchstax-thumbnail"
-              }
-            ),
-            /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-title-container", children: /* @__PURE__ */ u.jsx("span", { className: "searchstax-search-result-title", children: g.title }) }),
-            g.paths && /* @__PURE__ */ u.jsx("p", { className: "searchstax-search-result-common", children: g.paths }),
-            g.description && /* @__PURE__ */ u.jsx("p", { className: "searchstax-search-result-description searchstax-search-result-common", children: g.description }),
-            g.unmappedFields.map(function(m) {
-              return /* @__PURE__ */ u.jsxs("div", { children: [
-                m.isImage && typeof m.value == "string" && /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-image-container", children: /* @__PURE__ */ u.jsx(
+          href: g.url ?? "",
+          onClick: (m) => {
+            o(g, m);
+          },
+          onKeyDown: (m) => {
+            (m.key === "Enter" || m.key === " ") && o(g, m);
+          },
+          tabIndex: 0,
+          "data-searchstax-unique-result-id": g.uniqueId,
+          className: "searchstax-result-item-link searchstax-result-item-link-wrapping",
+          children: /* @__PURE__ */ u.jsxs(
+            "div",
+            {
+              className: `searchstax-search-result ${g.thumbnail ? "has-thumbnail" : ""}`,
+              children: [
+                g.promoted && /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-promoted" }),
+                g.ribbon && /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-ribbon", children: g.ribbon }),
+                g.thumbnail && /* @__PURE__ */ u.jsx(
                   "img",
                   {
-                    src: m.value,
-                    className: "searchstax-result-image"
+                    src: g.thumbnail,
+                    className: "searchstax-thumbnail"
                   }
-                ) }),
-                !m.isImage && /* @__PURE__ */ u.jsx("div", { children: /* @__PURE__ */ u.jsx("p", { className: "searchstax-search-result-common", children: m.value }) })
-              ] }, m.key);
-            })
-          ]
+                ),
+                /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-title-container", children: /* @__PURE__ */ u.jsx("span", { className: "searchstax-search-result-title", children: g.title }) }),
+                g.paths && /* @__PURE__ */ u.jsx("p", { className: "searchstax-search-result-common", children: g.paths }),
+                g.description && /* @__PURE__ */ u.jsx("p", { className: "searchstax-search-result-description searchstax-search-result-common", children: g.description }),
+                g.unmappedFields.map(function(m) {
+                  return /* @__PURE__ */ u.jsxs("div", { children: [
+                    m.isImage && typeof m.value == "string" && /* @__PURE__ */ u.jsx("div", { className: "searchstax-search-result-image-container", children: /* @__PURE__ */ u.jsx(
+                      "img",
+                      {
+                        src: m.value,
+                        className: "searchstax-result-image"
+                      }
+                    ) }),
+                    !m.isImage && /* @__PURE__ */ u.jsx("div", { children: /* @__PURE__ */ u.jsx("p", { className: "searchstax-search-result-common", children: m.value }) })
+                  ] }, m.key);
+                })
+              ]
+            },
+            g.uniqueId
+          )
         },
         g.uniqueId
       );
@@ -3459,8 +3494,8 @@ function Ra(i) {
     e || (C.searchstax.dataLayer.$searchObject.subscribe(() => {
       o();
     }), C.searchstax.dataLayer.$paginationData.subscribe(
-      (m) => {
-        r(m);
+      (g) => {
+        r(g);
       }
     ), e = !0);
   }
@@ -3470,16 +3505,16 @@ function Ra(i) {
       {}
     ));
   }
-  function d(m) {
-    var f;
-    (f = C.searchstax.searchPaginationWidget) == null || f.nextPage(
-      m
+  function d(g) {
+    var m;
+    (m = C.searchstax.searchPaginationWidget) == null || m.nextPage(
+      g
     );
   }
-  function g(m) {
-    var f;
-    (f = C.searchstax.searchPaginationWidget) == null || f.previousPage(
-      m
+  function f(g) {
+    var m;
+    (m = C.searchstax.searchPaginationWidget) == null || m.previousPage(
+      g
     );
   }
   return /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsxs("div", { id: "searchstax-pagination-container" + c, children: [
@@ -3489,9 +3524,13 @@ function Ra(i) {
         {
           className: "searchstax-pagination-previous",
           style: a != null && a.isFirstPage ? { pointerEvents: "none" } : {},
-          onClick: (m) => {
-            g(m);
+          onClick: (g) => {
+            f(g);
+          },
+          onKeyDown: (g) => {
+            (g.key === "Enter" || g.key === " ") && f(g);
           },
+          tabIndex: 0,
           id: "searchstax-pagination-previous",
           children: [
             " ",
@@ -3514,22 +3553,30 @@ function Ra(i) {
         "a",
         {
           className: "searchstax-pagination-next",
+          tabIndex: 0,
           style: a != null && a.isLastPage ? { pointerEvents: "none" } : {},
-          onClick: (m) => {
-            d(m);
+          onClick: (g) => {
+            d(g);
+          },
+          onKeyDown: (g) => {
+            (g.key === "Enter" || g.key === " ") && d(g);
           },
           id: "searchstax-pagination-next",
           children: "Next >"
         }
       )
     ] }) }),
-    i.paginationTemplate && a && !a.isInfiniteScroll && /* @__PURE__ */ u.jsx(u.Fragment, { children: i.paginationTemplate(a, d, g) }),
+    i.paginationTemplate && a && !a.isInfiniteScroll && /* @__PURE__ */ u.jsx(u.Fragment, { children: i.paginationTemplate(a, d, f) }),
     !i.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",
       {
         className: "searchstax-pagination-load-more",
-        onClick: (m) => {
-          d(m);
+        tabIndex: 0,
+        onClick: (g) => {
+          d(g);
+        },
+        onKeyDown: (g) => {
+          (g.key === "Enter" || g.key === " ") && d(g);
         },
         children: "Show More"
       }
@@ -3563,12 +3610,12 @@ function wa(i) {
     ), e = !0);
   }
   function o(d) {
-    var g;
-    (g = C.searchstax.searchSortingWidget) == null || g.setOrderQuery(d);
+    var f;
+    (f = C.searchstax.searchSortingWidget) == null || f.setOrderQuery(d);
   }
   return /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsxs("div", { id: "search-sorting-container" + c, children: [
     !i.searchSortingTemplate && t && (t == null ? void 0 : t.searchExecuted) && (t == null ? void 0 : t.hasResultsOrExternalPromotions) && /* @__PURE__ */ u.jsxs("div", { className: "searchstax-sorting-container", children: [
-      /* @__PURE__ */ u.jsx("label", { className: "searchstax-sorting-label", htmlFor: "sort-by", children: "Sort By" }),
+      /* @__PURE__ */ u.jsx("label", { className: "searchstax-sorting-label", htmlFor: "searchstax-search-order-select", children: "Sort By" }),
       /* @__PURE__ */ u.jsx(
         "select",
         {
@@ -3662,11 +3709,11 @@ function Ia(i) {
     []
   ), [l, o] = q(
     {}
-  ), d = {}, g = Math.random();
-  let m = !1;
+  ), d = {}, f = Math.random();
+  let g = !1;
   ee(() => {
-    if (f(), C.searchstax)
-      C.searchstax.addFacetsWidget("searchstax-facets-container" + g, {
+    if (m(), C.searchstax)
+      C.searchstax.addFacetsWidget("searchstax-facets-container" + f, {
         facetingType: i.facetingType,
         specificFacets: i.specificFacets,
         itemsPerPageDesktop: i.itemsPerPageDesktop,
@@ -3675,8 +3722,8 @@ function Ia(i) {
     else
       throw Error("Searchstax instance needs to be passed via props");
   }, []);
-  function f() {
-    m || (C.searchstax.dataLayer.$facetsTemplateData.subscribe(
+  function m() {
+    g || (C.searchstax.dataLayer.$facetsTemplateData.subscribe(
       (v) => {
         v != null && v.isMobile ? a(v) : t(v);
       }
@@ -3686,50 +3733,50 @@ function Ia(i) {
           (v ?? []).filter((j) => j.type === "checkbox")
         );
       }
-    ), m = !0);
+    ), g = !0);
   }
   function S(v) {
-    var b;
-    (b = C.searchstax.searchFacetsWidget) == null || b.unselectFacet(v);
+    var x;
+    (x = C.searchstax.searchFacetsWidget) == null || x.unselectFacet(v);
   }
   function O() {
     var v;
     (v = C.searchstax.searchFacetsWidget) == null || v.removeSelectedFacets();
   }
-  function R(v) {
+  function T(v) {
     return !l[v];
   }
-  function k(v) {
-    R(v) ? o({ ...l, [v]: !0 }) : o({ ...l, [v]: !1 });
+  function R(v) {
+    T(v) ? o({ ...l, [v]: !0 }) : o({ ...l, [v]: !1 });
   }
   function E(v) {
-    var b;
-    return (b = C.searchstax.searchFacetsWidget) == null ? void 0 : b.isChecked(v);
+    var x;
+    return (x = C.searchstax.searchFacetsWidget) == null ? void 0 : x.isChecked(v);
   }
-  function T(v, b, j, _, G) {
+  function k(v, x, j, _, G) {
     var Y;
-    const pe = G ? "mobile-" : "desktop-", K = document.getElementsByClassName(pe + v);
-    K[0] && ((Y = C.searchstax.searchFacetsWidget) == null || Y.onFacetSelect(
-      b,
+    const pe = G ? "mobile-" : "desktop-", Q = document.getElementsByClassName(pe + v);
+    Q[0] && ((Y = C.searchstax.searchFacetsWidget) == null || Y.onFacetSelect(
+      x,
       j,
-      K[0],
+      Q[0],
       !1,
       E(j)
     ));
   }
-  function N(v, b) {
+  function N(v, x) {
     var j;
     (j = C.searchstax.searchFacetsWidget) == null || j.onShowMoreLessClick(
       v,
-      b,
+      x,
       !1
     );
   }
-  function B(v, b) {
+  function W(v, x) {
     var j;
     (j = C.searchstax.searchFacetsWidget) == null || j.onShowMoreLessClick(
       v,
-      b,
+      x,
       !0
     );
   }
@@ -3737,22 +3784,22 @@ function Ia(i) {
     var v;
     (v = C.searchstax.searchFacetsWidget) == null || v.openOverlay();
   }
-  function Q() {
+  function K() {
     var v;
     (v = C.searchstax.searchFacetsWidget) == null || v.closeOverlay();
   }
-  return /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsxs("div", { id: "searchstax-facets-container" + g, children: [
+  return /* @__PURE__ */ u.jsx(u.Fragment, { children: /* @__PURE__ */ u.jsxs("div", { id: "searchstax-facets-container" + f, children: [
     (e == null ? void 0 : e.hasResultsOrExternalPromotions) && !i.facetsTemplateDesktop && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facets-container-desktop", children: e == null ? void 0 : e.facets.map((v) => /* @__PURE__ */ u.jsx(
       "div",
       {
-        className: `searchstax-facet-container ${R(v.name) ? "active" : ""}`,
+        className: `searchstax-facet-container ${T(v.name) ? "active" : ""}`,
         children: /* @__PURE__ */ u.jsxs("div", { children: [
           /* @__PURE__ */ u.jsxs(
             "div",
             {
               className: "searchstax-facet-title-container",
               onClick: () => {
-                k(v.name);
+                R(v.name);
               },
               children: [
                 /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-title", children: [
@@ -3767,10 +3814,10 @@ function Ia(i) {
           /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-values-container", children: [
             v.values.map(
               //@ts-ignore
-              (b, j) => (d[j + v.name] = et(), /* @__PURE__ */ u.jsxs(
+              (x, j) => (d[j + v.name] = et(), /* @__PURE__ */ u.jsxs(
                 "div",
                 {
-                  className: `searchstax-facet-value-container ${b.disabled ? "searchstax-facet-value-disabled" : ""}`,
+                  className: `searchstax-facet-value-container ${x.disabled ? "searchstax-facet-value-disabled" : ""}`,
                   ref: d[j + v.name],
                   children: [
                     /* @__PURE__ */ u.jsx(
@@ -3782,14 +3829,15 @@ function Ia(i) {
                           {
                             type: "checkbox",
                             className: "searchstax-facet-input-checkbox",
-                            checked: E(b),
+                            checked: E(x),
+                            "aria-label": x.value + " " + x.count,
                             readOnly: !0,
-                            disabled: b.disabled,
+                            disabled: x.disabled,
                             onClick: (_) => {
-                              T(
+                              k(
                                 j + v.name,
                                 _,
-                                b
+                                x
                               );
                             }
                           }
@@ -3801,13 +3849,13 @@ function Ia(i) {
                       {
                         className: "searchstax-facet-value-label",
                         onClick: (_) => {
-                          T(
+                          k(
                             j + v.name,
                             _,
-                            b
+                            x
                           );
                         },
-                        children: b.value
+                        children: x.value
                       }
                     ),
                     /* @__PURE__ */ u.jsxs(
@@ -3815,30 +3863,33 @@ function Ia(i) {
                       {
                         className: "searchstax-facet-value-count",
                         onClick: (_) => {
-                          T(
+                          k(
                             j + v.name,
                             _,
-                            b
+                            x
                           );
                         },
                         children: [
                           "(",
-                          b.count,
+                          x.count,
                           ")"
                         ]
                       }
                     )
                   ]
                 },
-                b.value + b.parentName
+                x.value + x.parentName
               ))
             ),
             v.hasMoreFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-more-container", children: /* @__PURE__ */ u.jsxs(
               "div",
               {
                 className: "searchstax-facet-show-more-container",
-                onClick: (b) => {
-                  N(b, v);
+                onClick: (x) => {
+                  N(x, v);
+                },
+                onKeyDown: (x) => {
+                  (x.key === "Enter" || x.key === " ") && N(x, v);
                 },
                 children: [
                   v.showingAllFacets && /* @__PURE__ */ u.jsx("div", { className: "searchstax-facet-show-less-button searchstax-facet-show-button", children: "less" }),
@@ -3854,9 +3905,9 @@ function Ia(i) {
     i.facetsTemplateDesktop && /* @__PURE__ */ u.jsx(u.Fragment, { children: i.facetsTemplateDesktop(
       e,
       d,
+      T,
       R,
       k,
-      T,
       E,
       N
     ) }),
@@ -3915,7 +3966,7 @@ function Ia(i) {
                 {
                   className: "searchstax-search-close",
                   onClick: () => {
-                    Q();
+                    K();
                   }
                 }
               )
@@ -3923,14 +3974,14 @@ function Ia(i) {
             /* @__PURE__ */ u.jsx("div", { className: "searchstax-facets-container-mobile", children: s == null ? void 0 : s.facets.map((v) => /* @__PURE__ */ u.jsx(
               "div",
               {
-                className: `searchstax-facet-container ${R(v.name) ? "active" : ""}`,
+                className: `searchstax-facet-container ${T(v.name) ? "active" : ""}`,
                 children: /* @__PURE__ */ u.jsxs("div", { children: [
                   /* @__PURE__ */ u.jsxs(
                     "div",
                     {
                       className: "searchstax-facet-title-container",
                       onClick: () => {
-                        k(v.name);
+                        R(v.name);
                       },
                       children: [
                         /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-title", children: [
@@ -3945,10 +3996,10 @@ function Ia(i) {
                   /* @__PURE__ */ u.jsxs("div", { className: "searchstax-facet-values-container", children: [
                     v.values.map(
                       //@ts-ignore
-                      (b, j) => (d[j + v.name] = et(), /* @__PURE__ */ u.jsxs(
+                      (x, j) => (d[j + v.name] = et(), /* @__PURE__ */ u.jsxs(
                         "div",
                         {
-                          className: `searchstax-facet-value-container ${b.disabled ? "searchstax-facet-value-disabled" : ""}`,
+                          className: `searchstax-facet-value-container ${x.disabled ? "searchstax-facet-value-disabled" : ""}`,
                           ref: d[j + v.name],
                           children: [
                             /* @__PURE__ */ u.jsx(
@@ -3960,14 +4011,15 @@ function Ia(i) {
                                   {
                                     type: "checkbox",
                                     className: "searchstax-facet-input-checkbox",
-                                    checked: E(b),
+                                    checked: E(x),
+                                    "aria-label": x.value + " " + x.count,
                                     readOnly: !0,
-                                    disabled: b.disabled,
+                                    disabled: x.disabled,
                                     onClick: (_) => {
-                                      T(
+                                      k(
                                         j + v.name,
                                         _,
-                                        b,
+                                        x,
                                         !0,
                                         !0
                                       );
@@ -3981,13 +4033,13 @@ function Ia(i) {
                               {
                                 className: "searchstax-facet-value-label",
                                 onClick: (_) => {
-                                  T(
+                                  k(
                                     j + v.name,
                                     _,
-                                    b
+                                    x
                                   );
                                 },
-                                children: b.value
+                                children: x.value
                               }
                             ),
                             /* @__PURE__ */ u.jsxs(
@@ -3995,22 +4047,22 @@ function Ia(i) {
                               {
                                 className: "searchstax-facet-value-count",
                                 onClick: (_) => {
-                                  T(
+                                  k(
                                     j + v.name,
                                     _,
-                                    b
+                                    x
                                   );
                                 },
                                 children: [
                                   "(",
-                                  b.count,
+                                  x.count,
                                   ")"
                                 ]
                               }
                             )
                           ]
                         },
-                        b.value + b.parentName
+                        x.value + x.parentName
                       ))
                     ),
                     /* @__PURE__ */ u.jsx(
@@ -4022,9 +4074,13 @@ function Ia(i) {
                           "div",
                           {
                             className: "searchstax-facet-show-more-container",
-                            onClick: (b) => {
-                              B(b, v);
+                            onClick: (x) => {
+                              W(x, v);
                             },
+                            onKeyDown: (x) => {
+                              (x.key === "Enter" || x.key === " ") && W(x, v);
+                            },
+                            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" })
@@ -4043,7 +4099,7 @@ function Ia(i) {
               {
                 className: "searchstax-facets-mobile-overlay-done",
                 onClick: () => {
-                  Q();
+                  K();
                 },
                 children: "Done"
               }
@@ -4056,14 +4112,14 @@ function Ia(i) {
       s,
       r,
       d,
+      T,
       R,
       k,
-      T,
       E,
       S,
-      B,
+      W,
       A,
-      Q,
+      K,
       O
     ) })
   ] }) });
@@ -4102,6 +4158,10 @@ function Pa(i) {
           onClick: () => {
             c(l);
           },
+          onKeyDown: (o) => {
+            (o.key === "Enter" || o.key === " ") && c(l);
+          },
+          tabIndex: 0,
           className: "searchstax-related-search searchstax-related-search-item",
           children: [
             " ",
@@ -4172,7 +4232,7 @@ export {
   Ea as SearchstaxOverviewWidget,
   Ra as SearchstaxPaginationWidget,
   Pa as SearchstaxRelatedSearchesWidget,
-  ka as SearchstaxResultWidget,
+  Ta as SearchstaxResultWidget,
   wa as SearchstaxSortingWidget,
-  Ta as SearchstaxWrapper
+  ka as SearchstaxWrapper
 };