@bridgeline-digital/hawksearch-handlebars-ui 6.2.3 → 6.2.5

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 (180) hide show
  1. package/changelog.md +17 -1
  2. package/dist/hawksearch-handlebars-ui.cjs +2 -2
  3. package/dist/hawksearch-handlebars-ui.js +102 -73
  4. package/dist/hawksearch-handlebars-ui.min.js +59 -59
  5. package/dist/hawksearch-handlebars-ui.umd.cjs +2 -2
  6. package/dist/index.d.ts +17 -0
  7. package/docs/assets/highlight.css +15 -8
  8. package/docs/assets/search.js +1 -1
  9. package/docs/classes/Components.AutocompleteComponent.html +24 -3
  10. package/docs/classes/Components.BaseComponent.html +22 -2
  11. package/docs/classes/Components.BaseContentComponent.html +23 -2
  12. package/docs/classes/Components.BaseFacetComponent.html +23 -2
  13. package/docs/classes/Components.CheckboxListFacetComponent.html +24 -3
  14. package/docs/classes/Components.ColorFacetComponent.html +24 -3
  15. package/docs/classes/Components.ConceptSearchFieldComponent.html +23 -2
  16. package/docs/classes/Components.ContentZoneComponent.html +24 -3
  17. package/docs/classes/Components.ConversationalSearchComponent.html +24 -3
  18. package/docs/classes/Components.CustomContentComponent.html +23 -2
  19. package/docs/classes/Components.DatePickerComponent.html +24 -3
  20. package/docs/classes/Components.DateRangeFacetComponent.html +24 -3
  21. package/docs/classes/Components.FacetWrapperComponent.html +24 -3
  22. package/docs/classes/Components.FacetsListComponent.html +24 -3
  23. package/docs/classes/Components.FeaturedItemsContentComponent.html +24 -3
  24. package/docs/classes/Components.FeaturedItemsContentItemComponent.html +24 -3
  25. package/docs/classes/Components.IconComponent.html +24 -3
  26. package/docs/classes/Components.ImageContentComponent.html +23 -2
  27. package/docs/classes/Components.ImageSearchFieldComponent.html +23 -2
  28. package/docs/classes/Components.LandingPageComponent.html +24 -3
  29. package/docs/classes/Components.LinkListFacetComponent.html +23 -2
  30. package/docs/classes/Components.ModifiedQueryComponent.html +24 -3
  31. package/docs/classes/Components.NumericRangeFacetComponent.html +23 -2
  32. package/docs/classes/Components.PageSizeComponent.html +23 -2
  33. package/docs/classes/Components.PaginationComponent.html +24 -3
  34. package/docs/classes/Components.PopularQueriesContentComponent.html +23 -2
  35. package/docs/classes/Components.QuerySuggestionsComponent.html +24 -3
  36. package/docs/classes/Components.RangeSliderComponent.html +24 -3
  37. package/docs/classes/Components.RangeSliderFacetComponent.html +24 -3
  38. package/docs/classes/Components.RatingComponent.html +24 -3
  39. package/docs/classes/Components.RecentSearchesFacetComponent.html +23 -2
  40. package/docs/classes/Components.RecommendationsComponent.html +24 -3
  41. package/docs/classes/Components.RecommendationsItemComponent.html +24 -3
  42. package/docs/classes/Components.RelatedSearchesFacetComponent.html +23 -2
  43. package/docs/classes/Components.SearchFieldComponent.html +24 -3
  44. package/docs/classes/Components.SearchResultsComponent.html +24 -3
  45. package/docs/classes/Components.SearchResultsItemComponent.html +24 -3
  46. package/docs/classes/Components.SearchResultsListComponent.html +24 -3
  47. package/docs/classes/Components.SearchWithinFacetComponent.html +23 -2
  48. package/docs/classes/Components.SelectedFacetsComponent.html +24 -3
  49. package/docs/classes/Components.SizeFacetComponent.html +24 -3
  50. package/docs/classes/Components.SmartResponseComponent.html +24 -3
  51. package/docs/classes/Components.SortingComponent.html +23 -2
  52. package/docs/classes/Components.TabsComponent.html +23 -2
  53. package/docs/classes/Components.TooltipComponent.html +24 -3
  54. package/docs/classes/Components.VariantSelectorComponent.html +24 -3
  55. package/docs/classes/Components.VisualSearchFieldComponent.html +24 -3
  56. package/docs/enums/Models.AutocompleteItemType.html +1 -0
  57. package/docs/enums/Models.EventType.html +1 -0
  58. package/docs/enums/Models.PageType.html +1 -0
  59. package/docs/enums/Models.SearchType.html +1 -0
  60. package/docs/index.html +15 -3
  61. package/docs/interfaces/Configuration.HawkSearchConfig.html +1 -1
  62. package/docs/interfaces/Models.AutocompleteCategories.html +1 -0
  63. package/docs/interfaces/Models.AutocompleteCategory.html +1 -0
  64. package/docs/interfaces/Models.AutocompleteComponentModel.html +1 -0
  65. package/docs/interfaces/Models.AutocompleteContent.html +1 -0
  66. package/docs/interfaces/Models.AutocompleteContentResult.html +1 -0
  67. package/docs/interfaces/Models.AutocompleteProductResult.html +1 -0
  68. package/docs/interfaces/Models.AutocompleteProducts.html +1 -0
  69. package/docs/interfaces/Models.AutocompleteQueries.html +1 -0
  70. package/docs/interfaces/Models.AutocompleteQuery.html +1 -0
  71. package/docs/interfaces/Models.AutocompleteRequest.html +1 -0
  72. package/docs/interfaces/Models.AutocompleteResponse.html +1 -0
  73. package/docs/interfaces/Models.BaseComponentModel.html +1 -0
  74. package/docs/interfaces/Models.CalendarDay.html +1 -0
  75. package/docs/interfaces/Models.CheckboxListFacetComponentModel.html +1 -0
  76. package/docs/interfaces/Models.CheckboxListFacetValue.html +1 -0
  77. package/docs/interfaces/Models.ColorFacetComponentModel.html +1 -0
  78. package/docs/interfaces/Models.ColorFacetValue.html +1 -0
  79. package/docs/interfaces/Models.ContentConfiguration.html +1 -0
  80. package/docs/interfaces/Models.ContentType.html +1 -0
  81. package/docs/interfaces/Models.ContentZone.html +1 -0
  82. package/docs/interfaces/Models.ContentZoneComponentModel.html +1 -0
  83. package/docs/interfaces/Models.ContentZoneItem.html +1 -0
  84. package/docs/interfaces/Models.ContentZones.html +1 -0
  85. package/docs/interfaces/Models.ConversationalSearchComponentModel.html +1 -0
  86. package/docs/interfaces/Models.CustomContent.html +1 -0
  87. package/docs/interfaces/Models.CustomContentComponentModel.html +1 -0
  88. package/docs/interfaces/Models.CustomWidgetContent.html +1 -0
  89. package/docs/interfaces/Models.DateFacetRange.html +1 -0
  90. package/docs/interfaces/Models.DatePickerComponentModel.html +1 -0
  91. package/docs/interfaces/Models.DateRangeFacetComponentModel.html +1 -0
  92. package/docs/interfaces/Models.Facet.html +1 -0
  93. package/docs/interfaces/Models.FacetScrolling.html +1 -0
  94. package/docs/interfaces/Models.FacetSearch.html +1 -0
  95. package/docs/interfaces/Models.FacetTruncation.html +1 -0
  96. package/docs/interfaces/Models.FacetValue.html +1 -0
  97. package/docs/interfaces/Models.FacetValueColor.html +1 -0
  98. package/docs/interfaces/Models.FacetWrapperComponentModel.html +1 -0
  99. package/docs/interfaces/Models.FacetsListComponentModel.html +1 -0
  100. package/docs/interfaces/Models.FeaturedItemsContent.html +1 -0
  101. package/docs/interfaces/Models.FeaturedItemsContentComponentModel.html +1 -0
  102. package/docs/interfaces/Models.FeaturedItemsContentItem.html +1 -0
  103. package/docs/interfaces/Models.FeaturedItemsContentItemComponentModel.html +1 -0
  104. package/docs/interfaces/Models.IconComponentModel.html +1 -0
  105. package/docs/interfaces/Models.ImageContent.html +1 -0
  106. package/docs/interfaces/Models.ImageContentComponentModel.html +1 -0
  107. package/docs/interfaces/Models.Item.html +1 -0
  108. package/docs/interfaces/Models.ItemVariant.html +1 -0
  109. package/docs/interfaces/Models.LandingPageComponentModel.html +1 -0
  110. package/docs/interfaces/Models.LinkListFacetComponentModel.html +1 -0
  111. package/docs/interfaces/Models.LinkListFacetValue.html +1 -0
  112. package/docs/interfaces/Models.MessageItem.html +1 -0
  113. package/docs/interfaces/Models.MessageItemList.html +2 -1
  114. package/docs/interfaces/Models.ModifiedQueryComponentModel.html +1 -0
  115. package/docs/interfaces/Models.ModifiedQueryData.html +1 -0
  116. package/docs/interfaces/Models.NumericFacetRange.html +1 -0
  117. package/docs/interfaces/Models.NumericRangeFacetComponentModel.html +1 -0
  118. package/docs/interfaces/Models.PageSizeComponentModel.html +1 -0
  119. package/docs/interfaces/Models.Pagination.html +1 -0
  120. package/docs/interfaces/Models.PaginationComponentModel.html +1 -0
  121. package/docs/interfaces/Models.PaginationOption.html +1 -0
  122. package/docs/interfaces/Models.PopularQueriesContent.html +1 -0
  123. package/docs/interfaces/Models.PopularQueriesContentComponentModel.html +1 -0
  124. package/docs/interfaces/Models.PopularQueriesContentItem.html +1 -0
  125. package/docs/interfaces/Models.QuerySuggestionsComponentModel.html +1 -0
  126. package/docs/interfaces/Models.QuerySuggestionsData.html +1 -0
  127. package/docs/interfaces/Models.RangeSliderComponentModel.html +1 -0
  128. package/docs/interfaces/Models.RangeSliderEventData.html +1 -0
  129. package/docs/interfaces/Models.RangeSliderFacetComponentModel.html +1 -0
  130. package/docs/interfaces/Models.RatingComponentModel.html +1 -0
  131. package/docs/interfaces/Models.RecentSearchesFacetComponentModel.html +1 -0
  132. package/docs/interfaces/Models.RecommendationsCarouselData.html +232 -0
  133. package/docs/interfaces/Models.RecommendationsComponentModel.html +7 -0
  134. package/docs/interfaces/Models.RecommendationsItem.html +1 -0
  135. package/docs/interfaces/Models.RecommendationsItemComponentModel.html +1 -0
  136. package/docs/interfaces/Models.RecommendationsRequest.html +1 -0
  137. package/docs/interfaces/Models.RecommendationsResponse.html +1 -0
  138. package/docs/interfaces/Models.RecommendationsWidget.html +6 -0
  139. package/docs/interfaces/Models.Redirect.html +1 -0
  140. package/docs/interfaces/Models.RelatedSearchesFacetComponentModel.html +1 -0
  141. package/docs/interfaces/Models.SearchFieldComponentModel.html +1 -0
  142. package/docs/interfaces/Models.SearchRequest.html +1 -0
  143. package/docs/interfaces/Models.SearchResponse.html +1 -0
  144. package/docs/interfaces/Models.SearchResultsComponentModel.html +1 -0
  145. package/docs/interfaces/Models.SearchResultsItem.html +1 -0
  146. package/docs/interfaces/Models.SearchResultsItemComponentModel.html +1 -0
  147. package/docs/interfaces/Models.SearchResultsItemVariant.html +1 -0
  148. package/docs/interfaces/Models.SearchResultsListComponentModel.html +1 -0
  149. package/docs/interfaces/Models.SearchWithinFacetComponentModel.html +1 -0
  150. package/docs/interfaces/Models.SelectedFacet.html +1 -0
  151. package/docs/interfaces/Models.SelectedFacetValue.html +1 -0
  152. package/docs/interfaces/Models.SelectedFacetsComponentModel.html +1 -0
  153. package/docs/interfaces/Models.SeoConfiguration.html +1 -0
  154. package/docs/interfaces/Models.SizeFacetComponentModel.html +1 -0
  155. package/docs/interfaces/Models.SizeFacetValue.html +1 -0
  156. package/docs/interfaces/Models.SmartResponseComponentModel.html +1 -0
  157. package/docs/interfaces/Models.SmartResponseRequest.html +1 -0
  158. package/docs/interfaces/Models.SmartResponseResponse.html +1 -0
  159. package/docs/interfaces/Models.SmartSearchFieldComponentModel.html +1 -0
  160. package/docs/interfaces/Models.Sorting.html +1 -0
  161. package/docs/interfaces/Models.SortingComponentModel.html +1 -0
  162. package/docs/interfaces/Models.SortingOption.html +1 -0
  163. package/docs/interfaces/Models.TabsComponentModel.html +1 -0
  164. package/docs/interfaces/Models.TooltipComponentModel.html +1 -0
  165. package/docs/interfaces/Models.VariantSelectorComponentModel.html +1 -0
  166. package/docs/interfaces/Models.Variants.html +1 -0
  167. package/docs/interfaces/Models.VisualSearchFieldComponentModel.html +1 -0
  168. package/docs/modules/Components.html +1 -1
  169. package/docs/modules/Models.html +3 -1
  170. package/docs/types/Models.FacetState.html +1 -0
  171. package/docs/types/Models.FacetType.html +1 -0
  172. package/docs/types/Models.FacetValueState.html +1 -0
  173. package/docs/types/Models.IconName.html +1 -0
  174. package/docs/types/Models.ItemType.html +1 -0
  175. package/docs/types/Models.MessageRole.html +1 -0
  176. package/docs/types/Models.RequestType.html +1 -0
  177. package/docs/types/Models.SearchResultsMode.html +1 -0
  178. package/docs/types/Models.SearchTypes.html +1 -0
  179. package/docs/types/Models.SelectedFacets.html +1 -0
  180. package/package.json +1 -1
@@ -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">
@@ -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">
@@ -47,7 +47,7 @@
47
47
  </tbody></table>
48
48
  <p>Anchor elements with this attribute will be tracked when clicked.</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;recommendations__item&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">pinned</span><span class="hl-2">}}</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;recommendations__item__pin&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;star&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">span</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"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</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;recommendations__item__sale-indicator&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">sale</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__item__image&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;{{title}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">img</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">image</span><span class="hl-2"> </span><span class="hl-9">src</span><span class="hl-2">=</span><span class="hl-7">&quot;{{imageUrl}}&quot;</span><span class="hl-2"> </span><span class="hl-9">alt</span><span class="hl-2">=</span><span class="hl-7">&quot;&quot;</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"> &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__item__title&quot;</span><span class="hl-2">&gt;</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">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</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-10">if</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">rating</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">rating</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"> {{#</span><span class="hl-6">unless</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2"> </span><span class="hl-8">undefined</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__item__price&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;offers&quot;</span><span class="hl-2"> </span><span class="hl-9">itemtype</span><span class="hl-2">=</span><span class="hl-7">&quot;http://schema.org/Offer&quot;</span><span class="hl-2"> </span><span class="hl-9">itemscope</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">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</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;recommendations__item__price__original&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">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;recommendations__item__price__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{</span><span class="hl-10">else</span><span class="hl-2">}}</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;recommendations__item__price-__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</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-9">unless</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">variant</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">variant</span><span class="hl-2">-</span><span class="hl-13">selector</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;recommendations__item&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">pinned</span><span class="hl-2">}}</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;recommendations__item__pin&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;star&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">span</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"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</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;recommendations__item__sale-indicator&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">sale</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;recommendations__item__image&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;{{title}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">img</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">image</span><span class="hl-2"> </span><span class="hl-9">src</span><span class="hl-2">=</span><span class="hl-7">&quot;{{imageUrl}}&quot;</span><span class="hl-2"> </span><span class="hl-9">alt</span><span class="hl-2">=</span><span class="hl-7">&quot;&quot;</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"> &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__item__title&quot;</span><span class="hl-2">&gt;</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">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</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-10">if</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">rating</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">rating</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"> {{#</span><span class="hl-6">unless</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2"> </span><span class="hl-8">undefined</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__item__price&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;offers&quot;</span><span class="hl-2"> </span><span class="hl-9">itemtype</span><span class="hl-2">=</span><span class="hl-7">&quot;http://schema.org/Offer&quot;</span><span class="hl-2"> </span><span class="hl-9">itemscope</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">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</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;recommendations__item__price__original&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">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;recommendations__item__price__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{</span><span class="hl-10">else</span><span class="hl-2">}}</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;recommendations__item__price-__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</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-9">unless</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">variant</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">variant</span><span class="hl-2">-</span><span class="hl-14">selector</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>
@@ -86,6 +86,7 @@
86
86
  <a href="Components.RecommendationsItemComponent.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>
87
87
  <a href="Components.RecommendationsItemComponent.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>
88
88
  <a href="Components.RecommendationsItemComponent.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>
89
+ <a href="Components.RecommendationsItemComponent.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>
89
90
  </div></section></div></details></section></section>
90
91
  <section class="tsd-panel-group tsd-member-group">
91
92
  <h2>Properties</h2>
@@ -234,7 +235,26 @@
234
235
  <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>
235
236
 
236
237
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
237
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
238
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
239
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
240
+ <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>
241
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
242
+ <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>
243
+ <li class="tsd-description">
244
+ <section class="tsd-panel">
245
+ <h4>Type Parameters</h4>
246
+ <ul class="tsd-type-parameter-list">
247
+ <li>
248
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
249
+ <div class="tsd-parameters">
250
+ <h4 class="tsd-parameters-title">Parameters</h4>
251
+ <ul class="tsd-parameter-list">
252
+ <li>
253
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
254
+ <li>
255
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
256
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
257
+ <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>
238
258
  <div class="col-sidebar">
239
259
  <div class="page-menu">
240
260
  <div class="tsd-navigation settings">
@@ -275,7 +295,8 @@
275
295
  <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>
276
296
  <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>
277
297
  <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>
278
- <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>
298
+ <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>
299
+ <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>
279
300
  <div class="site-menu">
280
301
  <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>
281
302
  <ul class="tsd-small-nested-navigation">
@@ -73,6 +73,7 @@
73
73
  <a href="Components.RelatedSearchesFacetComponent.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.RelatedSearchesFacetComponent.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.RelatedSearchesFacetComponent.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.RelatedSearchesFacetComponent.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">
@@ -33,7 +33,7 @@
33
33
  </tbody></table>
34
34
  <p>Input elements with this attribute will trigger <a href="Components.AutocompleteComponent.html" class="tsd-kind-class">Autocomplete</a> functionality when the user types and executes a new search when the user hits the <code>enter</code> key.</p>
35
35
  <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>
36
- <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;search-field&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;text&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">input</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">placeholder</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.placeholder}}&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">autocomplete</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">autocomplete</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>
36
+ <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;search-field&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;text&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">input</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">placeholder</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.placeholder}}&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">autocomplete</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">autocomplete</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>
37
37
  </code><button>Copy</button></pre>
38
38
  </div>
39
39
  <div class="tsd-comment tsd-typography"></div></section>
@@ -74,6 +74,7 @@
74
74
  <a href="Components.SearchFieldComponent.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>
75
75
  <a href="Components.SearchFieldComponent.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>
76
76
  <a href="Components.SearchFieldComponent.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>
77
+ <a href="Components.SearchFieldComponent.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>
77
78
  </div></section></div></details></section></section>
78
79
  <section class="tsd-panel-group tsd-member-group">
79
80
  <h2>Properties</h2>
@@ -236,7 +237,26 @@
236
237
  <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>
237
238
 
238
239
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
239
- <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>
240
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
241
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
242
+ <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>
243
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
244
+ <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>
245
+ <li class="tsd-description">
246
+ <section class="tsd-panel">
247
+ <h4>Type Parameters</h4>
248
+ <ul class="tsd-type-parameter-list">
249
+ <li>
250
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
251
+ <div class="tsd-parameters">
252
+ <h4 class="tsd-parameters-title">Parameters</h4>
253
+ <ul class="tsd-parameter-list">
254
+ <li>
255
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
256
+ <li>
257
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
258
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
259
+ <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>
240
260
  <div class="col-sidebar">
241
261
  <div class="page-menu">
242
262
  <div class="tsd-navigation settings">
@@ -279,7 +299,8 @@
279
299
  <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>
280
300
  <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>
281
301
  <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>
282
- <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>
302
+ <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>
303
+ <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>
283
304
  <div class="site-menu">
284
305
  <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>
285
306
  <ul class="tsd-small-nested-navigation">