@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
@@ -34,7 +34,7 @@
34
34
  </tbody></table>
35
35
  <p>When an element with this attribute is clicked, a new search will be executed with the specified query and spellcheck functionality disabled. This is useful when the spellchecker mistakes a valid entry for another term.</p>
36
36
  <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>
37
- <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;modified-query&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">p</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">showingResultsFor</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;modified-query__modified&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">modifiedQuery</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-9">strings</span><span class="hl-2">.</span><span class="hl-9">searchInsteadFor</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">class</span><span class="hl-2">=</span><span class="hl-7">&quot;modified-query__original&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</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">p</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
+ <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;modified-query&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">p</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">showingResultsFor</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;modified-query__modified&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">modifiedQuery</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-9">strings</span><span class="hl-2">.</span><span class="hl-9">searchInsteadFor</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">class</span><span class="hl-2">=</span><span class="hl-7">&quot;modified-query__original&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</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">p</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>
38
38
  </code><button>Copy</button></pre>
39
39
  </div>
40
40
  <div class="tsd-comment tsd-typography"></div></section>
@@ -73,6 +73,7 @@
73
73
  <a href="Components.ModifiedQueryComponent.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.ModifiedQueryComponent.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.ModifiedQueryComponent.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.ModifiedQueryComponent.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>
@@ -221,7 +222,26 @@
221
222
  <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>
222
223
 
223
224
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
224
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
225
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
226
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
227
+ <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>
228
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
229
+ <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>
230
+ <li class="tsd-description">
231
+ <section class="tsd-panel">
232
+ <h4>Type Parameters</h4>
233
+ <ul class="tsd-type-parameter-list">
234
+ <li>
235
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
236
+ <div class="tsd-parameters">
237
+ <h4 class="tsd-parameters-title">Parameters</h4>
238
+ <ul class="tsd-parameter-list">
239
+ <li>
240
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
241
+ <li>
242
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
243
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
244
+ <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>
225
245
  <div class="col-sidebar">
226
246
  <div class="page-menu">
227
247
  <div class="tsd-navigation settings">
@@ -262,7 +282,8 @@
262
282
  <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>
263
283
  <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>
264
284
  <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>
265
- <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>
285
+ <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>
286
+ <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>
266
287
  <div class="site-menu">
267
288
  <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>
268
289
  <ul class="tsd-small-nested-navigation">
@@ -315,6 +336,7 @@
315
336
  <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>
316
337
  <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>
317
338
  <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>
339
+ <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>
318
340
  <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>
319
341
  <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>
320
342
  <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>
@@ -77,6 +77,7 @@
77
77
  <a href="Components.NumericRangeFacetComponent.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.NumericRangeFacetComponent.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.NumericRangeFacetComponent.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.NumericRangeFacetComponent.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>
@@ -73,6 +73,7 @@
73
73
  <a href="Components.PageSizeComponent.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.PageSizeComponent.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.PageSizeComponent.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.PageSizeComponent.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>
@@ -221,7 +222,26 @@
221
222
  <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>
222
223
 
223
224
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
224
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
225
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
226
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
227
+ <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>
228
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
229
+ <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>
230
+ <li class="tsd-description">
231
+ <section class="tsd-panel">
232
+ <h4>Type Parameters</h4>
233
+ <ul class="tsd-type-parameter-list">
234
+ <li>
235
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
236
+ <div class="tsd-parameters">
237
+ <h4 class="tsd-parameters-title">Parameters</h4>
238
+ <ul class="tsd-parameter-list">
239
+ <li>
240
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
241
+ <li>
242
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
243
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
244
+ <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>
225
245
  <div class="col-sidebar">
226
246
  <div class="page-menu">
227
247
  <div class="tsd-navigation settings">
@@ -262,7 +282,8 @@
262
282
  <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>
263
283
  <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>
264
284
  <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>
265
- <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>
285
+ <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>
286
+ <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>
266
287
  <div class="site-menu">
267
288
  <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>
268
289
  <ul class="tsd-small-nested-navigation">
@@ -315,6 +336,7 @@
315
336
  <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>
316
337
  <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>
317
338
  <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>
339
+ <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>
318
340
  <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>
319
341
  <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>
320
342
  <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>
@@ -47,7 +47,7 @@
47
47
  </tbody></table>
48
48
  <p>This helper function returns the URL for the specified page to enable crawling.</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;pagination&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">strings</span><span class="hl-2">.</span><span class="hl-9">summary</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;pagination__summary&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">summary</span><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"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__pages&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">displayFirstLink</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">page</span><span class="hl-2">=</span><span class="hl-7">&quot;1&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;link pagination__page pagination__page--first&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.first}}&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-back&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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">displayPreviousLink</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">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{subtract page 1}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">rel</span><span class="hl-2">=</span><span class="hl-7">&quot;prev&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{pageUrl (subtract page 1)}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__page pagination__page--previous&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.previous}}&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-left&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">pages</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">eq</span><span class="hl-2"> </span><span class="hl-8">this</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">page</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;pagination__page pagination__page--selected&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-8">this</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{this}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{pageUrl this}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__page&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-8">this</span><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"> {{/</span><span class="hl-9">each</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">displayNextLink</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">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{add page 1}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">rel</span><span class="hl-2">=</span><span class="hl-7">&quot;next&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{pageUrl (add page 1)}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__page pagination__page--next&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"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">displayLastLink</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{totalPages}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;link pagination__page pagination__page--last&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.last}}&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-forward&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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"> &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;pagination&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">strings</span><span class="hl-2">.</span><span class="hl-9">summary</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;pagination__summary&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">summary</span><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"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__pages&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">displayFirstLink</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">page</span><span class="hl-2">=</span><span class="hl-7">&quot;1&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;link pagination__page pagination__page--first&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.first}}&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-back&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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">displayPreviousLink</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">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{subtract page 1}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">rel</span><span class="hl-2">=</span><span class="hl-7">&quot;prev&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{pageUrl (subtract page 1)}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__page pagination__page--previous&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.previous}}&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-left&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">pages</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">eq</span><span class="hl-2"> </span><span class="hl-8">this</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">page</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;pagination__page pagination__page--selected&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-8">this</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{this}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{pageUrl this}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__page&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-8">this</span><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"> {{/</span><span class="hl-9">each</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">displayNextLink</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">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{add page 1}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">rel</span><span class="hl-2">=</span><span class="hl-7">&quot;next&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{pageUrl (add page 1)}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;pagination__page pagination__page--next&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"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">displayLastLink</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">page</span><span class="hl-2">=</span><span class="hl-7">&quot;{{totalPages}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;link pagination__page pagination__page--last&quot;</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{strings.last}}&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-forward&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.2em&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"> &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>
@@ -87,6 +87,7 @@
87
87
  <a href="Components.PaginationComponent.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.PaginationComponent.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
89
  <a href="Components.PaginationComponent.html#setPage" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>set<wbr/>Page</span></a>
90
+ <a href="Components.PaginationComponent.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>
90
91
  </div></section></div></details></section></section>
91
92
  <section class="tsd-panel-group tsd-member-group">
92
93
  <h2>Properties</h2>
@@ -246,7 +247,26 @@
246
247
  <ul class="tsd-parameter-list">
247
248
  <li>
248
249
  <h5><span class="tsd-kind-parameter">page</span>: <span class="tsd-signature-type">number</span></h5></li></ul></div>
249
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></section></section></div>
250
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></section>
251
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
252
+ <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>
253
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
254
+ <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>
255
+ <li class="tsd-description">
256
+ <section class="tsd-panel">
257
+ <h4>Type Parameters</h4>
258
+ <ul class="tsd-type-parameter-list">
259
+ <li>
260
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
261
+ <div class="tsd-parameters">
262
+ <h4 class="tsd-parameters-title">Parameters</h4>
263
+ <ul class="tsd-parameter-list">
264
+ <li>
265
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
266
+ <li>
267
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
268
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
269
+ <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>
250
270
  <div class="col-sidebar">
251
271
  <div class="page-menu">
252
272
  <div class="tsd-navigation settings">
@@ -289,7 +309,8 @@
289
309
  <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>
290
310
  <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>
291
311
  <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>
292
- <li><a href="#setPage" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>set<wbr/>Page</span></a></li></ul></div></details></div>
312
+ <li><a href="#setPage" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>set<wbr/>Page</span></a></li>
313
+ <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>
293
314
  <div class="site-menu">
294
315
  <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>
295
316
  <ul class="tsd-small-nested-navigation">
@@ -342,6 +363,7 @@
342
363
  <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>
343
364
  <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>
344
365
  <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>
366
+ <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>
345
367
  <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>
346
368
  <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>
347
369
  <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>
@@ -59,6 +59,7 @@
59
59
  <a href="Components.PopularQueriesContentComponent.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>
60
60
  <a href="Components.PopularQueriesContentComponent.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>
61
61
  <a href="Components.PopularQueriesContentComponent.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>
62
+ <a href="Components.PopularQueriesContentComponent.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>
62
63
  </div></section></div></details></section></section>
63
64
  <section class="tsd-panel-group tsd-member-group">
64
65
  <h2>Properties</h2>
@@ -207,7 +208,26 @@
207
208
  <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>
208
209
 
209
210
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
210
- <p>Overrides <a href="Components.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
211
+ <p>Overrides <a href="Components.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
212
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
213
+ <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>
214
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
215
+ <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>
216
+ <li class="tsd-description">
217
+ <section class="tsd-panel">
218
+ <h4>Type Parameters</h4>
219
+ <ul class="tsd-type-parameter-list">
220
+ <li>
221
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
222
+ <div class="tsd-parameters">
223
+ <h4 class="tsd-parameters-title">Parameters</h4>
224
+ <ul class="tsd-parameter-list">
225
+ <li>
226
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
227
+ <li>
228
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
229
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
230
+ <p>Inherited from <a href="Components.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
211
231
  <div class="col-sidebar">
212
232
  <div class="page-menu">
213
233
  <div class="tsd-navigation settings">
@@ -247,7 +267,8 @@
247
267
  <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>
248
268
  <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>
249
269
  <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>
250
- <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>
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>
271
+ <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>
251
272
  <div class="site-menu">
252
273
  <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>
253
274
  <ul class="tsd-small-nested-navigation">
@@ -300,6 +321,7 @@
300
321
  <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>
301
322
  <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>
302
323
  <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>
324
+ <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>
303
325
  <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>
304
326
  <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>
305
327
  <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>
@@ -46,7 +46,7 @@
46
46
  </tbody></table>
47
47
  <p>This helper function creates a comma-separated list of links with the <code>hawksearch-query</code> attribute, using the word “or” before the last link.</p>
48
48
  <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>
49
- <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;query-suggestions&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">p</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">-</span><span class="hl-9">suggestions</span><span class="hl-2"> </span><span class="hl-9">querySuggestions</span><span class="hl-2">}}&lt;/</span><span class="hl-9">p</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>
49
+ <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;query-suggestions&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">p</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">-</span><span class="hl-9">suggestions</span><span class="hl-2"> </span><span class="hl-9">querySuggestions</span><span class="hl-2">}}&lt;/</span><span class="hl-9">p</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
50
  </code><button>Copy</button></pre>
51
51
  </div>
52
52
  <div class="tsd-comment tsd-typography"></div></section>
@@ -85,6 +85,7 @@
85
85
  <a href="Components.QuerySuggestionsComponent.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>
86
86
  <a href="Components.QuerySuggestionsComponent.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>
87
87
  <a href="Components.QuerySuggestionsComponent.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>
88
+ <a href="Components.QuerySuggestionsComponent.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>
88
89
  </div></section></div></details></section></section>
89
90
  <section class="tsd-panel-group tsd-member-group">
90
91
  <h2>Properties</h2>
@@ -233,7 +234,26 @@
233
234
  <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>
234
235
 
235
236
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
236
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
237
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
238
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
239
+ <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>
240
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
241
+ <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>
242
+ <li class="tsd-description">
243
+ <section class="tsd-panel">
244
+ <h4>Type Parameters</h4>
245
+ <ul class="tsd-type-parameter-list">
246
+ <li>
247
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
248
+ <div class="tsd-parameters">
249
+ <h4 class="tsd-parameters-title">Parameters</h4>
250
+ <ul class="tsd-parameter-list">
251
+ <li>
252
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
253
+ <li>
254
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
255
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
256
+ <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>
237
257
  <div class="col-sidebar">
238
258
  <div class="page-menu">
239
259
  <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"><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">
@@ -328,6 +349,7 @@
328
349
  <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>
329
350
  <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>
330
351
  <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>
352
+ <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>
331
353
  <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>
332
354
  <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>
333
355
  <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>