@bridgeline-digital/hawksearch-handlebars-ui 6.2.2 → 6.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/changelog.md +21 -2
  2. package/dist/hawksearch-handlebars-ui.cjs +2 -2
  3. package/dist/hawksearch-handlebars-ui.js +83 -32
  4. package/dist/hawksearch-handlebars-ui.min.js +39 -39
  5. package/dist/hawksearch-handlebars-ui.umd.cjs +2 -2
  6. package/dist/index.d.ts +18 -0
  7. package/docs/assets/highlight.css +15 -8
  8. package/docs/assets/search.js +1 -1
  9. package/docs/classes/Components.AutocompleteComponent.html +25 -3
  10. package/docs/classes/Components.BaseComponent.html +24 -2
  11. package/docs/classes/Components.BaseContentComponent.html +24 -2
  12. package/docs/classes/Components.BaseFacetComponent.html +24 -2
  13. package/docs/classes/Components.CheckboxListFacetComponent.html +25 -3
  14. package/docs/classes/Components.ColorFacetComponent.html +25 -3
  15. package/docs/classes/Components.ConceptSearchFieldComponent.html +24 -2
  16. package/docs/classes/Components.ContentZoneComponent.html +25 -3
  17. package/docs/classes/Components.ConversationalSearchComponent.html +25 -3
  18. package/docs/classes/Components.CustomContentComponent.html +24 -2
  19. package/docs/classes/Components.DatePickerComponent.html +25 -3
  20. package/docs/classes/Components.DateRangeFacetComponent.html +25 -3
  21. package/docs/classes/Components.FacetWrapperComponent.html +25 -3
  22. package/docs/classes/Components.FacetsListComponent.html +25 -3
  23. package/docs/classes/Components.FeaturedItemsContentComponent.html +25 -3
  24. package/docs/classes/Components.FeaturedItemsContentItemComponent.html +25 -3
  25. package/docs/classes/Components.IconComponent.html +25 -3
  26. package/docs/classes/Components.ImageContentComponent.html +24 -2
  27. package/docs/classes/Components.ImageSearchFieldComponent.html +24 -2
  28. package/docs/classes/Components.LandingPageComponent.html +25 -3
  29. package/docs/classes/Components.LinkListFacetComponent.html +24 -2
  30. package/docs/classes/Components.ModifiedQueryComponent.html +25 -3
  31. package/docs/classes/Components.NumericRangeFacetComponent.html +24 -2
  32. package/docs/classes/Components.PageSizeComponent.html +24 -2
  33. package/docs/classes/Components.PaginationComponent.html +25 -3
  34. package/docs/classes/Components.PopularQueriesContentComponent.html +24 -2
  35. package/docs/classes/Components.QuerySuggestionsComponent.html +25 -3
  36. package/docs/classes/Components.RangeSliderComponent.html +25 -3
  37. package/docs/classes/Components.RangeSliderFacetComponent.html +25 -3
  38. package/docs/classes/Components.RatingComponent.html +25 -3
  39. package/docs/classes/Components.RecentSearchesFacetComponent.html +24 -2
  40. package/docs/classes/Components.RecommendationsComponent.html +25 -3
  41. package/docs/classes/Components.RecommendationsItemComponent.html +25 -3
  42. package/docs/classes/Components.RelatedSearchesFacetComponent.html +24 -2
  43. package/docs/classes/Components.SearchFieldComponent.html +25 -3
  44. package/docs/classes/Components.SearchResultsComponent.html +25 -3
  45. package/docs/classes/Components.SearchResultsItemComponent.html +25 -3
  46. package/docs/classes/Components.SearchResultsListComponent.html +25 -3
  47. package/docs/classes/Components.SearchWithinFacetComponent.html +24 -2
  48. package/docs/classes/Components.SelectedFacetsComponent.html +25 -3
  49. package/docs/classes/Components.SizeFacetComponent.html +25 -3
  50. package/docs/classes/Components.SmartResponseComponent.html +25 -3
  51. package/docs/classes/Components.SortingComponent.html +24 -2
  52. package/docs/classes/Components.TabsComponent.html +24 -2
  53. package/docs/classes/Components.TooltipComponent.html +25 -3
  54. package/docs/classes/Components.UnifiedSearchFieldComponent.html +361 -0
  55. package/docs/classes/Components.VariantSelectorComponent.html +25 -3
  56. package/docs/classes/Components.VisualSearchFieldComponent.html +25 -3
  57. package/docs/enums/Models.AutocompleteItemType.html +1 -0
  58. package/docs/enums/Models.EventType.html +1 -0
  59. package/docs/enums/Models.PageType.html +1 -0
  60. package/docs/enums/Models.SearchType.html +1 -0
  61. package/docs/index.html +15 -3
  62. package/docs/interfaces/Configuration.HawkSearchComponents.html +5 -0
  63. package/docs/interfaces/Configuration.HawkSearchConfig.html +1 -1
  64. package/docs/interfaces/Configuration.SmartSearchFieldComponentConfig.html +2 -2
  65. package/docs/interfaces/Models.AutocompleteCategories.html +1 -0
  66. package/docs/interfaces/Models.AutocompleteCategory.html +1 -0
  67. package/docs/interfaces/Models.AutocompleteComponentModel.html +1 -0
  68. package/docs/interfaces/Models.AutocompleteContent.html +1 -0
  69. package/docs/interfaces/Models.AutocompleteContentResult.html +1 -0
  70. package/docs/interfaces/Models.AutocompleteProductResult.html +1 -0
  71. package/docs/interfaces/Models.AutocompleteProducts.html +1 -0
  72. package/docs/interfaces/Models.AutocompleteQueries.html +1 -0
  73. package/docs/interfaces/Models.AutocompleteQuery.html +1 -0
  74. package/docs/interfaces/Models.AutocompleteRequest.html +1 -0
  75. package/docs/interfaces/Models.AutocompleteResponse.html +1 -0
  76. package/docs/interfaces/Models.BaseComponentModel.html +1 -0
  77. package/docs/interfaces/Models.CalendarDay.html +1 -0
  78. package/docs/interfaces/Models.CheckboxListFacetComponentModel.html +1 -0
  79. package/docs/interfaces/Models.CheckboxListFacetValue.html +1 -0
  80. package/docs/interfaces/Models.ColorFacetComponentModel.html +1 -0
  81. package/docs/interfaces/Models.ColorFacetValue.html +1 -0
  82. package/docs/interfaces/Models.ContentConfiguration.html +1 -0
  83. package/docs/interfaces/Models.ContentType.html +1 -0
  84. package/docs/interfaces/Models.ContentZone.html +1 -0
  85. package/docs/interfaces/Models.ContentZoneComponentModel.html +1 -0
  86. package/docs/interfaces/Models.ContentZoneItem.html +1 -0
  87. package/docs/interfaces/Models.ContentZones.html +1 -0
  88. package/docs/interfaces/Models.ConversationalSearchComponentModel.html +1 -0
  89. package/docs/interfaces/Models.CustomContent.html +1 -0
  90. package/docs/interfaces/Models.CustomContentComponentModel.html +1 -0
  91. package/docs/interfaces/Models.CustomWidgetContent.html +1 -0
  92. package/docs/interfaces/Models.DateFacetRange.html +1 -0
  93. package/docs/interfaces/Models.DatePickerComponentModel.html +1 -0
  94. package/docs/interfaces/Models.DateRangeFacetComponentModel.html +1 -0
  95. package/docs/interfaces/Models.Facet.html +1 -0
  96. package/docs/interfaces/Models.FacetScrolling.html +1 -0
  97. package/docs/interfaces/Models.FacetSearch.html +1 -0
  98. package/docs/interfaces/Models.FacetTruncation.html +1 -0
  99. package/docs/interfaces/Models.FacetValue.html +1 -0
  100. package/docs/interfaces/Models.FacetValueColor.html +1 -0
  101. package/docs/interfaces/Models.FacetWrapperComponentModel.html +1 -0
  102. package/docs/interfaces/Models.FacetsListComponentModel.html +1 -0
  103. package/docs/interfaces/Models.FeaturedItemsContent.html +1 -0
  104. package/docs/interfaces/Models.FeaturedItemsContentComponentModel.html +1 -0
  105. package/docs/interfaces/Models.FeaturedItemsContentItem.html +1 -0
  106. package/docs/interfaces/Models.FeaturedItemsContentItemComponentModel.html +1 -0
  107. package/docs/interfaces/Models.IconComponentModel.html +1 -0
  108. package/docs/interfaces/Models.ImageContent.html +1 -0
  109. package/docs/interfaces/Models.ImageContentComponentModel.html +1 -0
  110. package/docs/interfaces/Models.Item.html +1 -0
  111. package/docs/interfaces/Models.ItemVariant.html +1 -0
  112. package/docs/interfaces/Models.LandingPageComponentModel.html +1 -0
  113. package/docs/interfaces/Models.LinkListFacetComponentModel.html +1 -0
  114. package/docs/interfaces/Models.LinkListFacetValue.html +1 -0
  115. package/docs/interfaces/Models.MessageItem.html +1 -0
  116. package/docs/interfaces/Models.MessageItemList.html +2 -1
  117. package/docs/interfaces/Models.ModifiedQueryComponentModel.html +1 -0
  118. package/docs/interfaces/Models.ModifiedQueryData.html +1 -0
  119. package/docs/interfaces/Models.NumericFacetRange.html +1 -0
  120. package/docs/interfaces/Models.NumericRangeFacetComponentModel.html +1 -0
  121. package/docs/interfaces/Models.PageSizeComponentModel.html +1 -0
  122. package/docs/interfaces/Models.Pagination.html +1 -0
  123. package/docs/interfaces/Models.PaginationComponentModel.html +1 -0
  124. package/docs/interfaces/Models.PaginationOption.html +1 -0
  125. package/docs/interfaces/Models.PopularQueriesContent.html +1 -0
  126. package/docs/interfaces/Models.PopularQueriesContentComponentModel.html +1 -0
  127. package/docs/interfaces/Models.PopularQueriesContentItem.html +1 -0
  128. package/docs/interfaces/Models.QuerySuggestionsComponentModel.html +1 -0
  129. package/docs/interfaces/Models.QuerySuggestionsData.html +1 -0
  130. package/docs/interfaces/Models.RangeSliderComponentModel.html +1 -0
  131. package/docs/interfaces/Models.RangeSliderEventData.html +1 -0
  132. package/docs/interfaces/Models.RangeSliderFacetComponentModel.html +1 -0
  133. package/docs/interfaces/Models.RatingComponentModel.html +1 -0
  134. package/docs/interfaces/Models.RecentSearchesFacetComponentModel.html +1 -0
  135. package/docs/interfaces/Models.RecommendationsCarouselData.html +232 -0
  136. package/docs/interfaces/Models.RecommendationsComponentModel.html +7 -0
  137. package/docs/interfaces/Models.RecommendationsItem.html +1 -0
  138. package/docs/interfaces/Models.RecommendationsItemComponentModel.html +1 -0
  139. package/docs/interfaces/Models.RecommendationsRequest.html +1 -0
  140. package/docs/interfaces/Models.RecommendationsResponse.html +1 -0
  141. package/docs/interfaces/Models.RecommendationsWidget.html +6 -0
  142. package/docs/interfaces/Models.Redirect.html +1 -0
  143. package/docs/interfaces/Models.RelatedSearchesFacetComponentModel.html +1 -0
  144. package/docs/interfaces/Models.SearchFieldComponentModel.html +1 -0
  145. package/docs/interfaces/Models.SearchRequest.html +1 -0
  146. package/docs/interfaces/Models.SearchResponse.html +1 -0
  147. package/docs/interfaces/Models.SearchResultsComponentModel.html +1 -0
  148. package/docs/interfaces/Models.SearchResultsItem.html +1 -0
  149. package/docs/interfaces/Models.SearchResultsItemComponentModel.html +1 -0
  150. package/docs/interfaces/Models.SearchResultsItemVariant.html +1 -0
  151. package/docs/interfaces/Models.SearchResultsListComponentModel.html +1 -0
  152. package/docs/interfaces/Models.SearchWithinFacetComponentModel.html +1 -0
  153. package/docs/interfaces/Models.SelectedFacet.html +1 -0
  154. package/docs/interfaces/Models.SelectedFacetValue.html +1 -0
  155. package/docs/interfaces/Models.SelectedFacetsComponentModel.html +1 -0
  156. package/docs/interfaces/Models.SeoConfiguration.html +1 -0
  157. package/docs/interfaces/Models.SizeFacetComponentModel.html +1 -0
  158. package/docs/interfaces/Models.SizeFacetValue.html +1 -0
  159. package/docs/interfaces/Models.SmartResponseComponentModel.html +1 -0
  160. package/docs/interfaces/Models.SmartResponseRequest.html +1 -0
  161. package/docs/interfaces/Models.SmartResponseResponse.html +1 -0
  162. package/docs/interfaces/Models.SmartSearchFieldComponentModel.html +3 -2
  163. package/docs/interfaces/Models.Sorting.html +1 -0
  164. package/docs/interfaces/Models.SortingComponentModel.html +1 -0
  165. package/docs/interfaces/Models.SortingOption.html +1 -0
  166. package/docs/interfaces/Models.TabsComponentModel.html +1 -0
  167. package/docs/interfaces/Models.TooltipComponentModel.html +1 -0
  168. package/docs/interfaces/Models.VariantSelectorComponentModel.html +1 -0
  169. package/docs/interfaces/Models.Variants.html +1 -0
  170. package/docs/interfaces/Models.VisualSearchFieldComponentModel.html +1 -0
  171. package/docs/modules/Components.html +3 -1
  172. package/docs/modules/Models.html +3 -1
  173. package/docs/types/Models.FacetState.html +1 -0
  174. package/docs/types/Models.FacetType.html +1 -0
  175. package/docs/types/Models.FacetValueState.html +1 -0
  176. package/docs/types/Models.IconName.html +1 -0
  177. package/docs/types/Models.ItemType.html +1 -0
  178. package/docs/types/Models.MessageRole.html +1 -0
  179. package/docs/types/Models.RequestType.html +1 -0
  180. package/docs/types/Models.SearchResultsMode.html +1 -0
  181. package/docs/types/Models.SearchTypes.html +1 -0
  182. package/docs/types/Models.SelectedFacets.html +1 -0
  183. package/package.json +1 -1
package/docs/classes/Components.RangeSliderComponent.html CHANGED
@@ -47,7 +47,7 @@
47
47
  <p>This event fires repeatedly while the user is dragging the handles; it does not wait until the user deselects a handle.</p>
48
48
  <p><em>Note: The <code>min</code> and <code>max</code> values will always be between <code>0</code> and <code>100</code> inclusive.</em></p>
49
49
  <a id="md:default-template" class="tsd-anchor"></a><h2><a href="#md:default-template">Default Template</a></h2><p>The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.</p>
50
- <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__container&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__bar&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__bar__active&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">bar</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{start}}%; right: {{subtract 100 end}}%;&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__handle range-slider__handle--start&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.start}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">handle</span><span class="hl-2">=</span><span class="hl-7">&quot;start&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{start}}%;&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__handle range-slider__handle--end&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.end}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">handle</span><span class="hl-2">=</span><span class="hl-7">&quot;end&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{end}}%;&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
50
+ <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__container&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__bar&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__bar__active&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">bar</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{start}}%; right: {{subtract 100 end}}%;&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__handle range-slider__handle--start&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.start}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">handle</span><span class="hl-2">=</span><span class="hl-7">&quot;start&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{start}}%;&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider__handle range-slider__handle--end&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.end}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">handle</span><span class="hl-2">=</span><span class="hl-7">&quot;end&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{end}}%;&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
51
51
  </code><button>Copy</button></pre>
52
52
  </div>
53
53
  <div class="tsd-comment tsd-typography"></div></section>
@@ -90,6 +90,7 @@
90
90
  <a href="Components.RangeSliderComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
91
91
  <a href="Components.RangeSliderComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
92
92
  <a href="Components.RangeSliderComponent.html#renderContent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
93
+ <a href="Components.RangeSliderComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
93
94
  </div></section></div></details></section></section>
94
95
  <section class="tsd-panel-group tsd-member-group">
95
96
  <h2>Properties</h2>
@@ -273,7 +274,26 @@
273
274
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
274
275
 
275
276
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
276
- <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
277
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
278
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
279
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
280
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
281
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
282
+ <li class="tsd-description">
283
+ <section class="tsd-panel">
284
+ <h4>Type Parameters</h4>
285
+ <ul class="tsd-type-parameter-list">
286
+ <li>
287
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
288
+ <div class="tsd-parameters">
289
+ <h4 class="tsd-parameters-title">Parameters</h4>
290
+ <ul class="tsd-parameter-list">
291
+ <li>
292
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
293
+ <li>
294
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
295
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
296
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
277
297
  <div class="col-sidebar">
278
298
  <div class="page-menu">
279
299
  <div class="tsd-navigation settings">
@@ -319,7 +339,8 @@
319
339
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
320
340
  <li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
321
341
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
322
- <li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
342
+ <li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
343
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
323
344
  <div class="site-menu">
324
345
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
325
346
  <ul class="tsd-small-nested-navigation">
@@ -372,6 +393,7 @@
372
393
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
373
394
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
374
395
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
396
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
375
397
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
376
398
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
377
399
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
package/docs/classes/Components.RangeSliderFacetComponent.html CHANGED
@@ -37,7 +37,7 @@
37
37
  </tbody></table>
38
38
  <p>These attributes should be placed on number input elements. When these elements lose focus (blurred), the entered range will be applied as a facet value.</p>
39
39
  <a id="md:default-template" class="tsd-anchor"></a><h2><a href="#md:default-template">Default Template</a></h2><p>The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.</p>
40
- <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider-facet&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--6&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">input</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2">=</span><span class="hl-7">&quot;number&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">start</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{start}}&quot;</span><span class="hl-2"> </span><span class="hl-9">min</span><span class="hl-2">=</span><span class="hl-7">&quot;{{min}}&quot;</span><span class="hl-2"> </span><span class="hl-9">max</span><span class="hl-2">=</span><span class="hl-7">&quot;{{end}}&quot;</span><span class="hl-2"> </span><span class="hl-9">aria</span><span class="hl-2">-</span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.minimum}}&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--6&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">input</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2">=</span><span class="hl-7">&quot;number&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">end</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{end}}&quot;</span><span class="hl-2"> </span><span class="hl-9">min</span><span class="hl-2">=</span><span class="hl-7">&quot;{{start}}&quot;</span><span class="hl-2"> </span><span class="hl-9">max</span><span class="hl-2">=</span><span class="hl-7">&quot;{{max}}&quot;</span><span class="hl-2"> </span><span class="hl-9">aria</span><span class="hl-2">-</span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.maximum}}&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">range</span><span class="hl-2">-</span><span class="hl-9">slider</span><span class="hl-2"> </span><span class="hl-9">start</span><span class="hl-2">=</span><span class="hl-7">&quot;{{sliderStart}}&quot;</span><span class="hl-2"> </span><span class="hl-9">end</span><span class="hl-2">=</span><span class="hl-7">&quot;{{sliderEnd}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">range</span><span class="hl-2">-</span><span class="hl-13">slider</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
40
+ <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;range-slider-facet&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--6&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">input</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2">=</span><span class="hl-7">&quot;number&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">start</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{start}}&quot;</span><span class="hl-2"> </span><span class="hl-9">min</span><span class="hl-2">=</span><span class="hl-7">&quot;{{min}}&quot;</span><span class="hl-2"> </span><span class="hl-9">max</span><span class="hl-2">=</span><span class="hl-7">&quot;{{end}}&quot;</span><span class="hl-2"> </span><span class="hl-9">aria</span><span class="hl-2">-</span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.minimum}}&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--6&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">input</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2">=</span><span class="hl-7">&quot;number&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">end</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{end}}&quot;</span><span class="hl-2"> </span><span class="hl-9">min</span><span class="hl-2">=</span><span class="hl-7">&quot;{{start}}&quot;</span><span class="hl-2"> </span><span class="hl-9">max</span><span class="hl-2">=</span><span class="hl-7">&quot;{{max}}&quot;</span><span class="hl-2"> </span><span class="hl-9">aria</span><span class="hl-2">-</span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.maximum}}&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">range</span><span class="hl-2">-</span><span class="hl-9">slider</span><span class="hl-2"> </span><span class="hl-9">start</span><span class="hl-2">=</span><span class="hl-7">&quot;{{sliderStart}}&quot;</span><span class="hl-2"> </span><span class="hl-9">end</span><span class="hl-2">=</span><span class="hl-7">&quot;{{sliderEnd}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">range</span><span class="hl-2">-</span><span class="hl-14">slider</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
41
41
  </code><button>Copy</button></pre>
42
42
  </div>
43
43
  <div class="tsd-comment tsd-typography"></div></section>
@@ -77,6 +77,7 @@
77
77
  <a href="Components.RangeSliderFacetComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
78
78
  <a href="Components.RangeSliderFacetComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
79
79
  <a href="Components.RangeSliderFacetComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
80
+ <a href="Components.RangeSliderFacetComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
80
81
  </div></section></div></details></section></section>
81
82
  <section class="tsd-panel-group tsd-member-group">
82
83
  <h2>Properties</h2>
@@ -229,7 +230,26 @@
229
230
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
230
231
 
231
232
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
232
- <p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
233
+ <p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
234
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
235
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
236
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
237
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
238
+ <li class="tsd-description">
239
+ <section class="tsd-panel">
240
+ <h4>Type Parameters</h4>
241
+ <ul class="tsd-type-parameter-list">
242
+ <li>
243
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
244
+ <div class="tsd-parameters">
245
+ <h4 class="tsd-parameters-title">Parameters</h4>
246
+ <ul class="tsd-parameter-list">
247
+ <li>
248
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
249
+ <li>
250
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
251
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
252
+ <p>Inherited from <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
233
253
  <div class="col-sidebar">
234
254
  <div class="page-menu">
235
255
  <div class="tsd-navigation settings">
@@ -271,7 +291,8 @@
271
291
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
272
292
  <li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
273
293
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
274
- <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
294
+ <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
295
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
275
296
  <div class="site-menu">
276
297
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
277
298
  <ul class="tsd-small-nested-navigation">
@@ -324,6 +345,7 @@
324
345
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
325
346
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
326
347
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
348
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
327
349
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
328
350
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
329
351
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
package/docs/classes/Components.RatingComponent.html CHANGED
@@ -52,7 +52,7 @@
52
52
  </tbody></table>
53
53
  <p>This helper function returns the icon name to display for a given rating and star number (1-5)</p>
54
54
  <a id="md:default-template" class="tsd-anchor"></a><h2><a href="#md:default-template">Default Template</a></h2><p>The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.</p>
55
- <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 0}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 1}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 2}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 3}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 4}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
55
+ <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 0}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 1}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 2}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 3}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{ratingIcon rating 4}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;rating__icon&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
56
56
  </code><button>Copy</button></pre>
57
57
  </div>
58
58
  <div class="tsd-comment tsd-typography"></div></section>
@@ -91,6 +91,7 @@
91
91
  <a href="Components.RatingComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
92
92
  <a href="Components.RatingComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
93
93
  <a href="Components.RatingComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
94
+ <a href="Components.RatingComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
94
95
  </div></section></div></details></section></section>
95
96
  <section class="tsd-panel-group tsd-member-group">
96
97
  <h2>Properties</h2>
@@ -239,7 +240,26 @@
239
240
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
240
241
 
241
242
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
242
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
243
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
244
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
245
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
246
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
247
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
248
+ <li class="tsd-description">
249
+ <section class="tsd-panel">
250
+ <h4>Type Parameters</h4>
251
+ <ul class="tsd-type-parameter-list">
252
+ <li>
253
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
254
+ <div class="tsd-parameters">
255
+ <h4 class="tsd-parameters-title">Parameters</h4>
256
+ <ul class="tsd-parameter-list">
257
+ <li>
258
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
259
+ <li>
260
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
261
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
262
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
243
263
  <div class="col-sidebar">
244
264
  <div class="page-menu">
245
265
  <div class="tsd-navigation settings">
@@ -281,7 +301,8 @@
281
301
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
282
302
  <li><a href="#registerHelpers" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
283
303
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
284
- <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
304
+ <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
305
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
285
306
  <div class="site-menu">
286
307
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
287
308
  <ul class="tsd-small-nested-navigation">
@@ -334,6 +355,7 @@
334
355
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
335
356
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
336
357
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
358
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
337
359
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
338
360
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
339
361
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
package/docs/classes/Components.RecentSearchesFacetComponent.html CHANGED
@@ -73,6 +73,7 @@
73
73
  <a href="Components.RecentSearchesFacetComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
74
74
  <a href="Components.RecentSearchesFacetComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
75
75
  <a href="Components.RecentSearchesFacetComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
76
+ <a href="Components.RecentSearchesFacetComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
76
77
  </div></section></div></details></section></section>
77
78
  <section class="tsd-panel-group tsd-member-group">
78
79
  <h2>Properties</h2>
@@ -225,7 +226,26 @@
225
226
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
226
227
 
227
228
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
228
- <p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
229
+ <p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
230
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
231
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
232
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
233
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
234
+ <li class="tsd-description">
235
+ <section class="tsd-panel">
236
+ <h4>Type Parameters</h4>
237
+ <ul class="tsd-type-parameter-list">
238
+ <li>
239
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
240
+ <div class="tsd-parameters">
241
+ <h4 class="tsd-parameters-title">Parameters</h4>
242
+ <ul class="tsd-parameter-list">
243
+ <li>
244
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
245
+ <li>
246
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
247
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
248
+ <p>Inherited from <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
229
249
  <div class="col-sidebar">
230
250
  <div class="page-menu">
231
251
  <div class="tsd-navigation settings">
@@ -267,7 +287,8 @@
267
287
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
268
288
  <li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
269
289
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
270
- <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
290
+ <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
291
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
271
292
  <div class="site-menu">
272
293
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
273
294
  <ul class="tsd-small-nested-navigation">
@@ -320,6 +341,7 @@
320
341
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
321
342
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
322
343
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
344
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
323
345
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
324
346
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
325
347
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
package/docs/classes/Components.RecommendationsComponent.html CHANGED
@@ -87,7 +87,7 @@
87
87
  </tbody></table>
88
88
  <p>When an element with this attribute is clicked, the carousel will display the previous range of items.</p>
89
89
  <a id="md:default-template" class="tsd-anchor"></a><h2><a href="#md:default-template">Default Template</a></h2><p>The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.</p>
90
- <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">headingEnabled</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">h2</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;heading recommendations__heading&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">h2</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__content&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">and</span><span class="hl-2"> </span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">buttonsEnabled</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">previous</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__button recommendations__button--previous&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.previous}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;chevron-left&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__carousel&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__list{{attribute &#39; recommendations__list--carousel&#39; carousel}}&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{carouselPosition}};&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">items</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__carousel__item&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;width: {{@root.itemWidth}};&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">recommendations</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2"> </span><span class="hl-9">widget</span><span class="hl-2">-</span><span class="hl-9">id</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@root.id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">request</span><span class="hl-2">-</span><span class="hl-9">id</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@root.requestId}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">recommendations</span><span class="hl-2">-</span><span class="hl-13">item</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">and</span><span class="hl-2"> </span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">paginationEnabled</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__pagination&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">paginationItems</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">carousel</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@index}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__pagination__item{{attribute &#39; recommendations__pagination__item--selected&#39; selected}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{title}}&quot;</span><br/><span class="hl-2"> &gt;&lt;/</span><span class="hl-13">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">and</span><span class="hl-2"> </span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">buttonsEnabled</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">next</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__button recommendations__button--next{{attribute &#39; recommendations__button--disabled&#39; (eq nextEnabled false)}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.next}}&quot;</span><br/><span class="hl-2"> &gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;chevron-right&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
90
+ <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">headingEnabled</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">h2</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;heading recommendations__heading&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">h2</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__content&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">and</span><span class="hl-2"> </span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">buttonsEnabled</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">previous</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__button recommendations__button--previous&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.previous}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;chevron-left&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__carousel&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__list{{attribute &#39; recommendations__list--carousel&#39; carousel}}&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;left: {{carouselPosition}};&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">items</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__carousel__item&quot;</span><span class="hl-2"> </span><span class="hl-9">style</span><span class="hl-2">=</span><span class="hl-7">&quot;width: {{@root.itemWidth}};&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">recommendations</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2"> </span><span class="hl-9">widget</span><span class="hl-2">-</span><span class="hl-9">id</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@root.id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">request</span><span class="hl-2">-</span><span class="hl-9">id</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@root.requestId}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">recommendations</span><span class="hl-2">-</span><span class="hl-14">item</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">and</span><span class="hl-2"> </span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">paginationEnabled</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__pagination&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">paginationItems</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">carousel</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@index}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__pagination__item{{attribute &#39; recommendations__pagination__item--selected&#39; selected}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{title}}&quot;</span><br/><span class="hl-2"> &gt;&lt;/</span><span class="hl-14">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">and</span><span class="hl-2"> </span><span class="hl-9">carousel</span><span class="hl-2"> </span><span class="hl-9">buttonsEnabled</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">next</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__button recommendations__button--next{{attribute &#39; recommendations__button--disabled&#39; (eq nextEnabled false)}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.next}}&quot;</span><br/><span class="hl-2"> &gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;chevron-right&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
91
91
  </code><button>Copy</button></pre>
92
92
  </div>
93
93
  <div class="tsd-comment tsd-typography"></div></section>
@@ -134,6 +134,7 @@
134
134
  <a href="Components.RecommendationsComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
135
135
  <a href="Components.RecommendationsComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
136
136
  <a href="Components.RecommendationsComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
137
+ <a href="Components.RecommendationsComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
137
138
  </div></section></div></details></section></section>
138
139
  <section class="tsd-panel-group tsd-member-group">
139
140
  <h2>Constructors</h2>
@@ -326,7 +327,26 @@
326
327
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
327
328
 
328
329
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
329
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
330
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
331
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
332
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
333
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
334
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
335
+ <li class="tsd-description">
336
+ <section class="tsd-panel">
337
+ <h4>Type Parameters</h4>
338
+ <ul class="tsd-type-parameter-list">
339
+ <li>
340
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
341
+ <div class="tsd-parameters">
342
+ <h4 class="tsd-parameters-title">Parameters</h4>
343
+ <ul class="tsd-parameter-list">
344
+ <li>
345
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
346
+ <li>
347
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
348
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
349
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
330
350
  <div class="col-sidebar">
331
351
  <div class="page-menu">
332
352
  <div class="tsd-navigation settings">
@@ -373,7 +393,8 @@
373
393
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
374
394
  <li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
375
395
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
376
- <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
396
+ <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
397
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
377
398
  <div class="site-menu">
378
399
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
379
400
  <ul class="tsd-small-nested-navigation">
@@ -426,6 +447,7 @@
426
447
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
427
448
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
428
449
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
450
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
429
451
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
430
452
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
431
453
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>