@bridgeline-digital/hawksearch-handlebars-ui 6.3.3 → 6.3.4

package/dist/hawksearch-handlebars-ui.js

@@ -1,7 +1,7 @@
 /**
  * name: @bridgeline-digital/hawksearch-handlebars-ui
  *
- * version: v6.3.3
+ * version: v6.3.4
  *
  * description: The HawkSearch Handlebars UI package allows you to add a highly-customizable search results page to your website powered by HawkSearch.
  *
@@ -6020,7 +6020,7 @@ class BaseContentComponent extends BaseComponent {
     this.bindFromEvent = false;
   }
 }
-const defaultHtml$I = '<div class="custom-content">\n    {{html content}}\n</div>';
+const defaultHtml$I = '<div class="custom-content">\r\n    {{html content}}\r\n</div>';
 class CustomContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
@@ -6036,7 +6036,7 @@ class CustomContentComponent extends BaseContentComponent {
     };
   }
 }
-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>';
+const defaultHtml$H = '<div class="row featured-items-content">\r\n    {{#each items}}\r\n        {{#if (or (eq @root.zone "Top") (eq @root.zone "Top2") (eq @root.zone "Bottom") (eq @root.zone "Bottom2"))}}\r\n            {{#if (eq type "content")}}\r\n                <div class="column column--12">\r\n                    <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\r\n                </div>\r\n            {{else}}\r\n                <div class="column column--12 column-sm--6 column-lg--4">\r\n                    <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\r\n                </div>\r\n            {{/if}}\r\n        {{else}}\r\n            <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item>\r\n        {{/if}}\r\n    {{/each}}\r\n</div>';
 class FeaturedItemsContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
@@ -6062,7 +6062,7 @@ class FeaturedItemsContentComponent extends BaseContentComponent {
   }
 }
 const placeholderUrl = "data:image/png;base64,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";
-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>';
+const defaultHtml$G = '<div class="featured-items-content__item featured-items-content__item--{{type}}">\r\n    {{#if pinned}}\r\n        <span class="featured-items-content__item__pin">\r\n            <hawksearch-icon name="star"></hawksearch-icon>\r\n        </span>\r\n    {{/if}}\r\n    {{#if (eq type "product")}}\r\n        {{#if (lt salePrice price)}}\r\n            <span class="featured-items-content__item__sale-indicator">{{strings.sale}}</span>\r\n        {{/if}}\r\n        <a hawksearch-link href="{{url}}" class="featured-items-content__item__image" aria-label="{{title}}">\r\n            <img hawksearch-image src="{{imageUrl}}" alt="" />\r\n        </a>\r\n        <div class="featured-items-content__item__title">\r\n            <a hawksearch-link href="{{url}}">{{title}}</a>\r\n        </div>\r\n        {{#if rating}}\r\n            <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\r\n        {{/if}}\r\n        {{#unless (eq price undefined)}}\r\n            <div class="featured-items-content__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\r\n                {{#if (lt salePrice price)}}\r\n                    <span class="featured-items-content__item__price__original">{{currency price}}</span>\r\n                    <span class="featured-items-content__item__price__current" itemprop="price">{{currency salePrice}}</span>\r\n                {{else}}\r\n                    <span class="featured-items-content__item__price-__current" itemprop="price">{{currency price}}</span>\r\n                {{/if}}\r\n            </div>\r\n        {{/unless}}\r\n        <hawksearch-variant-selector></hawksearch-variant-selector>\r\n    {{else}}\r\n        <div class="row">\r\n            {{#if imageUrl}}\r\n                <div class="column column--12 column-sm--4">\r\n                    <a hawksearch-link href="{{url}}">\r\n                        <img hawksearch-image src="{{imageUrl}}" alt="" />\r\n                    </a>\r\n                </div>\r\n            {{/if}}\r\n            <div class="column column--12 column-sm--8 flex-align-self-sm-center">\r\n                <div class="featured-items-content__item__title">\r\n                    <a hawksearch-link href="{{url}}">{{title}}</a>\r\n                </div>\r\n                {{#if description}}\r\n                    <p>{{description}}</p>\r\n                {{/if}}\r\n            </div>\r\n        </div>\r\n    {{/if}}\r\n</div>';
 class FeaturedItemsContentItemComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -6127,7 +6127,7 @@ class FeaturedItemsContentItemComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$F = '<div class="image-content">\r\n    {{#if link}}\r\n        <a hawksearch-link href="{{link.url}}" target="{{link.target}}">\r\n            <img\r\n                src="{{image.url}}"\r\n                class="image-content__image"\r\n                height="{{image.height}}"\r\n                width="{{image.width}}"\r\n                alt="{{image.altText}}"\r\n                title="{{image.title}}"\r\n            />\r\n        </a>\r\n    {{else}}\r\n        <img\r\n            src="{{image.url}}"\r\n            class="image-content__image"\r\n            height="{{image.height}}"\r\n            width="{{image.width}}"\r\n            alt="{{image.altText}}"\r\n            title="{{image.title}}"\r\n        />\r\n    {{/if}}\r\n</div>';
 class ImageContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
@@ -6152,7 +6152,7 @@ class ImageContentComponent extends BaseContentComponent {
     HawkSearch.services.tracking.trackBannerImpression(this.data.id, this.data.campaignId);
   }
 }
-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>';
+const defaultHtml$E = '<div class="popular-queries-content">\r\n    {{#each items}}\r\n        <a hawksearch-query="{{query}}" class="popular-queries-content__item popular-queries-content__item--{{weight}}">{{query}}</a>\r\n    {{/each}}\r\n</div>';
 class PopularQueriesContentComponent extends BaseContentComponent {
   constructor() {
     super(...arguments);
@@ -6182,7 +6182,7 @@ class PopularQueriesContentComponent extends BaseContentComponent {
     });
   }
 }
-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>';
+const defaultHtml$D = '<div class="content-zone">\r\n    {{#each items}}\r\n        {{#if (eq type "custom")}}\r\n            <hawksearch-custom-content index="{{@index}}"></hawksearch-custom-content>\r\n        {{/if}}\r\n        {{#if (eq type "featured-items")}}\r\n            <hawksearch-featured-items-content index="{{@index}}"></hawksearch-featured-items-content>\r\n        {{/if}}\r\n        {{#if (eq type "image")}}\r\n            <hawksearch-image-content index="{{@index}}"></hawksearch-image-content>\r\n        {{/if}}\r\n        {{#if (eq type "popular-queries")}}\r\n            <hawksearch-popular-queries-content index="{{@index}}"></hawksearch-popular-queries-content>\r\n        {{/if}}\r\n    {{/each}}\r\n</div>';
 class ContentZoneComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -6324,84 +6324,84 @@ function formatNumber(value, decimals = 2) {
 function isQueryBase64Image(query) {
   return !!query && query.includes("data:image/");
 }
-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">
-            {{#if monthSelectorVisible}}
-                <div class="date-picker__modal__header">
-                    <span class="date-picker__modal__header__month">{{strings.selectMonth}}</span>
-                </div>
-                <div class="row">
-                    <div class="column column--12">
-                        <select hawksearch-month>
-                            {{#each months}}
-                                {{#if (eq this @root.currentMonth)}}
-                                    <option value="{{@index}}" selected>{{this}}</option>
-                                {{else}}
-                                    <option value="{{@index}}">{{this}}</option>
-                                {{/if}}
-                            {{/each}}
-                        </select>
-                    </div>
-                    <div class="column column--12">
-                        <select hawksearch-year>
-                            {{#each years}}
-                                {{#if (eq this @root.currentYear)}}
-                                    <option value="{{this}}" selected>{{this}}</option>
-                                {{else}}
-                                    <option value="{{this}}">{{this}}</option>
-                                {{/if}}
-                            {{/each}}
-                        </select>
-                    </div>
-                    <div class="column column--12">
-                        <button hawksearch-select-month class="button button--full-width">{{strings.viewCalendar}}</button>
-                    </div>
-                </div>
-            {{else}}
-                <div class="date-picker__modal__header">
-                    <a hawksearch-previous class="date-picker__modal__header__previous" title="{{strings.previous}}">
-                        <hawksearch-icon name="chevron-left"></hawksearch-icon>
-                    </a>
-                    <a hawksearch-month-selector class="date-picker__modal__header__month">{{strings.heading}}</a>
-                    <a hawksearch-next class="date-picker__modal__header__next" title="{{strings.next}}">
-                        <hawksearch-icon name="chevron-right"></hawksearch-icon>
-                    </a>
-                </div>
-                <table class="date-picker__calendar" cellspacing="0" cellpadding="0">
-                    <thead>
-                        <tr>
-                            <th scope="col">{{dayAbbreviation 0}}</th>
-                            <th scope="col">{{dayAbbreviation 1}}</th>
-                            <th scope="col">{{dayAbbreviation 2}}</th>
-                            <th scope="col">{{dayAbbreviation 3}}</th>
-                            <th scope="col">{{dayAbbreviation 4}}</th>
-                            <th scope="col">{{dayAbbreviation 5}}</th>
-                            <th scope="col">{{dayAbbreviation 6}}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {{#each weeks}}
-                            <tr>
-                                {{#each this}}
-                                    <td
-                                        hawksearch-date="{{value}}"
-                                        class="date-picker__calendar__day
-                                            {{attribute ' date-picker__calendar__day--alternate' (eq currentMonth false)}}
-                                            {{attribute ' date-picker__calendar__day--selected' selected}}
-                                            {{attribute ' date-picker__calendar__day--disabled' (eq enabled false)}}"
-                                    >
-                                        <span>{{dayOfMonth date}}</span>
-                                    </td>
-                                {{/each}}
-                            </tr>
-                        {{/each}}
-                    </tbody>
-                </table>
-            {{/if}}
-        </div>
-    {{/if}}
+const defaultHtml$C = `<div class="date-picker">\r
+    <input type="text" value="{{value}}" hawksearch-input readonly class="date-picker__input" aria-label="{{strings.label}}" />\r
+    {{#if modalVisible}}\r
+        <div hawksearch-modal class="date-picker__modal">\r
+            {{#if monthSelectorVisible}}\r
+                <div class="date-picker__modal__header">\r
+                    <span class="date-picker__modal__header__month">{{strings.selectMonth}}</span>\r
+                </div>\r
+                <div class="row">\r
+                    <div class="column column--12">\r
+                        <select hawksearch-month>\r
+                            {{#each months}}\r
+                                {{#if (eq this @root.currentMonth)}}\r
+                                    <option value="{{@index}}" selected>{{this}}</option>\r
+                                {{else}}\r
+                                    <option value="{{@index}}">{{this}}</option>\r
+                                {{/if}}\r
+                            {{/each}}\r
+                        </select>\r
+                    </div>\r
+                    <div class="column column--12">\r
+                        <select hawksearch-year>\r
+                            {{#each years}}\r
+                                {{#if (eq this @root.currentYear)}}\r
+                                    <option value="{{this}}" selected>{{this}}</option>\r
+                                {{else}}\r
+                                    <option value="{{this}}">{{this}}</option>\r
+                                {{/if}}\r
+                            {{/each}}\r
+                        </select>\r
+                    </div>\r
+                    <div class="column column--12">\r
+                        <button hawksearch-select-month class="button button--full-width">{{strings.viewCalendar}}</button>\r
+                    </div>\r
+                </div>\r
+            {{else}}\r
+                <div class="date-picker__modal__header">\r
+                    <a hawksearch-previous class="date-picker__modal__header__previous" title="{{strings.previous}}">\r
+                        <hawksearch-icon name="chevron-left"></hawksearch-icon>\r
+                    </a>\r
+                    <a hawksearch-month-selector class="date-picker__modal__header__month">{{strings.heading}}</a>\r
+                    <a hawksearch-next class="date-picker__modal__header__next" title="{{strings.next}}">\r
+                        <hawksearch-icon name="chevron-right"></hawksearch-icon>\r
+                    </a>\r
+                </div>\r
+                <table class="date-picker__calendar" cellspacing="0" cellpadding="0">\r
+                    <thead>\r
+                        <tr>\r
+                            <th scope="col">{{dayAbbreviation 0}}</th>\r
+                            <th scope="col">{{dayAbbreviation 1}}</th>\r
+                            <th scope="col">{{dayAbbreviation 2}}</th>\r
+                            <th scope="col">{{dayAbbreviation 3}}</th>\r
+                            <th scope="col">{{dayAbbreviation 4}}</th>\r
+                            <th scope="col">{{dayAbbreviation 5}}</th>\r
+                            <th scope="col">{{dayAbbreviation 6}}</th>\r
+                        </tr>\r
+                    </thead>\r
+                    <tbody>\r
+                        {{#each weeks}}\r
+                            <tr>\r
+                                {{#each this}}\r
+                                    <td\r
+                                        hawksearch-date="{{value}}"\r
+                                        class="date-picker__calendar__day\r
+                                            {{attribute ' date-picker__calendar__day--alternate' (eq currentMonth false)}}\r
+                                            {{attribute ' date-picker__calendar__day--selected' selected}}\r
+                                            {{attribute ' date-picker__calendar__day--disabled' (eq enabled false)}}"\r
+                                    >\r
+                                        <span>{{dayOfMonth date}}</span>\r
+                                    </td>\r
+                                {{/each}}\r
+                            </tr>\r
+                        {{/each}}\r
+                    </tbody>\r
+                </table>\r
+            {{/if}}\r
+        </div>\r
+    {{/if}}\r
 </div>`;
 class DatePickerComponent extends BaseComponent {
   constructor() {
@@ -6615,7 +6615,7 @@ 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$B = '{{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}}\r\n<svg height="{{height}}" width="{{width}}" focusable="false" aria-hidden="true" class="icon">\r\n    <use href="{{url}}"></use>\r\n</svg>';
 class IconComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -6652,7 +6652,7 @@ class IconComponent extends BaseComponent {
     };
   }
 }
-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>';
+const defaultHtml$A = '<div class="range-slider">\r\n    <div class="range-slider__container">\r\n        <div class="range-slider__bar">\r\n            <div class="range-slider__bar__active" hawksearch-bar style="left: {{start}}%; right: {{subtract 100 end}}%;"></div>\r\n        </div>\r\n        <span class="range-slider__handle range-slider__handle--start" title="{{strings.start}}" hawksearch-handle="start" style="left: {{start}}%;"></span>\r\n        <span class="range-slider__handle range-slider__handle--end" title="{{strings.end}}" hawksearch-handle="end" style="left: {{end}}%;"></span>\r\n    </div>\r\n</div>';
 class RangeSliderComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -6802,7 +6802,7 @@ class RangeSliderComponent extends BaseComponent {
     this.dispatchEvent(newEvent);
   }
 }
-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>';
+const defaultHtml$z = '<div class="rating" title="{{rating}}">\r\n    <hawksearch-icon name="{{ratingIcon rating 0}}" class="rating__icon"></hawksearch-icon>\r\n    <hawksearch-icon name="{{ratingIcon rating 1}}" class="rating__icon"></hawksearch-icon>\r\n    <hawksearch-icon name="{{ratingIcon rating 2}}" class="rating__icon"></hawksearch-icon>\r\n    <hawksearch-icon name="{{ratingIcon rating 3}}" class="rating__icon"></hawksearch-icon>\r\n    <hawksearch-icon name="{{ratingIcon rating 4}}" class="rating__icon"></hawksearch-icon>\r\n</div>';
 class RatingComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -6857,7 +6857,7 @@ class RatingComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$y = '<span class="tooltip" hawksearch-tooltip>\r\n    <span class="tooltip__icon">\r\n        <hawksearch-icon name="help" class="facet__heading__tooltip"></hawksearch-icon>\r\n    </span>\r\n    <span class="tooltip__content" hawksearch-tooltip-content>{{text}}</span>\r\n</span>';
 class TooltipComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -6933,7 +6933,7 @@ var SearchType = /* @__PURE__ */ ((SearchType2) => {
   SearchType2[SearchType2["Refinement"] = 2] = "Refinement";
   return SearchType2;
 })(SearchType || {});
-const defaultHtml$x = '{{#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}}\r\n    {{html customLayout}}\r\n{{else}}\r\n    <hawksearch-search-results mode="landing-page" url="{{url}}"></hawksearch-search-results>\r\n{{/if}}';
 class LandingPageComponent extends BaseComponent {
   constructor() {
     super();
@@ -6973,46 +6973,46 @@ class LandingPageComponent extends BaseComponent {
     return output;
   }
 }
-const defaultHtml$w = `<div class="recommendations">
-    {{#if headingEnabled}}
-        <h2 class="heading recommendations__heading">{{title}}</h2>
-    {{/if}}
-    <div class="recommendations__content">
-        {{#if (and carousel buttonsEnabled)}}
-            <a hawksearch-previous class="recommendations__button recommendations__button--previous" title="{{strings.previous}}">
-                <hawksearch-icon name="chevron-left"></hawksearch-icon>
-            </a>
-        {{/if}}
-        <div class="recommendations__carousel">
-            <div hawksearch-carousel class="recommendations__list{{attribute ' recommendations__list--carousel' carousel}}" style="left: {{carouselPosition}};">
-                {{#each items}}
-                    <div class="recommendations__carousel__item" style="width: {{@root.itemWidth}};">
-                        <hawksearch-recommendations-item widget-id="{{@root.id}}" request-id="{{@root.requestId}}"></hawksearch-recommendations-item>
-                    </div>
-                {{/each}}
-            </div>
-            {{#if (and carousel paginationEnabled)}}
-                <div class="recommendations__pagination">
-                    {{#each paginationItems}}
-                        <span
-                            hawksearch-carousel-item="{{@index}}"
-                            class="recommendations__pagination__item{{attribute ' recommendations__pagination__item--selected' selected}}"
-                            title="{{title}}"
-                        ></span>
-                    {{/each}}
-                </div>
-            {{/if}}
-        </div>
-        {{#if (and carousel buttonsEnabled)}}
-            <a
-                hawksearch-next
-                class="recommendations__button recommendations__button--next{{attribute ' recommendations__button--disabled' (eq nextEnabled false)}}"
-                title="{{strings.next}}"
-            >
-                <hawksearch-icon name="chevron-right"></hawksearch-icon>
-            </a>
-        {{/if}}
-    </div>
+const defaultHtml$w = `<div class="recommendations">\r
+    {{#if headingEnabled}}\r
+        <h2 class="heading recommendations__heading">{{title}}</h2>\r
+    {{/if}}\r
+    <div class="recommendations__content">\r
+        {{#if (and carousel buttonsEnabled)}}\r
+            <a hawksearch-previous class="recommendations__button recommendations__button--previous" title="{{strings.previous}}">\r
+                <hawksearch-icon name="chevron-left"></hawksearch-icon>\r
+            </a>\r
+        {{/if}}\r
+        <div class="recommendations__carousel">\r
+            <div hawksearch-carousel class="recommendations__list{{attribute ' recommendations__list--carousel' carousel}}" style="left: {{carouselPosition}};">\r
+                {{#each items}}\r
+                    <div class="recommendations__carousel__item" style="width: {{@root.itemWidth}};">\r
+                        <hawksearch-recommendations-item widget-id="{{@root.id}}" request-id="{{@root.requestId}}"></hawksearch-recommendations-item>\r
+                    </div>\r
+                {{/each}}\r
+            </div>\r
+            {{#if (and carousel paginationEnabled)}}\r
+                <div class="recommendations__pagination">\r
+                    {{#each paginationItems}}\r
+                        <span\r
+                            hawksearch-carousel-item="{{@index}}"\r
+                            class="recommendations__pagination__item{{attribute ' recommendations__pagination__item--selected' selected}}"\r
+                            title="{{title}}"\r
+                        ></span>\r
+                    {{/each}}\r
+                </div>\r
+            {{/if}}\r
+        </div>\r
+        {{#if (and carousel buttonsEnabled)}}\r
+            <a\r
+                hawksearch-next\r
+                class="recommendations__button recommendations__button--next{{attribute ' recommendations__button--disabled' (eq nextEnabled false)}}"\r
+                title="{{strings.next}}"\r
+            >\r
+                <hawksearch-icon name="chevron-right"></hawksearch-icon>\r
+            </a>\r
+        {{/if}}\r
+    </div>\r
 </div>`;
 class RecommendationsComponent extends BaseComponent {
   constructor() {
@@ -7257,7 +7257,7 @@ class RecommendationsComponent extends BaseComponent {
     this.dragOrigin = void 0;
   }
 }
-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>';
+const defaultHtml$v = '<div class="recommendations__item">\r\n    {{#if pinned}}\r\n        <span class="recommendations__item__pin">\r\n            <hawksearch-icon name="star"></hawksearch-icon>\r\n        </span>\r\n    {{/if}}\r\n    {{#if (lt salePrice price)}}\r\n        <span class="recommendations__item__sale-indicator">{{strings.sale}}</span>\r\n    {{/if}}\r\n    <a hawksearch-link href="{{url}}" class="recommendations__item__image" aria-label="{{title}}">\r\n        <img hawksearch-image src="{{imageUrl}}" alt="" />\r\n    </a>\r\n    <div class="recommendations__item__title">\r\n        <a hawksearch-link href="{{url}}">{{title}}</a>\r\n    </div>\r\n    {{#if rating}}\r\n        <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\r\n    {{/if}}\r\n    {{#unless (eq price undefined)}}\r\n        <div class="recommendations__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\r\n            {{#if (lt salePrice price)}}\r\n                <span class="recommendations__item__price__original">{{currency price}}</span>\r\n                <span class="recommendations__item__price__current" itemprop="price">{{currency salePrice}}</span>\r\n            {{else}}\r\n                <span class="recommendations__item__price-__current" itemprop="price">{{currency price}}</span>\r\n            {{/if}}\r\n        </div>\r\n    {{/unless}}\r\n    <hawksearch-variant-selector></hawksearch-variant-selector>\r\n</div>';
 class RecommendationsItemComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -7327,7 +7327,7 @@ class RecommendationsItemComponent extends BaseComponent {
     });
   }
 }
-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 productSuggestedQueries.results.length contentSuggestedQueries.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">\r\n    <div class="row">\r\n        {{#if products.results.length}}\r\n            <div class="column column--12 column-md--8">\r\n                <span class="autocomplete__title autocomplete__title--products">{{products.title}}</span>\r\n                <div class="row autocomplete__products">\r\n                    {{#each products.results}}\r\n                        <div class="column column--12 column-sm--4">\r\n                            <div class="autocomplete__product">\r\n                                <a hawksearch-product="{{id}}" href="{{url}}" class="autocomplete__product__image">\r\n                                    <img hawksearch-image src="{{imageUrl}}" alt="" />\r\n                                </a>\r\n                                <span class="autocomplete__product__title">\r\n                                    <a hawksearch-product="{{id}}" href="{{url}}">{{html title}}</a>\r\n                                </span>\r\n                                {{#if rating}}\r\n                                    <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\r\n                                {{/if}}\r\n                                {{#unless (eq price undefined)}}\r\n                                    <div class="autocomplete__product__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\r\n                                        {{#if (lt salePrice price)}}\r\n                                            <span class="autocomplete__product__price__original">{{currency price}}</span>\r\n                                            <span class="autocomplete__product__price__current" itemprop="price">{{currency salePrice}}</span>\r\n                                        {{else}}\r\n                                            <span class="autocomplete__product__price-__current" itemprop="price">{{currency price}}</span>\r\n                                        {{/if}}\r\n                                    </div>\r\n                                {{/unless}}\r\n                                <hawksearch-variant-selector></hawksearch-variant-selector>\r\n                            </div>\r\n                        </div>\r\n                    {{/each}}\r\n                </div>\r\n            </div>\r\n        {{/if}}\r\n        {{#if (or categories.results.length content.results.length queries.results.length productSuggestedQueries.results.length contentSuggestedQueries.results.length)}}\r\n            <div class="column column--12 column-md--4">\r\n                {{#if productSuggestedQueries.results.length}}\r\n                    <span class="autocomplete__title autocomplete__title--queries">{{productSuggestedQueries.title}}</span>\r\n                    <ul class="autocomplete__list">\r\n                        {{#each productSuggestedQueries.results}}\r\n                            <li>\r\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\r\n                            </li>\r\n                        {{/each}}\r\n                    </ul>\r\n                {{/if}}\r\n                {{#if contentSuggestedQueries.results.length}}\r\n                    <span class="autocomplete__title autocomplete__title--queries">{{contentSuggestedQueries.title}}</span>\r\n                    <ul class="autocomplete__list">\r\n                        {{#each contentSuggestedQueries.results}}\r\n                            <li>\r\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\r\n                            </li>\r\n                        {{/each}}\r\n                    </ul>\r\n                {{/if}}\r\n                {{#if categories.results.length}}\r\n                    <span class="autocomplete__title autocomplete__title--categories">{{categories.title}}</span>\r\n                    <ul class="autocomplete__list">\r\n                        {{#each categories.results}}\r\n                            <li>\r\n                                <a hawksearch-category-field="{{field}}" hawksearch-category-value="{{value}}" href="{{url}}">{{html title}}</a>\r\n                            </li>\r\n                        {{/each}}\r\n                    </ul>\r\n                {{/if}}\r\n                {{#if content.results.length}}\r\n                    <span class="autocomplete__title autocomplete__title--content">{{content.title}}</span>\r\n                    <ul class="autocomplete__list">\r\n                        {{#each content.results}}\r\n                            <li>\r\n                                <a hawksearch-content="{{id}}" href="{{url}}">{{html title}}</a>\r\n                            </li>\r\n                        {{/each}}\r\n                    </ul>\r\n                {{/if}}\r\n                {{#if queries.results.length}}\r\n                    <span class="autocomplete__title autocomplete__title--queries">{{queries.title}}</span>\r\n                    <ul class="autocomplete__list">\r\n                        {{#each queries.results}}\r\n                            <li>\r\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\r\n                            </li>\r\n                        {{/each}}\r\n                    </ul>\r\n                {{/if}}\r\n            </div>\r\n        {{/if}}\r\n    </div>\r\n    <div class="autocomplete__view-all">\r\n        <a hawksearch-view-all>{{viewAllText}}</a>\r\n    </div>\r\n</div>';
 class AutocompleteComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -7671,62 +7671,62 @@ function decodeNested(value) {
 function escapeRegExp(value) {
   return escapeRegExp$1(value);
 }
-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>
-    {{/if}}
+const defaultHtml$t = `<div class="checkbox-list-facet" {{attribute (concat 'style="max-height: ' maxHeight 'px;"') maxHeight}}>\r
+    {{> facet-checkbox-list values}}\r
+    {{#if showToggle}}\r
+        <span hawksearch-facet-toggle class="link facet__toggle">{{strings.toggle}}</span>\r
+    {{/if}}\r
 </div>`;
-const checkboxListPartialHtml = `{{#if length}}
-    <ul class="checkbox-list-facet__list">
-        {{#each this}}
-            {{#if visible}}
-                <li
-                    class="checkbox-list-facet__list__item{{attribute ' checkbox-list-facet__list__item--excluded' excluded}}{{attribute
-                            ' checkbox-list-facet__list__item--collapsible'
-                            hasChildren
-                        }}"
-                >
-                    <div class="checkbox-list-facet__list__item__content">
-                        {{#if selected}}
-                            <input id="{{@root.id}}-{{value}}" type="checkbox" checked hawksearch-facet-value value="{{value}}" />
-                        {{else}}
-                            <input id="{{@root.id}}-{{value}}" type="checkbox" hawksearch-facet-value value="{{value}}" />
-                        {{/if}}
-                        <label for="{{@root.id}}-{{value}}" class="facet__value">
-                            <span class="facet__value__title checkbox-list-facet__list__item__title">{{title}}</span>
-                            {{#if @root.displayCount}}
-                                <span class="facet__value__count checkbox-list-facet__list__item__count">({{count}})</span>
-                            {{/if}}
-                        </label>
-                        {{#if toggled}}
-                            {{> facet-checkbox-list children}}
-                        {{/if}}
-                    </div>
-                    {{#if (or @root.excludeEnabled hasChildren)}}
-                        <div class="checkbox-list-facet__list__item__actions">
-                            {{#if @root.excludeEnabled}}
-                                {{#if excluded}}
-                                    <span hawksearch-facet-value-include="{{value}}" class="checkbox-list-facet__list__item__actions__item" title="{{@root.strings.include}}">
-                                        <hawksearch-icon name="plus" class="facet__heading__actions__item"></hawksearch-icon>
-                                    </span>
-                                {{else}}
-                                    <span hawksearch-facet-value-exclude="{{value}}" class="checkbox-list-facet__list__item__actions__item" title="{{@root.strings.exclude}}">
-                                        <hawksearch-icon name="minus" class="facet__heading__actions__item"></hawksearch-icon>
-                                    </span>
-                                {{/if}}
-                            {{/if}}
-                            {{#if hasChildren}}
-                                <span hawksearch-facet-value-toggle="{{value}}" class="checkbox-list-facet__list__item__actions__item" title="{{if-else toggled @root.strings.collapse @root.strings.expand}}">
-                                    <hawksearch-icon name="{{if-else toggled 'chevron-down' 'chevron-right'}}" class="facet__heading__toggle"></hawksearch-icon>
-                                </span>
-                            {{/if}}
-                        </div>
-                    {{/if}}
-                </li>
-            {{/if}}
-        {{/each}}
-    </ul>
+const checkboxListPartialHtml = `{{#if length}}\r
+    <ul class="checkbox-list-facet__list">\r
+        {{#each this}}\r
+            {{#if visible}}\r
+                <li\r
+                    class="checkbox-list-facet__list__item{{attribute ' checkbox-list-facet__list__item--excluded' excluded}}{{attribute\r
+                            ' checkbox-list-facet__list__item--collapsible'\r
+                            hasChildren\r
+                        }}"\r
+                >\r
+                    <div class="checkbox-list-facet__list__item__content">\r
+                        {{#if selected}}\r
+                            <input id="{{@root.id}}-{{value}}" type="checkbox" checked hawksearch-facet-value value="{{value}}" />\r
+                        {{else}}\r
+                            <input id="{{@root.id}}-{{value}}" type="checkbox" hawksearch-facet-value value="{{value}}" />\r
+                        {{/if}}\r
+                        <label for="{{@root.id}}-{{value}}" class="facet__value">\r
+                            <span class="facet__value__title checkbox-list-facet__list__item__title">{{title}}</span>\r
+                            {{#if @root.displayCount}}\r
+                                <span class="facet__value__count checkbox-list-facet__list__item__count">({{count}})</span>\r
+                            {{/if}}\r
+                        </label>\r
+                        {{#if toggled}}\r
+                            {{> facet-checkbox-list children}}\r
+                        {{/if}}\r
+                    </div>\r
+                    {{#if (or @root.excludeEnabled hasChildren)}}\r
+                        <div class="checkbox-list-facet__list__item__actions">\r
+                            {{#if @root.excludeEnabled}}\r
+                                {{#if excluded}}\r
+                                    <span hawksearch-facet-value-include="{{value}}" class="checkbox-list-facet__list__item__actions__item" title="{{@root.strings.include}}">\r
+                                        <hawksearch-icon name="plus" class="facet__heading__actions__item"></hawksearch-icon>\r
+                                    </span>\r
+                                {{else}}\r
+                                    <span hawksearch-facet-value-exclude="{{value}}" class="checkbox-list-facet__list__item__actions__item" title="{{@root.strings.exclude}}">\r
+                                        <hawksearch-icon name="minus" class="facet__heading__actions__item"></hawksearch-icon>\r
+                                    </span>\r
+                                {{/if}}\r
+                            {{/if}}\r
+                            {{#if hasChildren}}\r
+                                <span hawksearch-facet-value-toggle="{{value}}" class="checkbox-list-facet__list__item__actions__item" title="{{if-else toggled @root.strings.collapse @root.strings.expand}}">\r
+                                    <hawksearch-icon name="{{if-else toggled 'chevron-down' 'chevron-right'}}" class="facet__heading__toggle"></hawksearch-icon>\r
+                                </span>\r
+                            {{/if}}\r
+                        </div>\r
+                    {{/if}}\r
+                </li>\r
+            {{/if}}\r
+        {{/each}}\r
+    </ul>\r
 {{/if}}`;
 class CheckboxListFacetComponent extends BaseFacetComponent {
   constructor() {
@@ -7786,36 +7786,36 @@ class CheckboxListFacetComponent extends BaseFacetComponent {
     };
   }
 }
-const defaultHtml$s = `<div class="color-facet">
-    <div class="row row--tight color-facet__items">
-        {{#each values}}
-            {{#if visible}}
-                <div hawksearch-facet-value="{{value}}" class="column column--2 color-facet__item{{attribute ' color-facet__item--selected' selected}}">
-                    {{#if color.imageUrl}}
-                        <img src="{{color.imageUrl}}" class="color-facet__item__image" alt="{{color.name}}" title="{{color.name}}" />
-                    {{else}}
-                        <div class="color-facet__item__box" style="background: {{color.hex}};"></div>
-                    {{/if}}
-                    {{#if @root.excludeEnabled}}
-                        <span class="color-facet__item__actions">
-                            {{#if excluded}}
-                                <span hawksearch-facet-value-include="{{value}}" class="color-facet__item__actions__item" title="{{strings.include}}">
-                                    <hawksearch-icon name="plus"></hawksearch-icon>
-                                </span>
-                            {{else}}
-                                <span hawksearch-facet-value-exclude="{{value}}" class="color-facet__item__actions__item" title="{{strings.exclude}}">
-                                    <hawksearch-icon name="minus"></hawksearch-icon>
-                                </span>
-                            {{/if}}
-                        </span>
-                    {{/if}}
-                </div>
-            {{/if}}
-        {{/each}}
-    </div>
-    {{#if showToggle}}
-        <span hawksearch-facet-toggle class="link facet__toggle">{{strings.toggle}}</span>
-    {{/if}}
+const defaultHtml$s = `<div class="color-facet">\r
+    <div class="row row--tight color-facet__items">\r
+        {{#each values}}\r
+            {{#if visible}}\r
+                <div hawksearch-facet-value="{{value}}" class="column column--2 color-facet__item{{attribute ' color-facet__item--selected' selected}}">\r
+                    {{#if color.imageUrl}}\r
+                        <img src="{{color.imageUrl}}" class="color-facet__item__image" alt="{{color.name}}" title="{{color.name}}" />\r
+                    {{else}}\r
+                        <div class="color-facet__item__box" style="background: {{color.hex}};"></div>\r
+                    {{/if}}\r
+                    {{#if @root.excludeEnabled}}\r
+                        <span class="color-facet__item__actions">\r
+                            {{#if excluded}}\r
+                                <span hawksearch-facet-value-include="{{value}}" class="color-facet__item__actions__item" title="{{strings.include}}">\r
+                                    <hawksearch-icon name="plus"></hawksearch-icon>\r
+                                </span>\r
+                            {{else}}\r
+                                <span hawksearch-facet-value-exclude="{{value}}" class="color-facet__item__actions__item" title="{{strings.exclude}}">\r
+                                    <hawksearch-icon name="minus"></hawksearch-icon>\r
+                                </span>\r
+                            {{/if}}\r
+                        </span>\r
+                    {{/if}}\r
+                </div>\r
+            {{/if}}\r
+        {{/each}}\r
+    </div>\r
+    {{#if showToggle}}\r
+        <span hawksearch-facet-toggle class="link facet__toggle">{{strings.toggle}}</span>\r
+    {{/if}}\r
 </div>`;
 class ColorFacetComponent extends BaseFacetComponent {
   constructor() {
@@ -7847,7 +7847,7 @@ class ColorFacetComponent extends BaseFacetComponent {
     };
   }
 }
-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>';
+const defaultHtml$r = '<div class="date-range-facet">\r\n    <div class="row">\r\n        <div class="column column--6">\r\n            <hawksearch-date-picker\r\n                hawksearch-start\r\n                value="{{startValue}}"\r\n                min="{{minValue}}"\r\n                max="{{endValue}}"\r\n                label="{{strings.startDate}}"\r\n            ></hawksearch-date-picker>\r\n        </div>\r\n        <div class="column column--6">\r\n            <hawksearch-date-picker\r\n                hawksearch-end\r\n                value="{{endValue}}"\r\n                min="{{startValue}}"\r\n                max="{{maxValue}}"\r\n                label="{{strings.endDate}}"\r\n            ></hawksearch-date-picker>\r\n        </div>\r\n    </div>\r\n</div>';
 class DateRangeFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
@@ -7929,28 +7929,28 @@ 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$q = `<div class="link-list-facet" {{attribute (concat 'style="max-height: ' maxHeight 'px;"') maxHeight}}>
-    <ul class="link-list-facet__list">
-        {{#each values}}
-            {{#if visible}}
-                <li class="link-list-facet__list__item">
-                    <span hawksearch-facet-value="{{value}}" class="link facet__value" tabindex="-1">
-                        {{#if imageUrl}}
-                            <img src="{{imageUrl}}" alt="{{title}}" title="{{title}}" class="facet__value__image" />
-                        {{else}}
-                            <span class="facet__value__title">{{title}}</span>
-                        {{/if}}
-                        {{#if @root.displayCount}}
-                            <span class="facet__value__count">({{count}})</span>
-                        {{/if}}
-                    </span>
-                </li>
-            {{/if}}
-        {{/each}}
-    </ul>
-    {{#if showToggle}}
-        <span hawksearch-facet-toggle class="link facet__toggle" tabindex="-1">{{strings.toggle}}</span>
-    {{/if}}
+const defaultHtml$q = `<div class="link-list-facet" {{attribute (concat 'style="max-height: ' maxHeight 'px;"') maxHeight}}>\r
+    <ul class="link-list-facet__list">\r
+        {{#each values}}\r
+            {{#if visible}}\r
+                <li class="link-list-facet__list__item">\r
+                    <span hawksearch-facet-value="{{value}}" class="link facet__value" tabindex="-1">\r
+                        {{#if imageUrl}}\r
+                            <img src="{{imageUrl}}" alt="{{title}}" title="{{title}}" class="facet__value__image" />\r
+                        {{else}}\r
+                            <span class="facet__value__title">{{title}}</span>\r
+                        {{/if}}\r
+                        {{#if @root.displayCount}}\r
+                            <span class="facet__value__count">({{count}})</span>\r
+                        {{/if}}\r
+                    </span>\r
+                </li>\r
+            {{/if}}\r
+        {{/each}}\r
+    </ul>\r
+    {{#if showToggle}}\r
+        <span hawksearch-facet-toggle class="link facet__toggle" tabindex="-1">{{strings.toggle}}</span>\r
+    {{/if}}\r
 </div>`;
 class LinkListFacetComponent extends BaseFacetComponent {
   constructor() {
@@ -7981,7 +7981,7 @@ class LinkListFacetComponent extends BaseFacetComponent {
     };
   }
 }
-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>';
+const defaultHtml$p = '<div class="numeric-range-facet">\r\n    <div class="row">\r\n        <div class="column column--6">\r\n            <input type="number" hawksearch-start value="{{start}}" min="{{min}}" max="{{end}}" aria-label="{{strings.minimum}}" />\r\n        </div>\r\n        <div class="column column--6">\r\n            <input type="number" hawksearch-end value="{{end}}" min="{{start}}" max="{{max}}" aria-label="{{strings.maximum}}" />\r\n        </div>\r\n    </div>\r\n</div>';
 class NumericRangeFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
@@ -8050,7 +8050,7 @@ class NumericRangeFacetComponent extends BaseFacetComponent {
     HawkSearch.services.search.setFacetValue(this.data.field, `${start},${end}`);
   }
 }
-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>';
+const defaultHtml$o = '<div class="range-slider-facet">\r\n    <div class="row">\r\n        <div class="column column--6">\r\n            <input type="number" hawksearch-start value="{{start}}" min="{{min}}" max="{{end}}" aria-label="{{strings.minimum}}" />\r\n        </div>\r\n        <div class="column column--6">\r\n            <input type="number" hawksearch-end value="{{end}}" min="{{start}}" max="{{max}}" aria-label="{{strings.maximum}}" />\r\n        </div>\r\n    </div>\r\n    <hawksearch-range-slider start="{{sliderStart}}" end="{{sliderEnd}}"></hawksearch-range-slider>\r\n</div>';
 class RangeSliderFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
@@ -8144,7 +8144,7 @@ class RangeSliderFacetComponent extends BaseFacetComponent {
     HawkSearch.services.search.setFacetValue(this.data.field, `${start.toFixed(2)},${end.toFixed(2)}`);
   }
 }
-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>';
+const defaultHtml$n = '<div class="recent-searches-facet">\r\n    <ul class="recent-searches-facet__list">\r\n        {{#each values}}\r\n            <li class="recent-searches-facet__list__item">\r\n                <a hawksearch-query="{{this}}" class="facet__value">{{this}}</a>\r\n            </li>\r\n        {{/each}}\r\n    </ul>\r\n</div>';
 class RecentSearchesFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
@@ -8175,7 +8175,7 @@ class RecentSearchesFacetComponent extends BaseFacetComponent {
     });
   }
 }
-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>';
+const defaultHtml$m = '<div class="related-searches-facet">\r\n    <ul class="related-searches-facet__list">\r\n        {{#each values}}\r\n            <li class="related-searches-facet__list__item">\r\n                <a hawksearch-query="{{this}}" class="facet__value">{{this}}</a>\r\n            </li>\r\n        {{/each}}\r\n    </ul>\r\n</div>';
 class RelatedSearchesFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
@@ -8206,7 +8206,7 @@ class RelatedSearchesFacetComponent extends BaseFacetComponent {
     });
   }
 }
-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>';
+const defaultHtml$l = '<div class="search-within-facet">\r\n    <input type="text" hawksearch-input value="{{value}}" class="search-within-facet__input" aria-label="{{strings.label}}" />\r\n</div>';
 class SearchWithinFacetComponent extends BaseFacetComponent {
   constructor() {
     super(...arguments);
@@ -8237,36 +8237,36 @@ class SearchWithinFacetComponent extends BaseFacetComponent {
     });
   }
 }
-const defaultHtml$k = `<div class="size-facet">
-    <div class="row row--tight size-facet__items">
-        {{#each values}}
-            {{#if visible}}
-                <div class="column column--3 size-facet__item{{attribute ' size-facet__item--selected' selected}}">
-                    <div hawksearch-facet-value="{{value}}" class="size-facet__item__outer">
-                        <div hawksearch-facet-value="{{value}}" class="size-facet__item__inner">
-                            {{title}}
-                        </div>
-                    </div>
-                    {{#if @root.excludeEnabled}}
-                        <span class="size-facet__item__actions">
-                            {{#if excluded}}
-                                <span hawksearch-facet-value-include="{{value}}" class="size-facet__item__actions__item" title="{{@root.strings.include}}">
-                                    <hawksearch-icon name="plus"></hawksearch-icon>
-                                </span>
-                            {{else}}
-                                <span hawksearch-facet-value-exclude="{{value}}" class="size-facet__item__actions__item" title="{{@root.strings.exclude}}">
-                                    <hawksearch-icon name="minus"></hawksearch-icon>
-                                </span>
-                            {{/if}}
-                        </span>
-                    {{/if}}
-                </div>
-            {{/if}}
-        {{/each}}
-    </div>
-    {{#if showToggle}}
-        <span hawksearch-facet-toggle class="link facet__toggle">{{strings.toggle}}</span>
-    {{/if}}
+const defaultHtml$k = `<div class="size-facet">\r
+    <div class="row row--tight size-facet__items">\r
+        {{#each values}}\r
+            {{#if visible}}\r
+                <div class="column column--3 size-facet__item{{attribute ' size-facet__item--selected' selected}}">\r
+                    <div hawksearch-facet-value="{{value}}" class="size-facet__item__outer">\r
+                        <div hawksearch-facet-value="{{value}}" class="size-facet__item__inner">\r
+                            {{title}}\r
+                        </div>\r
+                    </div>\r
+                    {{#if @root.excludeEnabled}}\r
+                        <span class="size-facet__item__actions">\r
+                            {{#if excluded}}\r
+                                <span hawksearch-facet-value-include="{{value}}" class="size-facet__item__actions__item" title="{{@root.strings.include}}">\r
+                                    <hawksearch-icon name="plus"></hawksearch-icon>\r
+                                </span>\r
+                            {{else}}\r
+                                <span hawksearch-facet-value-exclude="{{value}}" class="size-facet__item__actions__item" title="{{@root.strings.exclude}}">\r
+                                    <hawksearch-icon name="minus"></hawksearch-icon>\r
+                                </span>\r
+                            {{/if}}\r
+                        </span>\r
+                    {{/if}}\r
+                </div>\r
+            {{/if}}\r
+        {{/each}}\r
+    </div>\r
+    {{#if showToggle}}\r
+        <span hawksearch-facet-toggle class="link facet__toggle">{{strings.toggle}}</span>\r
+    {{/if}}\r
 </div>`;
 class SizeFacetComponent extends BaseFacetComponent {
   constructor() {
@@ -8298,53 +8298,53 @@ class SizeFacetComponent extends BaseFacetComponent {
     };
   }
 }
-const defaultHtml$j = `<div class="facet">
-    <div hawksearch-facet-heading class="facet__heading{{attribute ' facet__heading--collapsible' collapsible}}">
-        {{title}}
-        {{#if tooltip}}
-            <hawksearch-tooltip text="{{tooltip}}"></hawksearch-tooltip>
-        {{/if}}
-        {{#if collapsible}}
-            <hawksearch-icon name="{{if-else collapsed 'chevron-right' 'chevron-down'}}" size="1.5em" class="facet__heading__toggle"></hawksearch-icon>
-        {{/if}}
-    </div>
-    {{#unless collapsed}}
-        <div class="facet__content">
-            {{#if searchable}}
-                <input type="text" placeholder="Quick Lookup" hawksearch-facet-search value="{{filter}}" class="facet__search" />
-            {{/if}}
-            {{#if (eq type "checkbox")}}
-                <hawksearch-checkbox-list-facet hawksearch-facet></hawksearch-checkbox-list-facet>
-            {{/if}}
-            {{#if (eq type "color")}}
-                <hawksearch-color-facet hawksearch-facet></hawksearch-color-facet>
-            {{/if}}
-            {{#if (eq type "date-range")}}
-                <hawksearch-date-range-facet hawksearch-facet></hawksearch-date-range-facet>
-            {{/if}}
-            {{#if (eq type "link")}}
-                <hawksearch-link-list-facet hawksearch-facet></hawksearch-link-list-facet>
-            {{/if}}
-            {{#if (eq type "numeric-range")}}
-                <hawksearch-numeric-range-facet hawksearch-facet></hawksearch-numeric-range-facet>
-            {{/if}}
-            {{#if (eq type "range-slider")}}
-                <hawksearch-range-slider-facet hawksearch-facet></hawksearch-range-slider-facet>
-            {{/if}}
-            {{#if (eq type "recent-searches")}}
-                <hawksearch-recent-searches-facet hawksearch-facet></hawksearch-recent-searches-facet>
-            {{/if}}
-            {{#if (eq type "related-searches")}}
-                <hawksearch-related-searches-facet hawksearch-facet></hawksearch-related-searches-facet>
-            {{/if}}
-            {{#if (eq type "search")}}
-                <hawksearch-search-within-facet hawksearch-facet></hawksearch-search-within-facet>
-            {{/if}}
-            {{#if (eq type "size")}}
-                <hawksearch-size-facet hawksearch-facet></hawksearch-size-facet>
-            {{/if}}
-        </div>
-    {{/unless}}
+const defaultHtml$j = `<div class="facet">\r
+    <div hawksearch-facet-heading class="facet__heading{{attribute ' facet__heading--collapsible' collapsible}}">\r
+        {{title}}\r
+        {{#if tooltip}}\r
+            <hawksearch-tooltip text="{{tooltip}}"></hawksearch-tooltip>\r
+        {{/if}}\r
+        {{#if collapsible}}\r
+            <hawksearch-icon name="{{if-else collapsed 'chevron-right' 'chevron-down'}}" size="1.5em" class="facet__heading__toggle"></hawksearch-icon>\r
+        {{/if}}\r
+    </div>\r
+    {{#unless collapsed}}\r
+        <div class="facet__content">\r
+            {{#if searchable}}\r
+                <input type="text" placeholder="Quick Lookup" hawksearch-facet-search value="{{filter}}" class="facet__search" />\r
+            {{/if}}\r
+            {{#if (eq type "checkbox")}}\r
+                <hawksearch-checkbox-list-facet hawksearch-facet></hawksearch-checkbox-list-facet>\r
+            {{/if}}\r
+            {{#if (eq type "color")}}\r
+                <hawksearch-color-facet hawksearch-facet></hawksearch-color-facet>\r
+            {{/if}}\r
+            {{#if (eq type "date-range")}}\r
+                <hawksearch-date-range-facet hawksearch-facet></hawksearch-date-range-facet>\r
+            {{/if}}\r
+            {{#if (eq type "link")}}\r
+                <hawksearch-link-list-facet hawksearch-facet></hawksearch-link-list-facet>\r
+            {{/if}}\r
+            {{#if (eq type "numeric-range")}}\r
+                <hawksearch-numeric-range-facet hawksearch-facet></hawksearch-numeric-range-facet>\r
+            {{/if}}\r
+            {{#if (eq type "range-slider")}}\r
+                <hawksearch-range-slider-facet hawksearch-facet></hawksearch-range-slider-facet>\r
+            {{/if}}\r
+            {{#if (eq type "recent-searches")}}\r
+                <hawksearch-recent-searches-facet hawksearch-facet></hawksearch-recent-searches-facet>\r
+            {{/if}}\r
+            {{#if (eq type "related-searches")}}\r
+                <hawksearch-related-searches-facet hawksearch-facet></hawksearch-related-searches-facet>\r
+            {{/if}}\r
+            {{#if (eq type "search")}}\r
+                <hawksearch-search-within-facet hawksearch-facet></hawksearch-search-within-facet>\r
+            {{/if}}\r
+            {{#if (eq type "size")}}\r
+                <hawksearch-size-facet hawksearch-facet></hawksearch-size-facet>\r
+            {{/if}}\r
+        </div>\r
+    {{/unless}}\r
 </div>`;
 class FacetWrapperComponent extends BaseComponent {
   constructor() {
@@ -8401,16 +8401,16 @@ class FacetWrapperComponent extends BaseComponent {
     });
   }
 }
-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>
-    </div>
-    <div class="facets__content">
-        {{#each facets}}
-            <hawksearch-facet-wrapper hawksearch-facet-id="{{id}}"></hawksearch-facet-wrapper>
-        {{/each}}
-    </div>
+const defaultHtml$i = `<div class="facets{{attribute ' facets--expanded' expanded}}">\r
+    <div hawksearch-mobile-toggle class="facets__heading">\r
+        {{strings.heading}}\r
+        <hawksearch-icon name="{{if-else expanded 'chevron-down' 'chevron-right'}}" size="1.5rem" class="facets__heading__mobile-toggle"></hawksearch-icon>\r
+    </div>\r
+    <div class="facets__content">\r
+        {{#each facets}}\r
+            <hawksearch-facet-wrapper hawksearch-facet-id="{{id}}"></hawksearch-facet-wrapper>\r
+        {{/each}}\r
+    </div>\r
 </div>`;
 class FacetsListComponent extends BaseComponent {
   constructor() {
@@ -8499,7 +8499,7 @@ class FacetsListComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$h = '<div class="modified-query">\r\n    <p>\r\n        {{strings.showingResultsFor}}\r\n        <span class="modified-query__modified">{{modifiedQuery}}</span>.\r\n        {{strings.searchInsteadFor}}\r\n        <a class="modified-query__original" hawksearch-query="{{query}}">{{query}}</a>.\r\n    </p>\r\n</div>';
 class ModifiedQueryComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -8536,7 +8536,7 @@ class ModifiedQueryComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$g = '<div class="page-size">\r\n    <select hawksearch-page-size>\r\n        {{#each options}}\r\n            {{#if selected}}\r\n                <option value="{{pageSize}}" selected>{{title}}</option>\r\n            {{else}}\r\n                <option value="{{pageSize}}">{{title}}</option>\r\n            {{/if}}\r\n        {{/each}}\r\n    </select>\r\n</div>';
 class PageSizeComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -8565,7 +8565,7 @@ class PageSizeComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$f = '<div class="pagination">\r\n    {{#if strings.summary}}\r\n        <div class="pagination__summary">{{strings.summary}}</div>\r\n    {{/if}}\r\n    <div class="pagination__pages">\r\n        {{#if displayFirstLink}}\r\n            <span hawksearch-page="1" class="link pagination__page pagination__page--first" title="{{strings.first}}">\r\n                <hawksearch-icon name="chevron-back" size="1.2em"></hawksearch-icon>\r\n            </span>\r\n        {{/if}}\r\n        {{#if displayPreviousLink}}\r\n            <a\r\n                hawksearch-page="{{subtract page 1}}"\r\n                rel="prev"\r\n                href="{{pageUrl (subtract page 1)}}"\r\n                class="pagination__page pagination__page--previous"\r\n                title="{{strings.previous}}"\r\n            >\r\n                <hawksearch-icon name="chevron-left" size="1.2em"></hawksearch-icon>\r\n            </a>\r\n        {{/if}}\r\n        {{#each pages}}\r\n            {{#if (eq this @root.page)}}\r\n                <span class="pagination__page pagination__page--selected">{{this}}</span>\r\n            {{else}}\r\n                <a hawksearch-page="{{this}}" href="{{pageUrl this}}" class="pagination__page">{{this}}</a>\r\n            {{/if}}\r\n        {{/each}}\r\n        {{#if displayNextLink}}\r\n            <a\r\n                hawksearch-page="{{add page 1}}"\r\n                rel="next"\r\n                href="{{pageUrl (add page 1)}}"\r\n                class="pagination__page pagination__page--next"\r\n                title="{{strings.next}}"\r\n            >\r\n                <hawksearch-icon name="chevron-right" size="1.2em"></hawksearch-icon>\r\n            </a>\r\n        {{/if}}\r\n        {{#if displayLastLink}}\r\n            <span hawksearch-page="{{totalPages}}" class="link pagination__page pagination__page--last" title="{{strings.last}}">\r\n                <hawksearch-icon name="chevron-forward" size="1.2em"></hawksearch-icon>\r\n            </span>\r\n        {{/if}}\r\n    </div>\r\n</div>';
 class PaginationComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -8660,7 +8660,7 @@ class PaginationComponent extends BaseComponent {
     return pages;
   }
 }
-const defaultHtml$e = '<div class="query-suggestions">\n    <p>{{query-suggestions querySuggestions}}</p>\n</div>';
+const defaultHtml$e = '<div class="query-suggestions">\r\n    <p>{{query-suggestions querySuggestions}}</p>\r\n</div>';
 class QuerySuggestionsComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -8712,7 +8712,7 @@ class QuerySuggestionsComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$d = '<div class="search-field">\r\n    <input type="text" hawksearch-input value="{{query}}" placeholder="{{strings.placeholder}}" />\r\n    <hawksearch-autocomplete></hawksearch-autocomplete>\r\n</div>';
 class SearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -8885,7 +8885,7 @@ class SearchFieldComponent extends BaseComponent {
     }
   }
 }
-const defaultHtml$c = '<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">\r\n    <input type="text" hawksearch-input hawksearch-concept-search value="{{query}}" placeholder="{{strings.placeholder}}" />\r\n</div>';
 class ConceptSearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9008,7 +9008,7 @@ class ConceptSearchFieldComponent extends BaseComponent {
     }
   }
 }
-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>';
+const defaultHtml$b = '<div class="conversationalsearch">\r\n    <div class="conversationalsearch__body">\r\n        <ul class="conversationalsearch__message-list" hawksearch-message-list>\r\n            {{#each messages}}\r\n                {{#if (eq role "user")}}\r\n                    <li hawksearch-message-item class="conversationalsearch__message message--sent">\r\n                        <p>{{content}}</p>\r\n                    </li>\r\n                {{else if (eq role "assistant")}}\r\n                    <li hawksearch-message-item class="conversationalsearch__message message--received">\r\n                        <span class="message__icon">\r\n                            <hawksearch-icon name="sparkles" size="16"></hawksearch-icon>\r\n                        </span>\r\n                        <p>{{content}}</p>\r\n                    </li>\r\n                {{/if}}\r\n            {{/each}}\r\n            {{#if busy}}\r\n                <li class="conversationalsearch__message message--received">\r\n                    <div class="spinner"></div>\r\n                    <p>...</p>\r\n                </li>\r\n            {{/if}}\r\n        </ul>\r\n    </div>\r\n    <div class="conversationalsearch__footer">\r\n        <textarea hawksearch-message-input rows="0" cols="17" placeholder="Enter a message..."></textarea>\r\n        <button hawksearch-message-submit class="conversationalsearch__send-button" type="submit">\r\n            <hawksearch-icon name="send" size="16"></hawksearch-icon>\r\n        </button>\r\n        <button hawksearch-message-reset class="conversationalsearch__reset-button" type="reset">\r\n            <hawksearch-icon name="reset" size="16"></hawksearch-icon>\r\n        </button>\r\n    </div>\r\n</div>';
 class ConversationalSearchComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9168,7 +9168,7 @@ class ConversationalSearchComponent extends BaseComponent {
     this.render();
   }
 }
-const defaultHtml$a = '<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">\r\n    <input type="text" hawksearch-input hawksearch-imagesearch-field value="{{query}}" placeholder="{{strings.placeholder}}" />\r\n</div>';
 class ImageSearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9291,7 +9291,7 @@ class ImageSearchFieldComponent extends BaseComponent {
     }
   }
 }
-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>';
+const defaultHtml$9 = '<div class="search-results-list__item search-results-list__item--{{type}}">\r\n    {{#if pinned}}\r\n        <span class="search-results-list__item__pin">\r\n            <hawksearch-icon name="star"></hawksearch-icon>\r\n        </span>\r\n    {{/if}}\r\n    {{#if (eq type "product")}}\r\n        {{#if (lt salePrice price)}}\r\n            <span class="search-results-list__item__sale-indicator">{{strings.sale}}</span>\r\n        {{/if}}\r\n        <a hawksearch-link href="{{url}}" class="search-results-list__item__image" aria-label="{{title}}">\r\n            <img hawksearch-image src="{{imageUrl}}" alt="" />\r\n        </a>\r\n        <div class="search-results-list__item__title">\r\n            <a hawksearch-link href="{{url}}">{{title}}</a>\r\n        </div>\r\n        {{#if rating}}\r\n            <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\r\n        {{/if}}\r\n        {{#unless (eq price undefined)}}\r\n            <div class="search-results-list__item__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\r\n                {{#if (lt salePrice price)}}\r\n                    <span class="search-results-list__item__price__original">{{currency price}}</span>\r\n                    <span class="search-results-list__item__price__current" itemprop="price">{{currency salePrice}}</span>\r\n                {{else}}\r\n                    <span class="search-results-list__item__price-__current" itemprop="price">{{currency price}}</span>\r\n                {{/if}}\r\n            </div>\r\n        {{/unless}}\r\n        <hawksearch-variant-selector></hawksearch-variant-selector>\r\n    {{else}}\r\n        <div class="row">\r\n            {{#if imageUrl}}\r\n                <div class="column column--12 column-sm--4">\r\n                    <a hawksearch-link href="{{url}}">\r\n                        <img hawksearch-image src="{{imageUrl}}" alt="" />\r\n                    </a>\r\n                </div>\r\n            {{/if}}\r\n            <div class="column column--12 column-sm--8 flex-align-self-sm-center">\r\n                <div class="search-results-list__item__title">\r\n                    <a hawksearch-link href="{{url}}">{{title}}</a>\r\n                </div>\r\n                {{#if description}}\r\n                    <p>{{description}}</p>\r\n                {{/if}}\r\n            </div>\r\n        </div>\r\n    {{/if}}\r\n</div>';
 class SearchResultsItemComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9355,7 +9355,7 @@ class SearchResultsItemComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$8 = '<div class="row search-results-list">\r\n    {{#each items}}\r\n        {{#if (eq type "content")}}\r\n            <div class="column column--12">\r\n                <hawksearch-search-results-item></hawksearch-search-results-item>\r\n            </div>\r\n        {{else}}\r\n            <div class="column column--12 column-sm--6 column-lg--4">\r\n                <hawksearch-search-results-item></hawksearch-search-results-item>\r\n            </div>\r\n        {{/if}}\r\n    {{/each}}\r\n</div>';
 class SearchResultsListComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9380,7 +9380,7 @@ class SearchResultsListComponent extends BaseComponent {
     });
   }
 }
-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>';
+const defaultHtml$7 = '<hawksearch-modified-query></hawksearch-modified-query>\r\n<hawksearch-query-suggestions></hawksearch-query-suggestions>\r\n<div class="row">\r\n    <div class="column column--12 column-md--4">\r\n        <hawksearch-content-zone name="LeftTop"></hawksearch-content-zone>\r\n        <hawksearch-facets-list></hawksearch-facets-list>\r\n        <hawksearch-content-zone name="LeftBottom"></hawksearch-content-zone>\r\n    </div>\r\n    <div class="column column--12 column-md--8">\r\n        <hawksearch-content-zone name="Top"></hawksearch-content-zone>\r\n        <hawksearch-content-zone name="Top2"></hawksearch-content-zone>\r\n        <hawksearch-tabs></hawksearch-tabs>\r\n        <hawksearch-selected-facets></hawksearch-selected-facets>\r\n        <div class="row">\r\n            <div class="column column--12 column-sm--6 flex-vertical-sm-center">\r\n                <hawksearch-pagination></hawksearch-pagination>\r\n            </div>\r\n            <div class="column column--12 column-md--6">\r\n                <div class="row row--tight">\r\n                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">\r\n                        <hawksearch-page-size></hawksearch-page-size>\r\n                    </div>\r\n                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">\r\n                        <hawksearch-sorting></hawksearch-sorting>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <hawksearch-search-results-list></hawksearch-search-results-list>\r\n        <hawksearch-content-zone name="Bottom"></hawksearch-content-zone>\r\n        <hawksearch-content-zone name="Bottom2"></hawksearch-content-zone>\r\n    </div>\r\n</div>';
 class SearchResultsComponent extends BaseComponent {
   constructor() {
     super();
@@ -9420,21 +9420,21 @@ class SearchResultsComponent extends BaseComponent {
     };
   }
 }
-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>
-            <span class="selected-facets__item__value{{attribute ' selected-facets__item__value--excluded' excluded}}">{{selectionTitle}}</span>
-            <a
-                hawksearch-facet-field="{{field}}"
-                hawksearch-facet-value="{{selectionValue}}"
-                class="selected-facets__item__remove"
-                title="{{@root.strings.remove}}"
-            >
-                <hawksearch-icon name="cross" size="0.9em"></hawksearch-icon>
-            </a>
-        </span>
-    {{/each}}
+const defaultHtml$6 = `<div class="flex-gap flex-gap--xs selected-facets">\r
+    {{#each selections}}\r
+        <span class="selected-facets__item">\r
+            <span class="selected-facets__item__field">{{title}}</span>\r
+            <span class="selected-facets__item__value{{attribute ' selected-facets__item__value--excluded' excluded}}">{{selectionTitle}}</span>\r
+            <a\r
+                hawksearch-facet-field="{{field}}"\r
+                hawksearch-facet-value="{{selectionValue}}"\r
+                class="selected-facets__item__remove"\r
+                title="{{@root.strings.remove}}"\r
+            >\r
+                <hawksearch-icon name="cross" size="0.9em"></hawksearch-icon>\r
+            </a>\r
+        </span>\r
+    {{/each}}\r
 </div>`;
 class SelectedFacetsComponent extends BaseComponent {
   constructor() {
@@ -9523,51 +9523,51 @@ class SelectedFacetsComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$5 = `<span class="smartresponse" hawksearch-smartresponse>
-    <div class="smartresponse__icon">
-        {{#if busy}}
-            <div class="spinner"></div>
-        {{else}}
-            <hawksearch-icon name="sparkles"></hawksearch-icon>
-        {{/if}}
-    </div>
-    <div class="smartresponse__info {{attribute ' busy' busy}}">
-        {{#if strings.header}}
-            <h4 class="smartresponse__info__header">
-                {{strings.header}}
-            </h4>
-        {{/if}}
-        <div class="smartresponse__info__summary">
-            {{#if summary}}
-                {{#if summary.recommendation}}
-                    <div class="row">
-                        {{html summary.recommendation}}
-                    </div>
-                {{/if}}
-                {{#if summary.products}}
-                    <ul class="row">
-                        {{#each summary.products}}
-                            <li>
-                                <a hawksearch-link href="{{url}}" class="search-results-list__item__image" aria-label="{{name}}">
-                                    <img hawksearch-image src="{{imageUrl}}" alt="" />
-                                </a>
-                                <div class="search-results-list__item__title">
-                                    <a hawksearch-link href="{{url}}">{{name}}</a>
-                                </div>
-                            </li>
-                        {{/each}}
-                    </ul>
-                {{else}}
-                    {{#if summary.nosources}}
-                        <p>{{strings.nosources}}</p>
-                    {{/if}}
-                {{/if}}
-            {{/if}}
-        </div>
-    </div>
-    <div class="smartresponse__actions">
-        <div class="switch{{attribute ' on' active}}" smartresponse-switch></div>
-    </div>
+const defaultHtml$5 = `<span class="smartresponse" hawksearch-smartresponse>\r
+    <div class="smartresponse__icon">\r
+        {{#if busy}}\r
+            <div class="spinner"></div>\r
+        {{else}}\r
+            <hawksearch-icon name="sparkles"></hawksearch-icon>\r
+        {{/if}}\r
+    </div>\r
+    <div class="smartresponse__info {{attribute ' busy' busy}}">\r
+        {{#if strings.header}}\r
+            <h4 class="smartresponse__info__header">\r
+                {{strings.header}}\r
+            </h4>\r
+        {{/if}}\r
+        <div class="smartresponse__info__summary">\r
+            {{#if summary}}\r
+                {{#if summary.recommendation}}\r
+                    <div class="row">\r
+                        {{html summary.recommendation}}\r
+                    </div>\r
+                {{/if}}\r
+                {{#if summary.products}}\r
+                    <ul class="row">\r
+                        {{#each summary.products}}\r
+                            <li>\r
+                                <a hawksearch-link href="{{url}}" class="search-results-list__item__image" aria-label="{{name}}">\r
+                                    <img hawksearch-image src="{{imageUrl}}" alt="" />\r
+                                </a>\r
+                                <div class="search-results-list__item__title">\r
+                                    <a hawksearch-link href="{{url}}">{{name}}</a>\r
+                                </div>\r
+                            </li>\r
+                        {{/each}}\r
+                    </ul>\r
+                {{else}}\r
+                    {{#if summary.nosources}}\r
+                        <p>{{strings.nosources}}</p>\r
+                    {{/if}}\r
+                {{/if}}\r
+            {{/if}}\r
+        </div>\r
+    </div>\r
+    <div class="smartresponse__actions">\r
+        <div class="switch{{attribute ' on' active}}" smartresponse-switch></div>\r
+    </div>\r
 </span>`;
 class SmartResponseComponent extends BaseComponent {
   constructor() {
@@ -9729,7 +9729,7 @@ class SmartResponseComponent extends BaseComponent {
     return cleanResults.slice(0, max);
   }
 }
-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>';
+const defaultHtml$4 = '<div class="sorting">\r\n    <select hawksearch-sort>\r\n        {{#each options}}\r\n            {{#if selected}}\r\n                <option value="{{value}}" selected>{{title}}</option>\r\n            {{else}}\r\n                <option value="{{value}}">{{title}}</option>\r\n            {{/if}}\r\n        {{/each}}\r\n    </select>\r\n</div>';
 class SortingComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9758,13 +9758,13 @@ class SortingComponent extends BaseComponent {
     });
   }
 }
-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}}
-            {{#if @root.displayCount}}({{count}}){{/if}}
-        </li>
-    {{/each}}
+const defaultHtml$3 = `<ul class="tabs{{attribute ' tabs--list' (gt tabs.length 4)}}">\r
+    {{#each tabs}}\r
+        <li class="tabs__item{{attribute ' tabs__item--selected' selected}}" hawksearch-tab-value="{{value}}">\r
+            {{title}}\r
+            {{#if @root.displayCount}}({{count}}){{/if}}\r
+        </li>\r
+    {{/each}}\r
 </ul>`;
 class TabsComponent extends BaseComponent {
   constructor() {
@@ -9795,7 +9795,7 @@ 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    <hawksearch-autocomplete></hawksearch-autocomplete>\n</div>\n';
+const defaultHtml$2 = '<div class="unifiedsearch-field">\r\n    <input type="text" hawksearch-input hawksearch-unified-search value="{{query}}" placeholder="{{strings.placeholder}}" />\r\n    <hawksearch-autocomplete></hawksearch-autocomplete>\r\n</div>\r\n';
 class UnifiedSearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9972,7 +9972,7 @@ class UnifiedSearchFieldComponent extends BaseComponent {
     }
   }
 }
-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>';
+const defaultHtml$1 = '<div class="visualsearch-field">\r\n    <div class="visualsearch-field__drop-area" hawksearch-visualsearch-droparea>\r\n        <div class="visualsearch-field__drop-area__image-display" hawksearch-visualsearch-display></div>\r\n        <p class="visualsearch-field__drop-area__prompt-msg">\r\n            {{strings.dragImageMessage}}\r\n            <label class="visualsearch-field__drop-area__upload-button">\r\n                <input hawksearch-visualsearch-fileinput type="file" accept="image/*" capture="environment" />\r\n                {{strings.uploadImageMessage}}\r\n            </label>\r\n        </p>\r\n        <p class="visualsearch-field__drop-area__drop-msg">{{strings.dropImageMessage}}</p>\r\n    </div>\r\n</div>';
 class VisualSearchFieldComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9991,23 +9991,43 @@ class VisualSearchFieldComponent extends BaseComponent {
       return;
     const reader = new FileReader();
     reader.onload = (e) => {
-      var _a2;
       const img = new Image();
-      img.src = reader.result;
+      const tmpImage = new Image();
+      tmpImage.onload = () => {
+        var _a2, _b;
+        const isAvif = file && file.type === "image/avif";
+        if (isAvif) {
+          const canvas = document.createElement("canvas");
+          canvas.width = tmpImage.width;
+          canvas.height = tmpImage.height;
+          const ctx = canvas.getContext("2d");
+          if (ctx) {
+            ctx.drawImage(tmpImage, 0, 0);
+            const jpegBase64 = canvas.toDataURL("image/jpeg", 0.95);
+            img.src = jpegBase64;
+          }
+        } else {
+          img.src = reader.result;
+        }
+        const base64Data = img.src;
+        if (base64Data) {
+          this.previousValue = base64Data;
+          if (((_a2 = HawkSearch.config.search) == null ? void 0 : _a2.url) && window.location.pathname !== ((_b = HawkSearch.config.search) == null ? void 0 : _b.url)) {
+            localStorage.setItem("hawkimagedata", this.previousValue);
+          }
+          HawkSearch.services.search.query({
+            queryString: base64Data,
+            requestType: "ImageData"
+          });
+        }
+      };
+      tmpImage.src = reader.result;
       this.rootElement.querySelectorAll("[hawksearch-visualsearch-display]").forEach((e2) => {
         if (e2.lastChild) {
           e2.removeChild(e2.lastChild);
         }
         e2.appendChild(img);
       });
-      const base64Data = (_a2 = e.target) == null ? void 0 : _a2.result;
-      if (base64Data) {
-        this.previousValue = base64Data;
-        HawkSearch.services.search.query({
-          queryString: base64Data,
-          requestType: "ImageData"
-        });
-      }
     };
     reader.onerror = (error) => {
       this.triggerUploadFailed("file_read_unsuccessful", { error });
@@ -10098,22 +10118,22 @@ class VisualSearchFieldComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml = `{{#if (arrayHasObjectsWithValue items "color")}}
-    <div class="variant-selector-list">
-        {{#each (arrayFilterObjects items "color")}}
-            <div
-                hawksearch-variant="{{id}}"
-                class="variant-selector-list__item{{attribute ' variant-selector-list__item--selected' (eq id @root.selectedItem.id)}}"
-                title="{{color.name}}"
-            >
-                {{#if color.imageUrl}}
-                    <img src="{{color.imageUrl}}" class="variant-selector-list__item__image" alt="{{color.name}}" title="{{color.name}}" />
-                {{else}}
-                    <div class="variant-selector-list__item__box" style="background: {{color.hex}};"></div>
-                {{/if}}
-            </div>
-        {{/each}}
-    </div>
+const defaultHtml = `{{#if (arrayHasObjectsWithValue items "color")}}\r
+    <div class="variant-selector-list">\r
+        {{#each (arrayFilterObjects items "color")}}\r
+            <div\r
+                hawksearch-variant="{{id}}"\r
+                class="variant-selector-list__item{{attribute ' variant-selector-list__item--selected' (eq id @root.selectedItem.id)}}"\r
+                title="{{color.name}}"\r
+            >\r
+                {{#if color.imageUrl}}\r
+                    <img src="{{color.imageUrl}}" class="variant-selector-list__item__image" alt="{{color.name}}" title="{{color.name}}" />\r
+                {{else}}\r
+                    <div class="variant-selector-list__item__box" style="background: {{color.hex}};"></div>\r
+                {{/if}}\r
+            </div>\r
+        {{/each}}\r
+    </div>\r
 {{/if}}`;
 class VariantSelectorComponent extends BaseComponent {
   constructor() {
@@ -10989,6 +11009,10 @@ class SearchService extends BaseService {
     const performImageSearch = searchRequest.requestType === "ImageData";
     const rawRequestQuery = performImageSearch ? "ImageData" : searchRequest.requestType === "ImageSearch" ? "ImageText" : "Keyword";
     const rawRequestType = performImageSearch ? "ImageSearch" : searchRequest.requestType;
+    if (rawRequestType === "ImageSearch" && localStorage.getItem("hawkimagedata")) {
+      searchRequest.query = String(localStorage.getItem("hawkimagedata") ?? "");
+      localStorage.removeItem("hawkimagedata");
+    }
     const rawSearchRequest = {
       ClientData: {
         UserAgent: window.navigator.userAgent,