@bridgeline-digital/hawksearch-handlebars-ui 6.2.2 → 6.3.0-beta.0

package/dist/hawksearch-handlebars-ui.js

@@ -1,7 +1,7 @@
 /**
  * name: @bridgeline-digital/hawksearch-handlebars-ui
  *
- * version: v6.2.1
+ * version: v6.3.0-beta.0
  *
  * description: The HawkSearch Handlebars UI package allows you to add a highly-customizable search results page to your website powered by HawkSearch.
  *
@@ -6016,12 +6016,12 @@ class BaseContentComponent extends BaseComponent {
     this.bindFromEvent = false;
   }
 }
-const defaultHtml$H = '<div class="custom-content">\n    {{html content}}\n</div>';
+const defaultHtml$I = '<div class="custom-content">\n    {{html content}}\n</div>';
 class CustomContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
     this.componentName = "custom-content";
-    this.defaultHtml = defaultHtml$H;
+    this.defaultHtml = defaultHtml$I;
   }
   renderContent() {
     return !!this.data;
@@ -6032,12 +6032,12 @@ class CustomContentComponent extends BaseContentComponent {
     };
   }
 }
-const defaultHtml$G = '<div class="row featured-items-content">\n    {{#each items}}\n        {{#if (or (eq @root.zone "Top") (eq @root.zone "Top2") (eq @root.zone "Bottom") (eq @root.zone "Bottom2"))}}\n            {{#if (eq type "content")}}\n                <div class="column column--12">\n                    <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\n                </div>\n            {{else}}\n                <div class="column column--12 column-sm--6 column-lg--4">\n                    <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\n                </div>\n            {{/if}}\n        {{else}}\n            <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\n        {{/if}}\n    {{/each}}\n</div>';
+const defaultHtml$H = '<div class="row featured-items-content">\n    {{#each items}}\n        {{#if (or (eq @root.zone "Top") (eq @root.zone "Top2") (eq @root.zone "Bottom") (eq @root.zone "Bottom2"))}}\n            {{#if (eq type "content")}}\n                <div class="column column--12">\n                    <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\n                </div>\n            {{else}}\n                <div class="column column--12 column-sm--6 column-lg--4">\n                    <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\n                </div>\n            {{/if}}\n        {{else}}\n            <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\n        {{/if}}\n    {{/each}}\n</div>';
 class FeaturedItemsContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
     this.componentName = "featured-items-content";
-    this.defaultHtml = defaultHtml$G;
+    this.defaultHtml = defaultHtml$H;
   }
   renderContent() {
     var _a, _b;
@@ -6058,13 +6058,13 @@ class FeaturedItemsContentComponent extends BaseContentComponent {
   }
 }
 const placeholderUrl = "data:image/png;base64,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";
-const defaultHtml$F = '<div class="featured-items-content__item featured-items-content__item--{{type}}">\n    {{#if pinned}}\n        <span class="featured-items-content__item__pin">\n            <hawksearch-icon name="star"></hawksearch-icon>\n        </span>\n    {{/if}}\n    {{#if (eq type "product")}}\n        {{#if (lt salePrice price)}}\n            <span class="featured-items-content__item__sale-indicator">{{strings.sale}}</span>\n        {{/if}}\n        <a hawksearch-link href="{{url}}" class="featured-items-content__item__image" aria-label="{{title}}">\n            <img hawksearch-image src="{{imageUrl}}" alt="" />\n        </a>\n        <div class="featured-items-content__item__title">\n            <a hawksearch-link href="{{url}}">{{title}}</a>\n        </div>\n        {{#if rating}}\n            <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n        {{/if}}\n        {{#unless (eq price undefined)}}\n            <div class="featured-items-content__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                {{#if (lt salePrice price)}}\n                    <span class="featured-items-content__item__price__original">{{currency price}}</span>\n                    <span class="featured-items-content__item__price__current" itemprop="price">{{currency salePrice}}</span>\n                {{else}}\n                    <span class="featured-items-content__item__price-__current" itemprop="price">{{currency price}}</span>\n                {{/if}}\n            </div>\n        {{/unless}}\n        <hawksearch-variant-selector></hawksearch-variant-selector>\n    {{else}}\n        <div class="row">\n            {{#if imageUrl}}\n                <div class="column column--12 column-sm--4">\n                    <a hawksearch-link href="{{url}}">\n                        <img hawksearch-image src="{{imageUrl}}" alt="" />\n                    </a>\n                </div>\n            {{/if}}\n            <div class="column column--12 column-sm--8 flex-align-self-sm-center">\n                <div class="featured-items-content__item__title">\n                    <a hawksearch-link href="{{url}}">{{title}}</a>\n                </div>\n                {{#if description}}\n                    <p>{{description}}</p>\n                {{/if}}\n            </div>\n        </div>\n    {{/if}}\n</div>';
+const defaultHtml$G = '<div class="featured-items-content__item featured-items-content__item--{{type}}">\n    {{#if pinned}}\n        <span class="featured-items-content__item__pin">\n            <hawksearch-icon name="star"></hawksearch-icon>\n        </span>\n    {{/if}}\n    {{#if (eq type "product")}}\n        {{#if (lt salePrice price)}}\n            <span class="featured-items-content__item__sale-indicator">{{strings.sale}}</span>\n        {{/if}}\n        <a hawksearch-link href="{{url}}" class="featured-items-content__item__image" aria-label="{{title}}">\n            <img hawksearch-image src="{{imageUrl}}" alt="" />\n        </a>\n        <div class="featured-items-content__item__title">\n            <a hawksearch-link href="{{url}}">{{title}}</a>\n        </div>\n        {{#if rating}}\n            <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n        {{/if}}\n        {{#unless (eq price undefined)}}\n            <div class="featured-items-content__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                {{#if (lt salePrice price)}}\n                    <span class="featured-items-content__item__price__original">{{currency price}}</span>\n                    <span class="featured-items-content__item__price__current" itemprop="price">{{currency salePrice}}</span>\n                {{else}}\n                    <span class="featured-items-content__item__price-__current" itemprop="price">{{currency price}}</span>\n                {{/if}}\n            </div>\n        {{/unless}}\n        <hawksearch-variant-selector></hawksearch-variant-selector>\n    {{else}}\n        <div class="row">\n            {{#if imageUrl}}\n                <div class="column column--12 column-sm--4">\n                    <a hawksearch-link href="{{url}}">\n                        <img hawksearch-image src="{{imageUrl}}" alt="" />\n                    </a>\n                </div>\n            {{/if}}\n            <div class="column column--12 column-sm--8 flex-align-self-sm-center">\n                <div class="featured-items-content__item__title">\n                    <a hawksearch-link href="{{url}}">{{title}}</a>\n                </div>\n                {{#if description}}\n                    <p>{{description}}</p>\n                {{/if}}\n            </div>\n        </div>\n    {{/if}}\n</div>';
 class FeaturedItemsContentItemComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.trackingEnabled = true;
     this.componentName = "featured-items-content-item";
-    this.defaultHtml = defaultHtml$F;
+    this.defaultHtml = defaultHtml$G;
     this.bindFromEvent = false;
   }
   renderContent() {
@@ -6123,12 +6123,12 @@ class FeaturedItemsContentItemComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$E = '<div class="image-content">\n    {{#if link}}\n        <a hawksearch-link href="{{link.url}}" target="{{link.target}}">\n            <img\n                src="{{image.url}}"\n                class="image-content__image"\n                height="{{image.height}}"\n                width="{{image.width}}"\n                alt="{{image.altText}}"\n                title="{{image.title}}"\n            />\n        </a>\n    {{else}}\n        <img\n            src="{{image.url}}"\n            class="image-content__image"\n            height="{{image.height}}"\n            width="{{image.width}}"\n            alt="{{image.altText}}"\n            title="{{image.title}}"\n        />\n    {{/if}}\n</div>';
+const defaultHtml$F = '<div class="image-content">\n    {{#if link}}\n        <a hawksearch-link href="{{link.url}}" target="{{link.target}}">\n            <img\n                src="{{image.url}}"\n                class="image-content__image"\n                height="{{image.height}}"\n                width="{{image.width}}"\n                alt="{{image.altText}}"\n                title="{{image.title}}"\n            />\n        </a>\n    {{else}}\n        <img\n            src="{{image.url}}"\n            class="image-content__image"\n            height="{{image.height}}"\n            width="{{image.width}}"\n            alt="{{image.altText}}"\n            title="{{image.title}}"\n        />\n    {{/if}}\n</div>';
 class ImageContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
     this.componentName = "image-content";
-    this.defaultHtml = defaultHtml$E;
+    this.defaultHtml = defaultHtml$F;
   }
   renderContent() {
     return !!this.data;
@@ -6148,12 +6148,12 @@ class ImageContentComponent extends BaseContentComponent {
     HawkSearch.services.tracking.trackBannerImpression(this.data.id, this.data.campaignId);
   }
 }
-const defaultHtml$D = '<div class="popular-queries-content">\n    {{#each items}}\n        <a hawksearch-query="{{query}}" class="popular-queries-content__item popular-queries-content__item--{{weight}}">{{query}}</a>\n    {{/each}}\n</div>';
+const defaultHtml$E = '<div class="popular-queries-content">\n    {{#each items}}\n        <a hawksearch-query="{{query}}" class="popular-queries-content__item popular-queries-content__item--{{weight}}">{{query}}</a>\n    {{/each}}\n</div>';
 class PopularQueriesContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
     this.componentName = "popular-queries-content";
-    this.defaultHtml = defaultHtml$D;
+    this.defaultHtml = defaultHtml$E;
   }
   renderContent() {
     var _a, _b;
@@ -6178,12 +6178,12 @@ class PopularQueriesContentComponent extends BaseContentComponent {
     });
   }
 }
-const defaultHtml$C = '<div class="content-zone">\n    {{#each items}}\n        {{#if (eq type "custom")}}\n            <hawksearch-custom-content index="{{@index}}"></hawksearch-custom-content>\n        {{/if}}\n        {{#if (eq type "featured-items")}}\n            <hawksearch-featured-items-content index="{{@index}}"></hawksearch-featured-items-content>\n        {{/if}}\n        {{#if (eq type "image")}}\n            <hawksearch-image-content index="{{@index}}"></hawksearch-image-content>\n        {{/if}}\n        {{#if (eq type "popular-queries")}}\n            <hawksearch-popular-queries-content index="{{@index}}"></hawksearch-popular-queries-content>\n        {{/if}}\n    {{/each}}\n</div>';
+const defaultHtml$D = '<div class="content-zone">\n    {{#each items}}\n        {{#if (eq type "custom")}}\n            <hawksearch-custom-content index="{{@index}}"></hawksearch-custom-content>\n        {{/if}}\n        {{#if (eq type "featured-items")}}\n            <hawksearch-featured-items-content index="{{@index}}"></hawksearch-featured-items-content>\n        {{/if}}\n        {{#if (eq type "image")}}\n            <hawksearch-image-content index="{{@index}}"></hawksearch-image-content>\n        {{/if}}\n        {{#if (eq type "popular-queries")}}\n            <hawksearch-popular-queries-content index="{{@index}}"></hawksearch-popular-queries-content>\n        {{/if}}\n    {{/each}}\n</div>';
 class ContentZoneComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "content-zone";
-    this.defaultHtml = defaultHtml$C;
+    this.defaultHtml = defaultHtml$D;
     this.bindFromEvent = true;
   }
   get name() {
@@ -6317,7 +6317,7 @@ function formatNumber(value, decimals = 2) {
     maximumFractionDigits: decimals
   });
 }
-const defaultHtml$B = `<div class="date-picker">
+const defaultHtml$C = `<div class="date-picker">
     <input type="text" value="{{value}}" hawksearch-input readonly class="date-picker__input" aria-label="{{strings.label}}" />
     {{#if modalVisible}}
         <div hawksearch-modal class="date-picker__modal">
@@ -6400,7 +6400,7 @@ class DatePickerComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "date-picker";
-    this.defaultHtml = defaultHtml$B;
+    this.defaultHtml = defaultHtml$C;
     this.bindFromEvent = false;
     this.modalVisible = false;
     this.modalDate = /* @__PURE__ */ new Date();
@@ -6608,12 +6608,12 @@ class DatePickerComponent extends BaseComponent {
   }
 }
 const iconsSvg = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="a"><path d="M0 0h20v20H0z"/></clipPath></defs><symbol id="chevron-back" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.703 5.331a1 1 0 0 1 .014 1.414l-3.303 3.371 3.289 3.222a1 1 0 0 1-1.4 1.428L4.3 10.845a1 1 0 0 1-.014-1.414l4.003-4.085a1 1 0 0 1 1.414-.015Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.817 5.331a1 1 0 0 1 .015 1.414l-3.304 3.371 3.29 3.222a1 1 0 0 1-1.4 1.428l-4.004-3.921A1 1 0 0 1 9.4 9.43l4.003-4.085a1 1 0 0 1 1.414-.015Z"/></symbol><symbol id="chevron-down" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.838 10.111a1 1 0 0 1 1.415 0L12 14.858l4.747-4.747a1 1 0 1 1 1.415 1.414l-5.455 5.455a1 1 0 0 1-1.414 0l-5.455-5.455a1 1 0 0 1 0-1.414Z"/></symbol><symbol id="chevron-forward" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.46 14.766a1 1 0 0 1-.014-1.414l3.303-3.37L9.46 6.76a1 1 0 0 1 1.4-1.429l4.003 3.922a1 1 0 0 1 .014 1.414l-4.003 4.085a1 1 0 0 1-1.414.014Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.346 14.766a1 1 0 0 1-.015-1.414l3.304-3.37-3.29-3.222a1 1 0 1 1 1.4-1.429L9.75 9.253a1 1 0 0 1 .014 1.414L5.76 14.752a1 1 0 0 1-1.414.014Z"/></symbol><symbol id="chevron-left" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.69 18.224a1 1 0 0 1-1.414-.034l-5-5.25a1 1 0 0 1 0-1.38l5-5.25a1 1 0 1 1 1.448 1.38l-4.343 4.56 4.343 4.56a1 1 0 0 1-.034 1.414Z"/></symbol><symbol id="chevron-right" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.31 18.224a1 1 0 0 1-.034-1.414l4.343-4.56-4.343-4.56a1 1 0 0 1 1.448-1.38l5 5.25a1 1 0 0 1 0 1.38l-5 5.25a1 1 0 0 1-1.414.034Z"/></symbol><symbol id="chevron-up" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.156 16.531a1 1 0 0 1-1.414-.012L12 11.7l-4.742 4.82a1 1 0 1 1-1.425-1.402l5.454-5.546a1 1 0 0 1 1.426 0l5.455 5.546a1 1 0 0 1-.012 1.414Z"/></symbol><symbol id="cross" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="m17.29 3.922-1.178-1.178-6.077 6.078-6.078-6.078-1.179 1.178L8.856 10l-6.078 6.078 1.18 1.178 6.077-6.078 6.077 6.078 1.179-1.178L11.213 10l6.078-6.078Z"/></symbol><symbol id="drop-image" viewBox="0 0 100 100"><path d="M55.875 25.375H52.75v9h3.125v-9Zm0-5.375v-1.125c0-4.125-3.375-7.5-7.5-7.5H47.25V14.5h1.125c2.375 0 4.375 2 4.375 4.375V20h3.125Zm-14 39.875h-9V63h9v-3.125Zm-14.5 0h-9V63h9v-3.125Zm-19.875-20H4.375v9H7.5v-9Zm0-14.5H4.375v9H7.5v-9ZM11.875 63H13v-3.125h-1.125c-2.375 0-4.375-2-4.375-4.375v-1.125H4.375V55.5c0 4.125 3.375 7.5 7.5 7.5Zm0-48.5H13v-3.125h-1.125c-4.125 0-7.5 3.375-7.5 7.5V20H7.5v-1.125c0-2.375 2-4.375 4.375-4.375Zm15.5-3.125h-9V14.5h9v-3.125Zm14.5 0h-9V14.5h9v-3.125ZM36.625 36.5c.875 0 1.5-.625 1.5-1.5 0-.5-.25-1-.625-1.25L31.25 29c-.5-.5-1.375-.5-1.875 0l-6.25 4.75c-.625.5-.75 1.5-.25 2.125s1.5.75 2.125.25l3.875-2.75v11.25c0 .875.625 1.5 1.5 1.625h.25c.75-.125 1.375-.75 1.375-1.5V33.5l3.875 2.75s.375.25.75.25Zm52.75 1.5H51.25c-1.625 0-3.25.625-4.375 1.875-1.25 1-1.875 2.625-1.875 4.25V82.25c0 1.625.625 3.25 1.875 4.375C48 87.75 49.625 88.5 51.25 88.5h38.125c1.625 0 3.25-.625 4.375-1.875s1.875-2.75 1.875-4.375V44.125c0-1.625-.625-3.25-1.875-4.375S91.125 38 89.375 38Zm3.375 44.375a3.415 3.415 0 0 1-3.375 3.375H51.25a3.415 3.415 0 0 1-3.375-3.375v-6.5l5.75-5.75 6.125 6.125c.125.125.25.25.5.375.5.25 1.125.125 1.625-.375L77.5 60.5l15.25 15.25v6.625Zm0-10.75L78.5 57.5c-.125-.125-.25-.25-.5-.375a1.734 1.734 0 0 0-1.125 0c-.125.125-.375.125-.5.375L60.75 73.125 54.625 67c-.25-.25-.625-.375-1-.375s-.75.125-1 .375l-4.75 4.75v-27.5a3.415 3.415 0 0 1 3.375-3.375h38.125a3.415 3.415 0 0 1 3.375 3.375v27.375Z"/><path d="M64.625 54.125c.125-.875-.125-1.75-.625-2.5s-1.25-1.25-2.125-1.5C61.5 50 61.125 50 60.75 50c-.5 0-1 .125-1.5.25-.875.375-1.5 1-1.875 1.75s-.5 1.75-.375 2.5c.125.875.625 1.625 1.375 2.25.625.5 1.5.875 2.375.875 1 0 2-.375 2.75-1.125.625-.75 1-1.5 1.125-2.375Z"/></symbol><symbol id="help" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 18.333c-4.595 0-8.333-3.737-8.333-8.333 0-4.594 3.738-8.333 8.333-8.333 4.595 0 8.333 3.738 8.333 8.333 0 4.596-3.738 8.333-8.333 8.333Zm0-15A6.674 6.674 0 0 0 3.333 10 6.674 6.674 0 0 0 10 16.667 6.674 6.674 0 0 0 16.666 10 6.674 6.674 0 0 0 10 3.333Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.833 12.5H9.166V10H10a1.668 1.668 0 0 0 0-3.333c-.92 0-1.667.746-1.667 1.666H6.666A3.338 3.338 0 0 1 10 5a3.338 3.338 0 0 1 3.333 3.333 3.343 3.343 0 0 1-2.5 3.23v.937Zm-.097.93a1.042 1.042 0 1 1-1.473 1.473 1.042 1.042 0 0 1 1.473-1.473Z"/></symbol><symbol id="image" viewBox="0 0 20 20"><path d="M17.27 20H2.727A2.726 2.726 0 0 1 0 17.273V2.727A2.728 2.728 0 0 1 2.727 0H17.27a2.726 2.726 0 0 1 2.727 2.727v14.546A2.728 2.728 0 0 1 17.27 20ZM2.727 1.818a.909.909 0 0 0-.909.91v14.545a.91.91 0 0 0 .91.909H17.27a.91.91 0 0 0 .91-.91V2.728a.909.909 0 0 0-.91-.909H2.727Z"/><path d="M.91 15.455A.91.91 0 0 1 .269 13.9l2.727-2.727a.909.909 0 0 1 1.281.004l2.086 2.082 5.722-5.718a.908.908 0 0 1 1.286 0l6.363 6.364a.91.91 0 0 1-1.287 1.286l-5.721-5.723-5.722 5.719a.909.909 0 0 1-1.286 0l-2.082-2.082L1.55 15.19c-.17.17-.4.264-.64.264Zm5.453-7.273a1.818 1.818 0 1 1 .003-3.636 1.818 1.818 0 0 1-.003 3.636Z"/></symbol><symbol id="message" viewBox="0 0 20 21"><path fill-rule="evenodd" d="M14.84 7.946H5.01a1 1 0 0 1-.998-.998 1 1 0 0 1 .998-.998h9.83a1 1 0 0 1 .998.998 1 1 0 0 1-.998.998Zm-6.407 3.992H5a1 1 0 0 1-.998-.998A1 1 0 0 1 5 9.942h3.433a1 1 0 0 1 .998.998 1 1 0 0 1-.998.998Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2.016.96A2.002 2.002 0 0 0 .02 2.956v11.976c0 1.098.898 1.996 1.996 1.996h8.094c-.21-.41-.34-.878-.34-1.377 0-.21.02-.42.07-.62H2.016V2.957h15.968v11.976h-2.216c.04.2.07.409.07.619 0 .499-.13.958-.339 1.377h2.495a2.002 2.002 0 0 0 1.996-1.996V2.956A2.002 2.002 0 0 0 17.994.96H2.016Z" clip-rule="evenodd"/><path d="m17.545 19.413-1.367-1.677a3.85 3.85 0 0 0 .778-2.315 3.897 3.897 0 0 0-3.892-3.892 3.897 3.897 0 0 0-3.892 3.892 3.897 3.897 0 0 0 3.892 3.892 3.89 3.89 0 0 0 1.647-.38l1.367 1.677c.18.22.449.35.738.35a.95.95 0 0 0 .738-1.547h-.009Zm-2.266-3.992a2.217 2.217 0 0 1-2.215 2.215 2.21 2.21 0 0 1-2.216-2.215 2.21 2.21 0 0 1 2.216-2.216 2.21 2.21 0 0 1 2.216 2.216Z"/></symbol><symbol id="minus" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.833 10.833H4.167V9.167h11.666v1.666Z"/></symbol><symbol id="plus" viewBox="0 0 20 20"><g style="enable-background:new 0 0 20 20"><path d="M16 9h-5V4c0-.6-.4-1-1-1s-1 .4-1 1v5H4c-.6 0-1 .4-1 1s.4 1 1 1h5v5c0 .6.4 1 1 1s1-.4 1-1v-5h5c.6 0 1-.4 1-1s-.4-1-1-1z"/></g></symbol><symbol id="reset" viewBox="0 0 16 16"><path d="M14.923 3.988A7.977 7.977 0 0 0 10.459.39a7.98 7.98 0 0 0-5.73.32 8.026 8.026 0 0 0-2.77 2.06V1.765a.976.976 0 0 0-1.951 0V5.86h4.097a.976.976 0 0 0 0-1.95H3.56a6.029 6.029 0 0 1 4.41-1.952h.078a6.003 6.003 0 0 1 4.16 1.694l.187.187a5.99 5.99 0 0 1 1.663 4.082v.187a6.022 6.022 0 0 1-1.647 4.05c-.078.087-.164.165-.25.25a6.042 6.042 0 0 1-4.059 1.647H7.93a6.039 6.039 0 0 1-5.682-4.214C2.1 9.374 1.623 9.1 1.116 9.21a.989.989 0 0 0-.64.46.946.946 0 0 0-.086.78 7.944 7.944 0 0 0 1.678 2.912A7.965 7.965 0 0 0 8.016 16a7.95 7.95 0 0 0 4.706-1.538 7.996 7.996 0 0 0 3.114-4.815 8.026 8.026 0 0 0-.905-5.667l-.008.008Z"/></symbol><symbol id="search" viewBox="0 0 20 20"><g clip-path="url(#a)"><path fill-rule="evenodd" d="m18.678 16.322-3.299-3.3a7.85 7.85 0 0 0 1.265-4.284 7.85 7.85 0 0 0-2.316-5.589A7.854 7.854 0 0 0 8.738.833 7.853 7.853 0 0 0 3.15 3.148a7.855 7.855 0 0 0-2.316 5.59c0 2.112.823 4.098 2.316 5.59a7.85 7.85 0 0 0 5.59 2.315 7.84 7.84 0 0 0 4.283-1.264l3.3 3.3c.315.314.733.488 1.178.488.445 0 .863-.174 1.178-.489.315-.314.489-.732.489-1.178 0-.446-.174-.864-.489-1.178Zm-14.35-3.174A6.193 6.193 0 0 1 2.5 8.738a6.2 6.2 0 0 1 1.827-4.41A6.194 6.194 0 0 1 8.738 2.5c1.667 0 3.233.65 4.411 1.828a6.193 6.193 0 0 1 1.828 4.41c0 1.667-.65 3.233-1.828 4.411a6.193 6.193 0 0 1-4.41 1.828 6.19 6.19 0 0 1-4.412-1.829Z" clip-rule="evenodd"/></g></symbol><symbol id="send" viewBox="0 0 20 20"><path d="M1.635 19a.635.635 0 0 1-.595-.856l2.608-7.03a.629.629 0 0 1 .483-.403l3.985-.704-3.98-.685a.63.63 0 0 1-.488-.405L1.04 1.853a.636.636 0 0 1 .88-.786l16.73 8.367a.634.634 0 0 1 0 1.132L1.918 18.933a.634.634 0 0 1-.282.067Z"/></symbol><symbol id="sparkles" viewBox="0 0 20 20"><path d="m12.263 16.353-.855 2.646-.855-2.646a4.086 4.086 0 0 0-2.636-2.635l-2.646-.855 2.646-.855a4.086 4.086 0 0 0 2.636-2.635l.855-2.646.855 2.646a4.086 4.086 0 0 0 2.635 2.635l2.646.855-2.646.855a4.09 4.09 0 0 0-2.635 2.635ZM5.75 9.342l-.478 1.478-.477-1.478a2.047 2.047 0 0 0-1.317-1.317L2 7.545l1.478-.476A2.047 2.047 0 0 0 4.795 5.75l.477-1.478.477 1.478a2.047 2.047 0 0 0 1.318 1.32l1.478.477-1.478.477a2.053 2.053 0 0 0-1.318 1.32Zm4.313-5.151-.29.899-.29-.899a1.33 1.33 0 0 0-.856-.856l-.898-.29.898-.29a1.33 1.33 0 0 0 .857-.857L9.774 1l.29.898c.13.407.45.726.856.857l.898.29-.898.29a1.337 1.337 0 0 0-.857.856Z"/></symbol><symbol id="star-empty" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="m18.333 7.7-5.991-.517L10 1.667 7.658 7.192 1.666 7.7l4.55 3.942L4.85 17.5 10 14.392l5.15 3.108-1.359-5.858L18.334 7.7ZM10 12.833l-3.133 1.892.833-3.567-2.767-2.4 3.65-.316L10 5.083l1.425 3.367 3.65.317-2.767 2.4.834 3.566-3.142-1.9Z"/></symbol><symbol id="star-half" viewBox="0 0 20 20"><g style="enable-background:new 0 0 20 20"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path class="st0" d="m18.3 7.7-6-.5L10 1.7 7.7 7.2l-6 .5 4.5 3.9-1.4 5.9 5.1-3.1 5.1 3.1-1.4-5.9 4.7-3.9zM10 12.8l-3.1 1.9.8-3.6-2.8-2.3 3.7-.3L10 5.1l1.4 3.4 3.6.3-2.8 2.4.8 3.6-3-2z"/><path class="st0" d="M10 1.7 7.7 7.2l-6 .5 4.5 3.9-1.4 5.9 5.2-3.1z"/></g></symbol><symbol id="star" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="m10 14.392 5.15 3.108-1.367-5.858 4.55-3.942-5.991-.508L10 1.667 7.658 7.192 1.666 7.7l4.55 3.942L4.85 17.5 10 14.392Z"/></symbol><symbol id="upload" viewBox="0 0 21 20"><path fill-rule="evenodd" d="M5.825 6.67C3.422 6.762 1.5 8.72 1.5 11.119c0 2.457 2.016 4.45 4.498 4.45h1.196v-1.187H5.998c-1.82 0-3.297-1.462-3.297-3.263 0-1.8 1.477-3.263 3.297-3.263.286 0 .572.037.857.06.276-2.277 1.645-4.227 4.24-4.227 2.32 0 4.203 1.863 4.203 4.158 0 .614.03.6 0 1.36.428 0 3.001.39 3.001 2.799 0 1.311-1.075 2.376-2.4 2.376h-1.802v1.188h1.801c1.988 0 3.602-1.598 3.602-3.564 0-1.778-1.318-3.254-3.04-3.521.025-.21.038-.422.038-.638 0-2.95-2.42-5.346-5.402-5.346-2.574 0-4.73 1.785-5.271 4.17Z" clip-rule="evenodd"/><path d="m7.78 12.622-.845-.809 3.574-3.398 3.556 3.4-.848.807-2.105-2.013-.006 7.09H9.893l.007-7.094-2.12 2.017Z"/><path fill-rule="evenodd" d="M5.705 6.527c.598-2.398 2.786-4.177 5.39-4.177 3.064 0 5.553 2.462 5.553 5.496 0 .174-.008.345-.024.514 1.723.335 3.026 1.84 3.026 3.645 0 2.05-1.683 3.714-3.752 3.714h-1.95V14.23h1.95c1.244 0 2.251-.999 2.251-2.226 0-1.138-.602-1.794-1.264-2.173-.671-.383-1.395-.476-1.587-.476h-.156l.006-.156c.019-.476.014-.64.008-.85a15.228 15.228 0 0 1-.008-.504c0-2.21-1.815-4.008-4.052-4.008-1.257 0-2.207.47-2.88 1.21-.675.744-1.077 1.77-1.212 2.885l-.018.144-.144-.012-.226-.02a6.558 6.558 0 0 0-.618-.04c-1.739 0-3.147 1.397-3.147 3.113 0 1.717 1.408 3.113 3.147 3.113h1.346v1.488H5.998c-2.564 0-4.648-2.06-4.648-4.6 0-2.444 1.927-4.442 4.355-4.592Zm5.39-3.877c-2.503 0-4.598 1.736-5.124 4.054l-.026.112-.115.005c-2.323.087-4.18 1.98-4.18 4.297 0 2.372 1.947 4.3 4.348 4.3h1.046v-.887H5.998c-1.901 0-3.447-1.528-3.447-3.413 0-1.885 1.546-3.413 3.447-3.413a7.03 7.03 0 0 1 .727.048c.157-1.107.572-2.139 1.27-2.906.73-.804 1.761-1.309 3.1-1.309 2.401 0 4.353 1.93 4.353 4.308 0 .219.004.358.007.484.006.196.01.36-.002.735.332.033.975.16 1.58.507.732.418 1.416 1.162 1.416 2.433 0 1.396-1.144 2.526-2.55 2.526h-1.652v.888h1.651c1.906 0 3.452-1.532 3.452-3.414 0-1.702-1.262-3.117-2.913-3.373l-.143-.022.017-.144c.025-.203.038-.41.038-.62 0-2.866-2.353-5.196-5.253-5.196Zm-.586 5.557 3.774 3.609-1.066 1.013-1.955-1.869-.006 6.89-1.513-.002.007-6.893-1.97 1.874-1.063-1.016 3.792-3.606Zm-3.357 3.607.629.6 2.27-2.159-.008 7.294h.913l.007-7.29 2.255 2.156.63-.6-3.34-3.193-3.356 3.192Z" clip-rule="evenodd"/></symbol></svg>';
-const defaultHtml$A = '{{html svg}}\n<svg height="{{height}}" width="{{width}}" focusable="false" aria-hidden="true" class="icon">\n    <use href="{{url}}"></use>\n</svg>';
+const defaultHtml$B = '{{html svg}}\n<svg height="{{height}}" width="{{width}}" focusable="false" aria-hidden="true" class="icon">\n    <use href="{{url}}"></use>\n</svg>';
 class IconComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "icon";
-    this.defaultHtml = defaultHtml$A;
+    this.defaultHtml = defaultHtml$B;
     this.bindFromEvent = false;
   }
   get name() {
@@ -6645,12 +6645,12 @@ class IconComponent extends BaseComponent {
     };
   }
 }
-const defaultHtml$z = '<div class="range-slider">\n    <div class="range-slider__container">\n        <div class="range-slider__bar">\n            <div class="range-slider__bar__active" hawksearch-bar style="left: {{start}}%; right: {{subtract 100 end}}%;"></div>\n        </div>\n        <span class="range-slider__handle range-slider__handle--start" title="{{strings.start}}" hawksearch-handle="start" style="left: {{start}}%;"></span>\n        <span class="range-slider__handle range-slider__handle--end" title="{{strings.end}}" hawksearch-handle="end" style="left: {{end}}%;"></span>\n    </div>\n</div>';
+const defaultHtml$A = '<div class="range-slider">\n    <div class="range-slider__container">\n        <div class="range-slider__bar">\n            <div class="range-slider__bar__active" hawksearch-bar style="left: {{start}}%; right: {{subtract 100 end}}%;"></div>\n        </div>\n        <span class="range-slider__handle range-slider__handle--start" title="{{strings.start}}" hawksearch-handle="start" style="left: {{start}}%;"></span>\n        <span class="range-slider__handle range-slider__handle--end" title="{{strings.end}}" hawksearch-handle="end" style="left: {{end}}%;"></span>\n    </div>\n</div>';
 class RangeSliderComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "range-slider";
-    this.defaultHtml = defaultHtml$z;
+    this.defaultHtml = defaultHtml$A;
     this.bindFromEvent = false;
     this.dragging = false;
     this.start = 0;
@@ -6795,12 +6795,12 @@ class RangeSliderComponent extends BaseComponent {
     this.dispatchEvent(newEvent);
   }
 }
-const defaultHtml$y = '<div class="rating" title="{{rating}}">\n    <hawksearch-icon name="{{ratingIcon rating 0}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 1}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 2}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 3}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 4}}" class="rating__icon"></hawksearch-icon>\n</div>';
+const defaultHtml$z = '<div class="rating" title="{{rating}}">\n    <hawksearch-icon name="{{ratingIcon rating 0}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 1}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 2}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 3}}" class="rating__icon"></hawksearch-icon>\n    <hawksearch-icon name="{{ratingIcon rating 4}}" class="rating__icon"></hawksearch-icon>\n</div>';
 class RatingComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "rating";
-    this.defaultHtml = defaultHtml$y;
+    this.defaultHtml = defaultHtml$z;
     this.bindFromEvent = false;
   }
   registerHelpers() {
@@ -6850,12 +6850,12 @@ class RatingComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$x = '<span class="tooltip" hawksearch-tooltip>\n    <span class="tooltip__icon">\n        <hawksearch-icon name="help" class="facet__heading__tooltip"></hawksearch-icon>\n    </span>\n    <span class="tooltip__content" hawksearch-tooltip-content>{{text}}</span>\n</span>';
+const defaultHtml$y = '<span class="tooltip" hawksearch-tooltip>\n    <span class="tooltip__icon">\n        <hawksearch-icon name="help" class="facet__heading__tooltip"></hawksearch-icon>\n    </span>\n    <span class="tooltip__content" hawksearch-tooltip-content>{{text}}</span>\n</span>';
 class TooltipComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "tooltip";
-    this.defaultHtml = defaultHtml$x;
+    this.defaultHtml = defaultHtml$y;
     this.bindFromEvent = false;
   }
   get text() {
@@ -6926,12 +6926,12 @@ var SearchType = /* @__PURE__ */ ((SearchType2) => {
   SearchType2[SearchType2["Refinement"] = 2] = "Refinement";
   return SearchType2;
 })(SearchType || {});
-const defaultHtml$w = '{{#if customLayout}}\n    {{html customLayout}}\n{{else}}\n    <hawksearch-search-results mode="landing-page" url="{{url}}"></hawksearch-search-results>\n{{/if}}';
+const defaultHtml$x = '{{#if customLayout}}\n    {{html customLayout}}\n{{else}}\n    <hawksearch-search-results mode="landing-page" url="{{url}}"></hawksearch-search-results>\n{{/if}}';
 class LandingPageComponent extends BaseComponent {
   constructor() {
     super();
     this.componentName = "landing-page";
-    this.defaultHtml = defaultHtml$w;
+    this.defaultHtml = defaultHtml$x;
     this.bindFromEvent = true;
     HawkSearch.services.tracking.trackPageLoad(PageType.Landing);
     const searchRequest = HawkSearch.services.search.getRequestFromUrl();
@@ -6966,7 +6966,7 @@ class LandingPageComponent extends BaseComponent {
     return output;
   }
 }
-const defaultHtml$v = `<div class="recommendations">
+const defaultHtml$w = `<div class="recommendations">
     {{#if headingEnabled}}
         <h2 class="heading recommendations__heading">{{title}}</h2>
     {{/if}}
@@ -7011,7 +7011,7 @@ class RecommendationsComponent extends BaseComponent {
   constructor() {
     super();
     this.componentName = "recommendations";
-    this.defaultHtml = defaultHtml$v;
+    this.defaultHtml = defaultHtml$w;
     this.bindFromEvent = true;
     this.selectedIndex = 0;
   }
@@ -7242,12 +7242,12 @@ class RecommendationsComponent extends BaseComponent {
     this.dragOrigin = void 0;
   }
 }
-const defaultHtml$u = '<div class="recommendations__item">\n    {{#if pinned}}\n        <span class="recommendations__item__pin">\n            <hawksearch-icon name="star"></hawksearch-icon>\n        </span>\n    {{/if}}\n    {{#if (lt salePrice price)}}\n        <span class="recommendations__item__sale-indicator">{{strings.sale}}</span>\n    {{/if}}\n    <a hawksearch-link href="{{url}}" class="recommendations__item__image" aria-label="{{title}}">\n        <img hawksearch-image src="{{imageUrl}}" alt="" />\n    </a>\n    <div class="recommendations__item__title">\n        <a hawksearch-link href="{{url}}">{{title}}</a>\n    </div>\n    {{#if rating}}\n        <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n    {{/if}}\n    {{#unless (eq price undefined)}}\n        <div class="recommendations__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n            {{#if (lt salePrice price)}}\n                <span class="recommendations__item__price__original">{{currency price}}</span>\n                <span class="recommendations__item__price__current" itemprop="price">{{currency salePrice}}</span>\n            {{else}}\n                <span class="recommendations__item__price-__current" itemprop="price">{{currency price}}</span>\n            {{/if}}\n        </div>\n    {{/unless}}\n    <hawksearch-variant-selector></hawksearch-variant-selector>\n</div>';
+const defaultHtml$v = '<div class="recommendations__item">\n    {{#if pinned}}\n        <span class="recommendations__item__pin">\n            <hawksearch-icon name="star"></hawksearch-icon>\n        </span>\n    {{/if}}\n    {{#if (lt salePrice price)}}\n        <span class="recommendations__item__sale-indicator">{{strings.sale}}</span>\n    {{/if}}\n    <a hawksearch-link href="{{url}}" class="recommendations__item__image" aria-label="{{title}}">\n        <img hawksearch-image src="{{imageUrl}}" alt="" />\n    </a>\n    <div class="recommendations__item__title">\n        <a hawksearch-link href="{{url}}">{{title}}</a>\n    </div>\n    {{#if rating}}\n        <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n    {{/if}}\n    {{#unless (eq price undefined)}}\n        <div class="recommendations__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n            {{#if (lt salePrice price)}}\n                <span class="recommendations__item__price__original">{{currency price}}</span>\n                <span class="recommendations__item__price__current" itemprop="price">{{currency salePrice}}</span>\n            {{else}}\n                <span class="recommendations__item__price-__current" itemprop="price">{{currency price}}</span>\n            {{/if}}\n        </div>\n    {{/unless}}\n    <hawksearch-variant-selector></hawksearch-variant-selector>\n</div>';
 class RecommendationsItemComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "recommendations-item";
-    this.defaultHtml = defaultHtml$u;
+    this.defaultHtml = defaultHtml$v;
     this.bindFromEvent = false;
   }
   get widgetId() {
@@ -7312,13 +7312,13 @@ class RecommendationsItemComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$t = '<div class="autocomplete">\n    <div class="row">\n        {{#if products.results.length}}\n            <div class="column column--12 column-md--8">\n                <span class="autocomplete__title autocomplete__title--products">{{products.title}}</span>\n                <div class="row autocomplete__products">\n                    {{#each products.results}}\n                        <div class="column column--12 column-sm--4">\n                            <div class="autocomplete__product">\n                                <a hawksearch-product="{{id}}" href="{{url}}" class="autocomplete__product__image">\n                                    <img hawksearch-image src="{{imageUrl}}" alt="" />\n                                </a>\n                                <span class="autocomplete__product__title">\n                                    <a hawksearch-product="{{id}}" href="{{url}}">{{html title}}</a>\n                                </span>\n                                {{#if rating}}\n                                    <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n                                {{/if}}\n                                {{#unless (eq price undefined)}}\n                                    <div class="autocomplete__product__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                                        {{#if (lt salePrice price)}}\n                                            <span class="autocomplete__product__price__original">{{currency price}}</span>\n                                            <span class="autocomplete__product__price__current" itemprop="price">{{currency salePrice}}</span>\n                                        {{else}}\n                                            <span class="autocomplete__product__price-__current" itemprop="price">{{currency price}}</span>\n                                        {{/if}}\n                                    </div>\n                                {{/unless}}\n                                <hawksearch-variant-selector></hawksearch-variant-selector>\n                            </div>\n                        </div>\n                    {{/each}}\n                </div>\n            </div>\n        {{/if}}\n        {{#if (or categories.results.length content.results.length queries.results.length)}}\n            <div class="column column--12 column-md--4">\n                {{#if productSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{productSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each productSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if contentSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{contentSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each contentSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if categories.results.length}}\n                    <span class="autocomplete__title autocomplete__title--categories">{{categories.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each categories.results}}\n                            <li>\n                                <a hawksearch-category-field="{{field}}" hawksearch-category-value="{{value}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if content.results.length}}\n                    <span class="autocomplete__title autocomplete__title--content">{{content.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each content.results}}\n                            <li>\n                                <a hawksearch-content="{{id}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if queries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{queries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each queries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n            </div>\n        {{/if}}\n    </div>\n    <div class="autocomplete__view-all">\n        <a hawksearch-view-all>{{viewAllText}}</a>\n    </div>\n</div>';
+const defaultHtml$u = '<div class="autocomplete">\n    <div class="row">\n        {{#if products.results.length}}\n            <div class="column column--12 column-md--8">\n                <span class="autocomplete__title autocomplete__title--products">{{products.title}}</span>\n                <div class="row autocomplete__products">\n                    {{#each products.results}}\n                        <div class="column column--12 column-sm--4">\n                            <div class="autocomplete__product">\n                                <a hawksearch-product="{{id}}" href="{{url}}" class="autocomplete__product__image">\n                                    <img hawksearch-image src="{{imageUrl}}" alt="" />\n                                </a>\n                                <span class="autocomplete__product__title">\n                                    <a hawksearch-product="{{id}}" href="{{url}}">{{html title}}</a>\n                                </span>\n                                {{#if rating}}\n                                    <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n                                {{/if}}\n                                {{#unless (eq price undefined)}}\n                                    <div class="autocomplete__product__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                                        {{#if (lt salePrice price)}}\n                                            <span class="autocomplete__product__price__original">{{currency price}}</span>\n                                            <span class="autocomplete__product__price__current" itemprop="price">{{currency salePrice}}</span>\n                                        {{else}}\n                                            <span class="autocomplete__product__price-__current" itemprop="price">{{currency price}}</span>\n                                        {{/if}}\n                                    </div>\n                                {{/unless}}\n                                <hawksearch-variant-selector></hawksearch-variant-selector>\n                            </div>\n                        </div>\n                    {{/each}}\n                </div>\n            </div>\n        {{/if}}\n        {{#if (or categories.results.length content.results.length queries.results.length)}}\n            <div class="column column--12 column-md--4">\n                {{#if productSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{productSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each productSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if contentSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{contentSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each contentSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if categories.results.length}}\n                    <span class="autocomplete__title autocomplete__title--categories">{{categories.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each categories.results}}\n                            <li>\n                                <a hawksearch-category-field="{{field}}" hawksearch-category-value="{{value}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if content.results.length}}\n                    <span class="autocomplete__title autocomplete__title--content">{{content.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each content.results}}\n                            <li>\n                                <a hawksearch-content="{{id}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if queries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{queries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each queries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n            </div>\n        {{/if}}\n    </div>\n    <div class="autocomplete__view-all">\n        <a hawksearch-view-all>{{viewAllText}}</a>\n    </div>\n</div>';
 class AutocompleteComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.bindFromEvent = true;
     this.componentName = "autocomplete";
-    this.defaultHtml = defaultHtml$t;
+    this.defaultHtml = defaultHtml$u;
   }
   renderContent() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -7656,7 +7656,7 @@ function decodeNested(value) {
 function escapeRegExp(value) {
   return escapeRegExp$1(value);
 }
-const defaultHtml$s = `<div class="checkbox-list-facet" {{attribute (concat 'style="max-height: ' maxHeight 'px;"') maxHeight}}>
+const defaultHtml$t = `<div class="checkbox-list-facet" {{attribute (concat 'style="max-height: ' maxHeight 'px;"') maxHeight}}>
     {{> facet-checkbox-list values}}
     {{#if showToggle}}
         <span hawksearch-facet-toggle class="link facet__toggle">{{strings.toggle}}</span>
@@ -7717,7 +7717,7 @@ class CheckboxListFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "checkbox-list-facet";
-    this.defaultHtml = defaultHtml$s;
+    this.defaultHtml = defaultHtml$t;
   }
   registerHelpers() {
     super.registerHelpers();
@@ -7771,7 +7771,7 @@ class CheckboxListFacetComponent extends BaseFacetComponent {
     };
   }
 }
-const defaultHtml$r = `<div class="color-facet">
+const defaultHtml$s = `<div class="color-facet">
     <div class="row row--tight color-facet__items">
         {{#each values}}
             {{#if visible}}
@@ -7806,7 +7806,7 @@ class ColorFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "color-facet";
-    this.defaultHtml = defaultHtml$r;
+    this.defaultHtml = defaultHtml$s;
   }
   renderContent() {
     return !!this.data;
@@ -7832,12 +7832,12 @@ class ColorFacetComponent extends BaseFacetComponent {
     };
   }
 }
-const defaultHtml$q = '<div class="date-range-facet">\n    <div class="row">\n        <div class="column column--6">\n            <hawksearch-date-picker\n                hawksearch-start\n                value="{{startValue}}"\n                min="{{minValue}}"\n                max="{{endValue}}"\n                label="{{strings.startDate}}"\n            ></hawksearch-date-picker>\n        </div>\n        <div class="column column--6">\n            <hawksearch-date-picker\n                hawksearch-end\n                value="{{endValue}}"\n                min="{{startValue}}"\n                max="{{maxValue}}"\n                label="{{strings.endDate}}"\n            ></hawksearch-date-picker>\n        </div>\n    </div>\n</div>';
+const defaultHtml$r = '<div class="date-range-facet">\n    <div class="row">\n        <div class="column column--6">\n            <hawksearch-date-picker\n                hawksearch-start\n                value="{{startValue}}"\n                min="{{minValue}}"\n                max="{{endValue}}"\n                label="{{strings.startDate}}"\n            ></hawksearch-date-picker>\n        </div>\n        <div class="column column--6">\n            <hawksearch-date-picker\n                hawksearch-end\n                value="{{endValue}}"\n                min="{{startValue}}"\n                max="{{maxValue}}"\n                label="{{strings.endDate}}"\n            ></hawksearch-date-picker>\n        </div>\n    </div>\n</div>';
 class DateRangeFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "date-range-facet";
-    this.defaultHtml = defaultHtml$q;
+    this.defaultHtml = defaultHtml$r;
   }
   get range() {
     var _a, _b;
@@ -7914,7 +7914,7 @@ class DateRangeFacetComponent extends BaseFacetComponent {
     HawkSearch.services.search.setFacetValue(this.data.field, `${(start == null ? void 0 : start.toISOString()) ?? ""},${(end == null ? void 0 : end.toISOString()) ?? ""}`);
   }
 }
-const defaultHtml$p = `<div class="link-list-facet" {{attribute (concat 'style="max-height: ' maxHeight 'px;"') maxHeight}}>
+const defaultHtml$q = `<div class="link-list-facet" {{attribute (concat 'style="max-height: ' maxHeight 'px;"') maxHeight}}>
     <ul class="link-list-facet__list">
         {{#each values}}
             {{#if visible}}
@@ -7941,7 +7941,7 @@ class LinkListFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "link-list-facet";
-    this.defaultHtml = defaultHtml$p;
+    this.defaultHtml = defaultHtml$q;
   }
   renderContent() {
     return !!this.data;
@@ -7966,12 +7966,12 @@ class LinkListFacetComponent extends BaseFacetComponent {
     };
   }
 }
-const defaultHtml$o = '<div class="numeric-range-facet">\n    <div class="row">\n        <div class="column column--6">\n            <input type="number" hawksearch-start value="{{start}}" min="{{min}}" max="{{end}}" aria-label="{{strings.minimum}}" />\n        </div>\n        <div class="column column--6">\n            <input type="number" hawksearch-end value="{{end}}" min="{{start}}" max="{{max}}" aria-label="{{strings.maximum}}" />\n        </div>\n    </div>\n</div>';
+const defaultHtml$p = '<div class="numeric-range-facet">\n    <div class="row">\n        <div class="column column--6">\n            <input type="number" hawksearch-start value="{{start}}" min="{{min}}" max="{{end}}" aria-label="{{strings.minimum}}" />\n        </div>\n        <div class="column column--6">\n            <input type="number" hawksearch-end value="{{end}}" min="{{start}}" max="{{max}}" aria-label="{{strings.maximum}}" />\n        </div>\n    </div>\n</div>';
 class NumericRangeFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "numeric-range-facet";
-    this.defaultHtml = defaultHtml$o;
+    this.defaultHtml = defaultHtml$p;
   }
   get range() {
     var _a, _b;
@@ -8035,12 +8035,12 @@ class NumericRangeFacetComponent extends BaseFacetComponent {
     HawkSearch.services.search.setFacetValue(this.data.field, `${start},${end}`);
   }
 }
-const defaultHtml$n = '<div class="range-slider-facet">\n    <div class="row">\n        <div class="column column--6">\n            <input type="number" hawksearch-start value="{{start}}" min="{{min}}" max="{{end}}" aria-label="{{strings.minimum}}" />\n        </div>\n        <div class="column column--6">\n            <input type="number" hawksearch-end value="{{end}}" min="{{start}}" max="{{max}}" aria-label="{{strings.maximum}}" />\n        </div>\n    </div>\n    <hawksearch-range-slider start="{{sliderStart}}" end="{{sliderEnd}}"></hawksearch-range-slider>\n</div>';
+const defaultHtml$o = '<div class="range-slider-facet">\n    <div class="row">\n        <div class="column column--6">\n            <input type="number" hawksearch-start value="{{start}}" min="{{min}}" max="{{end}}" aria-label="{{strings.minimum}}" />\n        </div>\n        <div class="column column--6">\n            <input type="number" hawksearch-end value="{{end}}" min="{{start}}" max="{{max}}" aria-label="{{strings.maximum}}" />\n        </div>\n    </div>\n    <hawksearch-range-slider start="{{sliderStart}}" end="{{sliderEnd}}"></hawksearch-range-slider>\n</div>';
 class RangeSliderFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "range-slider-facet";
-    this.defaultHtml = defaultHtml$n;
+    this.defaultHtml = defaultHtml$o;
   }
   get range() {
     var _a, _b;
@@ -8129,12 +8129,12 @@ class RangeSliderFacetComponent extends BaseFacetComponent {
     HawkSearch.services.search.setFacetValue(this.data.field, `${start.toFixed(2)},${end.toFixed(2)}`);
   }
 }
-const defaultHtml$m = '<div class="recent-searches-facet">\n    <ul class="recent-searches-facet__list">\n        {{#each values}}\n            <li class="recent-searches-facet__list__item">\n                <a hawksearch-query="{{this}}" class="facet__value">{{this}}</a>\n            </li>\n        {{/each}}\n    </ul>\n</div>';
+const defaultHtml$n = '<div class="recent-searches-facet">\n    <ul class="recent-searches-facet__list">\n        {{#each values}}\n            <li class="recent-searches-facet__list__item">\n                <a hawksearch-query="{{this}}" class="facet__value">{{this}}</a>\n            </li>\n        {{/each}}\n    </ul>\n</div>';
 class RecentSearchesFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "recent-searches-facet";
-    this.defaultHtml = defaultHtml$m;
+    this.defaultHtml = defaultHtml$n;
   }
   renderContent() {
     var _a, _b;
@@ -8160,12 +8160,12 @@ class RecentSearchesFacetComponent extends BaseFacetComponent {
     });
   }
 }
-const defaultHtml$l = '<div class="related-searches-facet">\n    <ul class="related-searches-facet__list">\n        {{#each values}}\n            <li class="related-searches-facet__list__item">\n                <a hawksearch-query="{{this}}" class="facet__value">{{this}}</a>\n            </li>\n        {{/each}}\n    </ul>\n</div>';
+const defaultHtml$m = '<div class="related-searches-facet">\n    <ul class="related-searches-facet__list">\n        {{#each values}}\n            <li class="related-searches-facet__list__item">\n                <a hawksearch-query="{{this}}" class="facet__value">{{this}}</a>\n            </li>\n        {{/each}}\n    </ul>\n</div>';
 class RelatedSearchesFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "related-searches-facet";
-    this.defaultHtml = defaultHtml$l;
+    this.defaultHtml = defaultHtml$m;
   }
   renderContent() {
     var _a, _b;
@@ -8191,12 +8191,12 @@ class RelatedSearchesFacetComponent extends BaseFacetComponent {
     });
   }
 }
-const defaultHtml$k = '<div class="search-within-facet">\n    <input type="text" hawksearch-input value="{{value}}" class="search-within-facet__input" aria-label="{{strings.label}}" />\n</div>';
+const defaultHtml$l = '<div class="search-within-facet">\n    <input type="text" hawksearch-input value="{{value}}" class="search-within-facet__input" aria-label="{{strings.label}}" />\n</div>';
 class SearchWithinFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "search-within-facet";
-    this.defaultHtml = defaultHtml$k;
+    this.defaultHtml = defaultHtml$l;
   }
   renderContent() {
     return !!this.data;
@@ -8222,7 +8222,7 @@ class SearchWithinFacetComponent extends BaseFacetComponent {
     });
   }
 }
-const defaultHtml$j = `<div class="size-facet">
+const defaultHtml$k = `<div class="size-facet">
     <div class="row row--tight size-facet__items">
         {{#each values}}
             {{#if visible}}
@@ -8257,7 +8257,7 @@ class SizeFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
     this.componentName = "size-facet";
-    this.defaultHtml = defaultHtml$j;
+    this.defaultHtml = defaultHtml$k;
   }
   renderContent() {
     return !!this.data;
@@ -8283,7 +8283,7 @@ class SizeFacetComponent extends BaseFacetComponent {
     };
   }
 }
-const defaultHtml$i = `<div class="facet">
+const defaultHtml$j = `<div class="facet">
     <div hawksearch-facet-heading class="facet__heading{{attribute ' facet__heading--collapsible' collapsible}}">
         {{title}}
         {{#if tooltip}}
@@ -8335,7 +8335,7 @@ class FacetWrapperComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "facet-wrapper";
-    this.defaultHtml = defaultHtml$i;
+    this.defaultHtml = defaultHtml$j;
     this.bindFromEvent = false;
   }
   renderContent() {
@@ -8386,7 +8386,7 @@ class FacetWrapperComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$h = `<div class="facets{{attribute ' facets--expanded' expanded}}">
+const defaultHtml$i = `<div class="facets{{attribute ' facets--expanded' expanded}}">
     <div hawksearch-mobile-toggle class="facets__heading">
         {{strings.heading}}
         <hawksearch-icon name="{{if-else expanded 'chevron-down' 'chevron-right'}}" size="1.5rem" class="facets__heading__mobile-toggle"></hawksearch-icon>
@@ -8401,7 +8401,7 @@ class FacetsListComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "facets-list";
-    this.defaultHtml = defaultHtml$h;
+    this.defaultHtml = defaultHtml$i;
     this.bindFromEvent = true;
     this.state = {
       expanded: false
@@ -8484,12 +8484,12 @@ class FacetsListComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$g = '<div class="modified-query">\n    <p>\n        {{strings.showingResultsFor}}\n        <span class="modified-query__modified">{{modifiedQuery}}</span>.\n        {{strings.searchInsteadFor}}\n        <a class="modified-query__original" hawksearch-query="{{query}}">{{query}}</a>.\n    </p>\n</div>';
+const defaultHtml$h = '<div class="modified-query">\n    <p>\n        {{strings.showingResultsFor}}\n        <span class="modified-query__modified">{{modifiedQuery}}</span>.\n        {{strings.searchInsteadFor}}\n        <a class="modified-query__original" hawksearch-query="{{query}}">{{query}}</a>.\n    </p>\n</div>';
 class ModifiedQueryComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "modified-query";
-    this.defaultHtml = defaultHtml$g;
+    this.defaultHtml = defaultHtml$h;
     this.bindFromEvent = true;
   }
   renderContent() {
@@ -8521,12 +8521,12 @@ class ModifiedQueryComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$f = '<div class="page-size">\n    <select hawksearch-page-size>\n        {{#each options}}\n            {{#if selected}}\n                <option value="{{pageSize}}" selected>{{title}}</option>\n            {{else}}\n                <option value="{{pageSize}}">{{title}}</option>\n            {{/if}}\n        {{/each}}\n    </select>\n</div>';
+const defaultHtml$g = '<div class="page-size">\n    <select hawksearch-page-size>\n        {{#each options}}\n            {{#if selected}}\n                <option value="{{pageSize}}" selected>{{title}}</option>\n            {{else}}\n                <option value="{{pageSize}}">{{title}}</option>\n            {{/if}}\n        {{/each}}\n    </select>\n</div>';
 class PageSizeComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "page-size";
-    this.defaultHtml = defaultHtml$f;
+    this.defaultHtml = defaultHtml$g;
     this.bindFromEvent = true;
   }
   renderContent() {
@@ -8550,12 +8550,12 @@ class PageSizeComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$e = '<div class="pagination">\n    {{#if strings.summary}}\n        <div class="pagination__summary">{{strings.summary}}</div>\n    {{/if}}\n    <div class="pagination__pages">\n        {{#if displayFirstLink}}\n            <span hawksearch-page="1" class="link pagination__page pagination__page--first" title="{{strings.first}}">\n                <hawksearch-icon name="chevron-back" size="1.2em"></hawksearch-icon>\n            </span>\n        {{/if}}\n        {{#if displayPreviousLink}}\n            <a\n                hawksearch-page="{{subtract page 1}}"\n                rel="prev"\n                href="{{pageUrl (subtract page 1)}}"\n                class="pagination__page pagination__page--previous"\n                title="{{strings.previous}}"\n            >\n                <hawksearch-icon name="chevron-left" size="1.2em"></hawksearch-icon>\n            </a>\n        {{/if}}\n        {{#each pages}}\n            {{#if (eq this @root.page)}}\n                <span class="pagination__page pagination__page--selected">{{this}}</span>\n            {{else}}\n                <a hawksearch-page="{{this}}" href="{{pageUrl this}}" class="pagination__page">{{this}}</a>\n            {{/if}}\n        {{/each}}\n        {{#if displayNextLink}}\n            <a\n                hawksearch-page="{{add page 1}}"\n                rel="next"\n                href="{{pageUrl (add page 1)}}"\n                class="pagination__page pagination__page--next"\n                title="{{strings.next}}"\n            >\n                <hawksearch-icon name="chevron-right" size="1.2em"></hawksearch-icon>\n            </a>\n        {{/if}}\n        {{#if displayLastLink}}\n            <span hawksearch-page="{{totalPages}}" class="link pagination__page pagination__page--last" title="{{strings.last}}">\n                <hawksearch-icon name="chevron-forward" size="1.2em"></hawksearch-icon>\n            </span>\n        {{/if}}\n    </div>\n</div>';
+const defaultHtml$f = '<div class="pagination">\n    {{#if strings.summary}}\n        <div class="pagination__summary">{{strings.summary}}</div>\n    {{/if}}\n    <div class="pagination__pages">\n        {{#if displayFirstLink}}\n            <span hawksearch-page="1" class="link pagination__page pagination__page--first" title="{{strings.first}}">\n                <hawksearch-icon name="chevron-back" size="1.2em"></hawksearch-icon>\n            </span>\n        {{/if}}\n        {{#if displayPreviousLink}}\n            <a\n                hawksearch-page="{{subtract page 1}}"\n                rel="prev"\n                href="{{pageUrl (subtract page 1)}}"\n                class="pagination__page pagination__page--previous"\n                title="{{strings.previous}}"\n            >\n                <hawksearch-icon name="chevron-left" size="1.2em"></hawksearch-icon>\n            </a>\n        {{/if}}\n        {{#each pages}}\n            {{#if (eq this @root.page)}}\n                <span class="pagination__page pagination__page--selected">{{this}}</span>\n            {{else}}\n                <a hawksearch-page="{{this}}" href="{{pageUrl this}}" class="pagination__page">{{this}}</a>\n            {{/if}}\n        {{/each}}\n        {{#if displayNextLink}}\n            <a\n                hawksearch-page="{{add page 1}}"\n                rel="next"\n                href="{{pageUrl (add page 1)}}"\n                class="pagination__page pagination__page--next"\n                title="{{strings.next}}"\n            >\n                <hawksearch-icon name="chevron-right" size="1.2em"></hawksearch-icon>\n            </a>\n        {{/if}}\n        {{#if displayLastLink}}\n            <span hawksearch-page="{{totalPages}}" class="link pagination__page pagination__page--last" title="{{strings.last}}">\n                <hawksearch-icon name="chevron-forward" size="1.2em"></hawksearch-icon>\n            </span>\n        {{/if}}\n    </div>\n</div>';
 class PaginationComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "pagination";
-    this.defaultHtml = defaultHtml$e;
+    this.defaultHtml = defaultHtml$f;
     this.bindFromEvent = true;
     this.defaultMaxPageLinks = 9;
   }
@@ -8645,12 +8645,12 @@ class PaginationComponent extends BaseComponent {
     return pages;
   }
 }
-const defaultHtml$d = '<div class="query-suggestions">\n    <p>{{query-suggestions querySuggestions}}</p>\n</div>';
+const defaultHtml$e = '<div class="query-suggestions">\n    <p>{{query-suggestions querySuggestions}}</p>\n</div>';
 class QuerySuggestionsComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "query-suggestions";
-    this.defaultHtml = defaultHtml$d;
+    this.defaultHtml = defaultHtml$e;
     this.bindFromEvent = true;
   }
   registerHelpers() {
@@ -8697,12 +8697,12 @@ class QuerySuggestionsComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$c = '<div class="search-field">\n    <input type="text" hawksearch-input value="{{query}}" placeholder="{{strings.placeholder}}" />\n    <hawksearch-autocomplete></hawksearch-autocomplete>\n</div>';
+const defaultHtml$d = '<div class="search-field">\n    <input type="text" hawksearch-input value="{{query}}" placeholder="{{strings.placeholder}}" />\n    <hawksearch-autocomplete></hawksearch-autocomplete>\n</div>';
 class SearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "search-field";
-    this.defaultHtml = defaultHtml$c;
+    this.defaultHtml = defaultHtml$d;
     this.bindFromEvent = true;
     this.previousValue = "";
   }
@@ -8810,12 +8810,12 @@ class SearchFieldComponent extends BaseComponent {
     HawkSearch.services.autocomplete.bindComponent(this.defaultAutocompleteResponse);
   }
 }
-const defaultHtml$b = '<div class="search-field">\n    <input type="text" hawksearch-input hawksearch-concept-search value="{{query}}" placeholder="{{strings.placeholder}}" />\n</div>';
+const defaultHtml$c = '<div class="search-field">\n    <input type="text" hawksearch-input hawksearch-concept-search value="{{query}}" placeholder="{{strings.placeholder}}" />\n</div>';
 class ConceptSearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "conceptsearch-field";
-    this.defaultHtml = defaultHtml$b;
+    this.defaultHtml = defaultHtml$c;
     this.bindFromEvent = true;
     this.previousValue = "";
   }
@@ -8877,12 +8877,12 @@ class ConceptSearchFieldComponent extends BaseComponent {
     HawkSearch.services.search.query({ queryString: query, requestType: "ConceptSearch" });
   }
 }
-const defaultHtml$a = '<div class="conversationalsearch">\n    <div class="conversationalsearch__body">\n        <ul class="conversationalsearch__message-list" hawksearch-message-list>\n            {{#each messages}}\n                {{#if (eq role "user")}}\n                    <li hawksearch-message-item class="conversationalsearch__message message--sent">\n                        <p>{{content}}</p>\n                    </li>\n                {{else if (eq role "assistant")}}\n                    <li hawksearch-message-item class="conversationalsearch__message message--received">\n                        <span class="message__icon">\n                            <hawksearch-icon name="sparkles" size="16"></hawksearch-icon>\n                        </span>\n                        <p>{{content}}</p>\n                    </li>\n                {{/if}}\n            {{/each}}\n            {{#if busy}}\n                <li class="conversationalsearch__message message--received">\n                    <div class="spinner"></div>\n                    <p>...</p>\n                </li>\n            {{/if}}\n        </ul>\n    </div>\n    <div class="conversationalsearch__footer">\n        <textarea hawksearch-message-input rows="0" cols="17" placeholder="Enter a message..."></textarea>\n        <button hawksearch-message-submit class="conversationalsearch__send-button" type="submit">\n            <hawksearch-icon name="send" size="16"></hawksearch-icon>\n        </button>\n        <button hawksearch-message-reset class="conversationalsearch__reset-button" type="reset">\n            <hawksearch-icon name="reset" size="16"></hawksearch-icon>\n        </button>\n    </div>\n</div>';
+const defaultHtml$b = '<div class="conversationalsearch">\n    <div class="conversationalsearch__body">\n        <ul class="conversationalsearch__message-list" hawksearch-message-list>\n            {{#each messages}}\n                {{#if (eq role "user")}}\n                    <li hawksearch-message-item class="conversationalsearch__message message--sent">\n                        <p>{{content}}</p>\n                    </li>\n                {{else if (eq role "assistant")}}\n                    <li hawksearch-message-item class="conversationalsearch__message message--received">\n                        <span class="message__icon">\n                            <hawksearch-icon name="sparkles" size="16"></hawksearch-icon>\n                        </span>\n                        <p>{{content}}</p>\n                    </li>\n                {{/if}}\n            {{/each}}\n            {{#if busy}}\n                <li class="conversationalsearch__message message--received">\n                    <div class="spinner"></div>\n                    <p>...</p>\n                </li>\n            {{/if}}\n        </ul>\n    </div>\n    <div class="conversationalsearch__footer">\n        <textarea hawksearch-message-input rows="0" cols="17" placeholder="Enter a message..."></textarea>\n        <button hawksearch-message-submit class="conversationalsearch__send-button" type="submit">\n            <hawksearch-icon name="send" size="16"></hawksearch-icon>\n        </button>\n        <button hawksearch-message-reset class="conversationalsearch__reset-button" type="reset">\n            <hawksearch-icon name="reset" size="16"></hawksearch-icon>\n        </button>\n    </div>\n</div>';
 class ConversationalSearchComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "conversationalsearch";
-    this.defaultHtml = defaultHtml$a;
+    this.defaultHtml = defaultHtml$b;
     this.bindFromEvent = true;
     this.firstMessage = true;
     this.busy = false;
@@ -9032,12 +9032,12 @@ class ConversationalSearchComponent extends BaseComponent {
     this.render();
   }
 }
-const defaultHtml$9 = '<div class="search-field">\n    <input type="text" hawksearch-input hawksearch-imagesearch-field value="{{query}}" placeholder="{{strings.placeholder}}" />\n</div>';
+const defaultHtml$a = '<div class="search-field">\n    <input type="text" hawksearch-input hawksearch-imagesearch-field value="{{query}}" placeholder="{{strings.placeholder}}" />\n</div>';
 class ImageSearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "imagesearch-field";
-    this.defaultHtml = defaultHtml$9;
+    this.defaultHtml = defaultHtml$a;
     this.bindFromEvent = true;
     this.previousValue = "";
   }
@@ -9099,12 +9099,12 @@ class ImageSearchFieldComponent extends BaseComponent {
     HawkSearch.services.search.query({ queryString: query, requestType: "ImageSearch" });
   }
 }
-const defaultHtml$8 = '<div class="search-results-list__item search-results-list__item--{{type}}">\n    {{#if pinned}}\n        <span class="search-results-list__item__pin">\n            <hawksearch-icon name="star"></hawksearch-icon>\n        </span>\n    {{/if}}\n    {{#if (eq type "product")}}\n        {{#if (lt salePrice price)}}\n            <span class="search-results-list__item__sale-indicator">{{strings.sale}}</span>\n        {{/if}}\n        <a hawksearch-link href="{{url}}" class="search-results-list__item__image" aria-label="{{title}}">\n            <img hawksearch-image src="{{imageUrl}}" alt="" />\n        </a>\n        <div class="search-results-list__item__title">\n            <a hawksearch-link href="{{url}}">{{title}}</a>\n        </div>\n        {{#if rating}}\n            <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n        {{/if}}\n        {{#unless (eq price undefined)}}\n            <div class="search-results-list__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                {{#if (lt salePrice price)}}\n                    <span class="search-results-list__item__price__original">{{currency price}}</span>\n                    <span class="search-results-list__item__price__current" itemprop="price">{{currency salePrice}}</span>\n                {{else}}\n                    <span class="search-results-list__item__price-__current" itemprop="price">{{currency price}}</span>\n                {{/if}}\n            </div>\n        {{/unless}}\n        <hawksearch-variant-selector></hawksearch-variant-selector>\n    {{else}}\n        <div class="row">\n            {{#if imageUrl}}\n                <div class="column column--12 column-sm--4">\n                    <a hawksearch-link href="{{url}}">\n                        <img hawksearch-image src="{{imageUrl}}" alt="" />\n                    </a>\n                </div>\n            {{/if}}\n            <div class="column column--12 column-sm--8 flex-align-self-sm-center">\n                <div class="search-results-list__item__title">\n                    <a hawksearch-link href="{{url}}">{{title}}</a>\n                </div>\n                {{#if description}}\n                    <p>{{description}}</p>\n                {{/if}}\n            </div>\n        </div>\n    {{/if}}\n</div>';
+const defaultHtml$9 = '<div class="search-results-list__item search-results-list__item--{{type}}">\n    {{#if pinned}}\n        <span class="search-results-list__item__pin">\n            <hawksearch-icon name="star"></hawksearch-icon>\n        </span>\n    {{/if}}\n    {{#if (eq type "product")}}\n        {{#if (lt salePrice price)}}\n            <span class="search-results-list__item__sale-indicator">{{strings.sale}}</span>\n        {{/if}}\n        <a hawksearch-link href="{{url}}" class="search-results-list__item__image" aria-label="{{title}}">\n            <img hawksearch-image src="{{imageUrl}}" alt="" />\n        </a>\n        <div class="search-results-list__item__title">\n            <a hawksearch-link href="{{url}}">{{title}}</a>\n        </div>\n        {{#if rating}}\n            <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n        {{/if}}\n        {{#unless (eq price undefined)}}\n            <div class="search-results-list__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                {{#if (lt salePrice price)}}\n                    <span class="search-results-list__item__price__original">{{currency price}}</span>\n                    <span class="search-results-list__item__price__current" itemprop="price">{{currency salePrice}}</span>\n                {{else}}\n                    <span class="search-results-list__item__price-__current" itemprop="price">{{currency price}}</span>\n                {{/if}}\n            </div>\n        {{/unless}}\n        <hawksearch-variant-selector></hawksearch-variant-selector>\n    {{else}}\n        <div class="row">\n            {{#if imageUrl}}\n                <div class="column column--12 column-sm--4">\n                    <a hawksearch-link href="{{url}}">\n                        <img hawksearch-image src="{{imageUrl}}" alt="" />\n                    </a>\n                </div>\n            {{/if}}\n            <div class="column column--12 column-sm--8 flex-align-self-sm-center">\n                <div class="search-results-list__item__title">\n                    <a hawksearch-link href="{{url}}">{{title}}</a>\n                </div>\n                {{#if description}}\n                    <p>{{description}}</p>\n                {{/if}}\n            </div>\n        </div>\n    {{/if}}\n</div>';
 class SearchResultsItemComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "search-results-item";
-    this.defaultHtml = defaultHtml$8;
+    this.defaultHtml = defaultHtml$9;
     this.bindFromEvent = false;
   }
   renderContent() {
@@ -9163,12 +9163,12 @@ class SearchResultsItemComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$7 = '<div class="row search-results-list">\n    {{#each items}}\n        {{#if (eq type "content")}}\n            <div class="column column--12">\n                <hawksearch-search-results-item></hawksearch-search-results-item>\n            </div>\n        {{else}}\n            <div class="column column--12 column-sm--6 column-lg--4">\n                <hawksearch-search-results-item></hawksearch-search-results-item>\n            </div>\n        {{/if}}\n    {{/each}}\n</div>';
+const defaultHtml$8 = '<div class="row search-results-list">\n    {{#each items}}\n        {{#if (eq type "content")}}\n            <div class="column column--12">\n                <hawksearch-search-results-item></hawksearch-search-results-item>\n            </div>\n        {{else}}\n            <div class="column column--12 column-sm--6 column-lg--4">\n                <hawksearch-search-results-item></hawksearch-search-results-item>\n            </div>\n        {{/if}}\n    {{/each}}\n</div>';
 class SearchResultsListComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "search-results-list";
-    this.defaultHtml = defaultHtml$7;
+    this.defaultHtml = defaultHtml$8;
     this.bindFromEvent = true;
   }
   renderContent() {
@@ -9188,12 +9188,12 @@ class SearchResultsListComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$6 = '<hawksearch-modified-query></hawksearch-modified-query>\n<hawksearch-query-suggestions></hawksearch-query-suggestions>\n<div class="row">\n    <div class="column column--12 column-md--4">\n        <hawksearch-content-zone name="LeftTop"></hawksearch-content-zone>\n        <hawksearch-facets-list></hawksearch-facets-list>\n        <hawksearch-content-zone name="LeftBottom"></hawksearch-content-zone>\n    </div>\n    <div class="column column--12 column-md--8">\n        <hawksearch-content-zone name="Top"></hawksearch-content-zone>\n        <hawksearch-content-zone name="Top2"></hawksearch-content-zone>\n        <hawksearch-tabs></hawksearch-tabs>\n        <hawksearch-selected-facets></hawksearch-selected-facets>\n        <div class="row">\n            <div class="column column--12 column-sm--6 flex-vertical-sm-center">\n                <hawksearch-pagination></hawksearch-pagination>\n            </div>\n            <div class="column column--12 column-md--6">\n                <div class="row row--tight">\n                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">\n                        <hawksearch-page-size></hawksearch-page-size>\n                    </div>\n                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">\n                        <hawksearch-sorting></hawksearch-sorting>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <hawksearch-search-results-list></hawksearch-search-results-list>\n        <hawksearch-content-zone name="Bottom"></hawksearch-content-zone>\n        <hawksearch-content-zone name="Bottom2"></hawksearch-content-zone>\n    </div>\n</div>';
+const defaultHtml$7 = '<hawksearch-modified-query></hawksearch-modified-query>\n<hawksearch-query-suggestions></hawksearch-query-suggestions>\n<div class="row">\n    <div class="column column--12 column-md--4">\n        <hawksearch-content-zone name="LeftTop"></hawksearch-content-zone>\n        <hawksearch-facets-list></hawksearch-facets-list>\n        <hawksearch-content-zone name="LeftBottom"></hawksearch-content-zone>\n    </div>\n    <div class="column column--12 column-md--8">\n        <hawksearch-content-zone name="Top"></hawksearch-content-zone>\n        <hawksearch-content-zone name="Top2"></hawksearch-content-zone>\n        <hawksearch-tabs></hawksearch-tabs>\n        <hawksearch-selected-facets></hawksearch-selected-facets>\n        <div class="row">\n            <div class="column column--12 column-sm--6 flex-vertical-sm-center">\n                <hawksearch-pagination></hawksearch-pagination>\n            </div>\n            <div class="column column--12 column-md--6">\n                <div class="row row--tight">\n                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">\n                        <hawksearch-page-size></hawksearch-page-size>\n                    </div>\n                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">\n                        <hawksearch-sorting></hawksearch-sorting>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <hawksearch-search-results-list></hawksearch-search-results-list>\n        <hawksearch-content-zone name="Bottom"></hawksearch-content-zone>\n        <hawksearch-content-zone name="Bottom2"></hawksearch-content-zone>\n    </div>\n</div>';
 class SearchResultsComponent extends BaseComponent {
   constructor() {
     super();
     this.componentName = "search-results";
-    this.defaultHtml = defaultHtml$6;
+    this.defaultHtml = defaultHtml$7;
     this.bindFromEvent = true;
     if (this.mode === "search-results") {
       HawkSearch.services.tracking.trackPageLoad(PageType.Custom);
@@ -9228,7 +9228,7 @@ class SearchResultsComponent extends BaseComponent {
     };
   }
 }
-const defaultHtml$5 = `<div class="flex-gap flex-gap--xs selected-facets">
+const defaultHtml$6 = `<div class="flex-gap flex-gap--xs selected-facets">
     {{#each selections}}
         <span class="selected-facets__item">
             <span class="selected-facets__item__field">{{title}}</span>
@@ -9248,7 +9248,7 @@ class SelectedFacetsComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "selected-facets";
-    this.defaultHtml = defaultHtml$5;
+    this.defaultHtml = defaultHtml$6;
     this.bindFromEvent = true;
   }
   renderContent() {
@@ -9331,7 +9331,7 @@ class SelectedFacetsComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$4 = `<span class="smartresponse" hawksearch-smartresponse>
+const defaultHtml$5 = `<span class="smartresponse" hawksearch-smartresponse>
     <div class="smartresponse__icon">
         {{#if busy}}
             <div class="spinner"></div>
@@ -9382,7 +9382,7 @@ class SmartResponseComponent extends BaseComponent {
     var _a, _b;
     super(...arguments);
     this.componentName = "smartresponse";
-    this.defaultHtml = defaultHtml$4;
+    this.defaultHtml = defaultHtml$5;
     this.bindFromEvent = false;
     this.active = true;
     this.busy = false;
@@ -9546,12 +9546,12 @@ class SmartResponseComponent extends BaseComponent {
     return cleanResults.slice(0, max);
   }
 }
-const defaultHtml$3 = '<div class="sorting">\n    <select hawksearch-sort>\n        {{#each options}}\n            {{#if selected}}\n                <option value="{{value}}" selected>{{title}}</option>\n            {{else}}\n                <option value="{{value}}">{{title}}</option>\n            {{/if}}\n        {{/each}}\n    </select>\n</div>';
+const defaultHtml$4 = '<div class="sorting">\n    <select hawksearch-sort>\n        {{#each options}}\n            {{#if selected}}\n                <option value="{{value}}" selected>{{title}}</option>\n            {{else}}\n                <option value="{{value}}">{{title}}</option>\n            {{/if}}\n        {{/each}}\n    </select>\n</div>';
 class SortingComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "sorting";
-    this.defaultHtml = defaultHtml$3;
+    this.defaultHtml = defaultHtml$4;
     this.bindFromEvent = true;
   }
   renderContent() {
@@ -9575,7 +9575,7 @@ class SortingComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$2 = `<ul class="tabs{{attribute ' tabs--list' (gt tabs.length 4)}}">
+const defaultHtml$3 = `<ul class="tabs{{attribute ' tabs--list' (gt tabs.length 4)}}">
     {{#each tabs}}
         <li class="tabs__item{{attribute ' tabs__item--selected' selected}}" hawksearch-tab-value="{{value}}">
             {{title}}
@@ -9587,7 +9587,7 @@ class TabsComponent extends BaseComponent {
   constructor() {
     super(...arguments);
     this.componentName = "tabs";
-    this.defaultHtml = defaultHtml$2;
+    this.defaultHtml = defaultHtml$3;
     this.bindFromEvent = true;
   }
   renderContent() {
@@ -9612,6 +9612,73 @@ class TabsComponent extends BaseComponent {
     });
   }
 }
+const defaultHtml$2 = '<div class="unifiedsearch-field">\n    <input type="text" hawksearch-input hawksearch-unified-search value="{{query}}" placeholder="{{strings.placeholder}}" />\n</div>';
+class UnifiedSearchFieldComponent extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    this.componentName = "unifiedsearch-field";
+    this.defaultHtml = defaultHtml$2;
+    this.bindFromEvent = true;
+    this.previousValue = "";
+  }
+  get searchOnKeyPress() {
+    var _a;
+    return ((_a = this.configuration) == null ? void 0 : _a.searchOnKeyPress) ?? false;
+  }
+  get searchMinCharacterCount() {
+    var _a;
+    return ((_a = this.configuration) == null ? void 0 : _a.searchMinCharacterCount) ?? 10;
+  }
+  get searchDebounceValue() {
+    var _a;
+    return ((_a = this.configuration) == null ? void 0 : _a.searchDebounceValue) ?? 350;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.rootElement.ownerDocument.removeEventListener("click", this.connectedCallback);
+  }
+  getContentModel() {
+    var _a, _b, _c;
+    return {
+      query: (_a = this.data) == null ? void 0 : _a.query,
+      strings: {
+        placeholder: ((_c = (_b = this.configuration) == null ? void 0 : _b.strings) == null ? void 0 : _c.placeholder) ?? "Enter Concept or Keyword"
+      }
+    };
+  }
+  onRender() {
+    super.onRender();
+    const enterKeys = ["Enter", "NumpadEnter"];
+    this.rootElement.querySelectorAll("[hawksearch-input]").forEach((e) => {
+      e.addEventListener("keyup", (event) => {
+        if (!enterKeys.includes(event.code)) {
+          return;
+        }
+        const element = event.currentTarget;
+        const query = element.value.trim();
+        this.handleSearchRequest(query);
+      });
+      const onKeyUp = (event) => {
+        const element = e;
+        const query = element.value.trim();
+        if (!this.searchOnKeyPress || query === this.previousValue) {
+          return;
+        }
+        if (query && query.length > this.searchMinCharacterCount) {
+          this.handleSearchRequest(query);
+        }
+      };
+      e.addEventListener("keyup", debounce(onKeyUp, this.searchDebounceValue));
+    });
+  }
+  handleSearchRequest(query) {
+    this.previousValue = query;
+    HawkSearch.services.search.query({ queryString: query, requestType: "UnifiedSearch" });
+  }
+}
 const defaultHtml$1 = '<div class="visualsearch-field">\n    <div class="visualsearch-field__drop-area" hawksearch-visualsearch-droparea>\n        <div class="visualsearch-field__drop-area__image-display" hawksearch-visualsearch-display></div>\n        <p class="visualsearch-field__drop-area__prompt-msg">\n            {{strings.dragImageMessage}}\n            <label class="visualsearch-field__drop-area__upload-button">\n                <input hawksearch-visualsearch-fileinput type="file" accept="image/*" capture="environment" />\n                {{strings.uploadImageMessage}}\n            </label>\n        </p>\n        <p class="visualsearch-field__drop-area__drop-msg">{{strings.dropImageMessage}}</p>\n    </div>\n</div>';
 class VisualSearchFieldComponent extends BaseComponent {
   constructor() {
@@ -10781,7 +10848,7 @@ class SearchService extends BaseService {
       if (facetType === "recent-searches") {
         const recentQueries = this.getRecentQueries();
         return recentQueries.map((s) => ({
-          title: s
+          title: this.decodeFacetValues ? decodeNestedURI(s) : s
         }));
       }
       return values == null ? void 0 : values.map((v) => {
@@ -11465,6 +11532,7 @@ class TrackingService extends BaseService {
       UniqueId: id,
       Url: url,
       TrackingId: HawkSearch.searchResponse.trackingId,
+      ElementNo: this.getElementNo(id),
       RequestPath: window.location.pathname,
       Qs: window.location.search,
       ScrollX: window.scrollX,
@@ -11522,6 +11590,21 @@ class TrackingService extends BaseService {
     localStorage.setItem("QueryId", queryId);
     return queryId;
   }
+  getElementNo(id) {
+    var _a, _b;
+    const searchResponse = HawkSearch.searchResponse;
+    if (!searchResponse || !searchResponse.results) {
+      return 0;
+    }
+    const itemIndex = searchResponse.results.findIndex((item) => item.id === id);
+    if (itemIndex === -1) {
+      return 0;
+    }
+    const pageSize = ((_a = searchResponse.pagination) == null ? void 0 : _a.pageSize) ?? 1;
+    const page = ((_b = searchResponse.pagination) == null ? void 0 : _b.page) ?? 1;
+    const itemPosition = itemIndex + 1;
+    return itemPosition + pageSize * (page - 1);
+  }
 }
 if (!window.HawkSearch) {
   window.HawkSearch = {};
@@ -11601,6 +11684,7 @@ HawkSearch$1.init = (config) => {
     "sorting": SortingComponent,
     "tabs": TabsComponent,
     "tooltip": TooltipComponent,
+    "unifiedsearch-field": UnifiedSearchFieldComponent,
     "variant-selector": VariantSelectorComponent,
     "visualsearch-field": VisualSearchFieldComponent
   };