@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.
- package/changelog.md +21 -2
- package/dist/hawksearch-handlebars-ui.cjs +2 -2
- package/dist/hawksearch-handlebars-ui.js +83 -32
- package/dist/hawksearch-handlebars-ui.min.js +39 -39
- package/dist/hawksearch-handlebars-ui.umd.cjs +2 -2
- package/dist/index.d.ts +18 -0
- package/docs/assets/highlight.css +15 -8
- package/docs/assets/search.js +1 -1
- package/docs/classes/Components.AutocompleteComponent.html +25 -3
- package/docs/classes/Components.BaseComponent.html +24 -2
- package/docs/classes/Components.BaseContentComponent.html +24 -2
- package/docs/classes/Components.BaseFacetComponent.html +24 -2
- package/docs/classes/Components.CheckboxListFacetComponent.html +25 -3
- package/docs/classes/Components.ColorFacetComponent.html +25 -3
- package/docs/classes/Components.ConceptSearchFieldComponent.html +24 -2
- package/docs/classes/Components.ContentZoneComponent.html +25 -3
- package/docs/classes/Components.ConversationalSearchComponent.html +25 -3
- package/docs/classes/Components.CustomContentComponent.html +24 -2
- package/docs/classes/Components.DatePickerComponent.html +25 -3
- package/docs/classes/Components.DateRangeFacetComponent.html +25 -3
- package/docs/classes/Components.FacetWrapperComponent.html +25 -3
- package/docs/classes/Components.FacetsListComponent.html +25 -3
- package/docs/classes/Components.FeaturedItemsContentComponent.html +25 -3
- package/docs/classes/Components.FeaturedItemsContentItemComponent.html +25 -3
- package/docs/classes/Components.IconComponent.html +25 -3
- package/docs/classes/Components.ImageContentComponent.html +24 -2
- package/docs/classes/Components.ImageSearchFieldComponent.html +24 -2
- package/docs/classes/Components.LandingPageComponent.html +25 -3
- package/docs/classes/Components.LinkListFacetComponent.html +24 -2
- package/docs/classes/Components.ModifiedQueryComponent.html +25 -3
- package/docs/classes/Components.NumericRangeFacetComponent.html +24 -2
- package/docs/classes/Components.PageSizeComponent.html +24 -2
- package/docs/classes/Components.PaginationComponent.html +25 -3
- package/docs/classes/Components.PopularQueriesContentComponent.html +24 -2
- package/docs/classes/Components.QuerySuggestionsComponent.html +25 -3
- package/docs/classes/Components.RangeSliderComponent.html +25 -3
- package/docs/classes/Components.RangeSliderFacetComponent.html +25 -3
- package/docs/classes/Components.RatingComponent.html +25 -3
- package/docs/classes/Components.RecentSearchesFacetComponent.html +24 -2
- package/docs/classes/Components.RecommendationsComponent.html +25 -3
- package/docs/classes/Components.RecommendationsItemComponent.html +25 -3
- package/docs/classes/Components.RelatedSearchesFacetComponent.html +24 -2
- package/docs/classes/Components.SearchFieldComponent.html +25 -3
- package/docs/classes/Components.SearchResultsComponent.html +25 -3
- package/docs/classes/Components.SearchResultsItemComponent.html +25 -3
- package/docs/classes/Components.SearchResultsListComponent.html +25 -3
- package/docs/classes/Components.SearchWithinFacetComponent.html +24 -2
- package/docs/classes/Components.SelectedFacetsComponent.html +25 -3
- package/docs/classes/Components.SizeFacetComponent.html +25 -3
- package/docs/classes/Components.SmartResponseComponent.html +25 -3
- package/docs/classes/Components.SortingComponent.html +24 -2
- package/docs/classes/Components.TabsComponent.html +24 -2
- package/docs/classes/Components.TooltipComponent.html +25 -3
- package/docs/classes/Components.UnifiedSearchFieldComponent.html +361 -0
- package/docs/classes/Components.VariantSelectorComponent.html +25 -3
- package/docs/classes/Components.VisualSearchFieldComponent.html +25 -3
- package/docs/enums/Models.AutocompleteItemType.html +1 -0
- package/docs/enums/Models.EventType.html +1 -0
- package/docs/enums/Models.PageType.html +1 -0
- package/docs/enums/Models.SearchType.html +1 -0
- package/docs/index.html +15 -3
- package/docs/interfaces/Configuration.HawkSearchComponents.html +5 -0
- package/docs/interfaces/Configuration.HawkSearchConfig.html +1 -1
- package/docs/interfaces/Configuration.SmartSearchFieldComponentConfig.html +2 -2
- package/docs/interfaces/Models.AutocompleteCategories.html +1 -0
- package/docs/interfaces/Models.AutocompleteCategory.html +1 -0
- package/docs/interfaces/Models.AutocompleteComponentModel.html +1 -0
- package/docs/interfaces/Models.AutocompleteContent.html +1 -0
- package/docs/interfaces/Models.AutocompleteContentResult.html +1 -0
- package/docs/interfaces/Models.AutocompleteProductResult.html +1 -0
- package/docs/interfaces/Models.AutocompleteProducts.html +1 -0
- package/docs/interfaces/Models.AutocompleteQueries.html +1 -0
- package/docs/interfaces/Models.AutocompleteQuery.html +1 -0
- package/docs/interfaces/Models.AutocompleteRequest.html +1 -0
- package/docs/interfaces/Models.AutocompleteResponse.html +1 -0
- package/docs/interfaces/Models.BaseComponentModel.html +1 -0
- package/docs/interfaces/Models.CalendarDay.html +1 -0
- package/docs/interfaces/Models.CheckboxListFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.CheckboxListFacetValue.html +1 -0
- package/docs/interfaces/Models.ColorFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.ColorFacetValue.html +1 -0
- package/docs/interfaces/Models.ContentConfiguration.html +1 -0
- package/docs/interfaces/Models.ContentType.html +1 -0
- package/docs/interfaces/Models.ContentZone.html +1 -0
- package/docs/interfaces/Models.ContentZoneComponentModel.html +1 -0
- package/docs/interfaces/Models.ContentZoneItem.html +1 -0
- package/docs/interfaces/Models.ContentZones.html +1 -0
- package/docs/interfaces/Models.ConversationalSearchComponentModel.html +1 -0
- package/docs/interfaces/Models.CustomContent.html +1 -0
- package/docs/interfaces/Models.CustomContentComponentModel.html +1 -0
- package/docs/interfaces/Models.CustomWidgetContent.html +1 -0
- package/docs/interfaces/Models.DateFacetRange.html +1 -0
- package/docs/interfaces/Models.DatePickerComponentModel.html +1 -0
- package/docs/interfaces/Models.DateRangeFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.Facet.html +1 -0
- package/docs/interfaces/Models.FacetScrolling.html +1 -0
- package/docs/interfaces/Models.FacetSearch.html +1 -0
- package/docs/interfaces/Models.FacetTruncation.html +1 -0
- package/docs/interfaces/Models.FacetValue.html +1 -0
- package/docs/interfaces/Models.FacetValueColor.html +1 -0
- package/docs/interfaces/Models.FacetWrapperComponentModel.html +1 -0
- package/docs/interfaces/Models.FacetsListComponentModel.html +1 -0
- package/docs/interfaces/Models.FeaturedItemsContent.html +1 -0
- package/docs/interfaces/Models.FeaturedItemsContentComponentModel.html +1 -0
- package/docs/interfaces/Models.FeaturedItemsContentItem.html +1 -0
- package/docs/interfaces/Models.FeaturedItemsContentItemComponentModel.html +1 -0
- package/docs/interfaces/Models.IconComponentModel.html +1 -0
- package/docs/interfaces/Models.ImageContent.html +1 -0
- package/docs/interfaces/Models.ImageContentComponentModel.html +1 -0
- package/docs/interfaces/Models.Item.html +1 -0
- package/docs/interfaces/Models.ItemVariant.html +1 -0
- package/docs/interfaces/Models.LandingPageComponentModel.html +1 -0
- package/docs/interfaces/Models.LinkListFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.LinkListFacetValue.html +1 -0
- package/docs/interfaces/Models.MessageItem.html +1 -0
- package/docs/interfaces/Models.MessageItemList.html +2 -1
- package/docs/interfaces/Models.ModifiedQueryComponentModel.html +1 -0
- package/docs/interfaces/Models.ModifiedQueryData.html +1 -0
- package/docs/interfaces/Models.NumericFacetRange.html +1 -0
- package/docs/interfaces/Models.NumericRangeFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.PageSizeComponentModel.html +1 -0
- package/docs/interfaces/Models.Pagination.html +1 -0
- package/docs/interfaces/Models.PaginationComponentModel.html +1 -0
- package/docs/interfaces/Models.PaginationOption.html +1 -0
- package/docs/interfaces/Models.PopularQueriesContent.html +1 -0
- package/docs/interfaces/Models.PopularQueriesContentComponentModel.html +1 -0
- package/docs/interfaces/Models.PopularQueriesContentItem.html +1 -0
- package/docs/interfaces/Models.QuerySuggestionsComponentModel.html +1 -0
- package/docs/interfaces/Models.QuerySuggestionsData.html +1 -0
- package/docs/interfaces/Models.RangeSliderComponentModel.html +1 -0
- package/docs/interfaces/Models.RangeSliderEventData.html +1 -0
- package/docs/interfaces/Models.RangeSliderFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.RatingComponentModel.html +1 -0
- package/docs/interfaces/Models.RecentSearchesFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.RecommendationsCarouselData.html +232 -0
- package/docs/interfaces/Models.RecommendationsComponentModel.html +7 -0
- package/docs/interfaces/Models.RecommendationsItem.html +1 -0
- package/docs/interfaces/Models.RecommendationsItemComponentModel.html +1 -0
- package/docs/interfaces/Models.RecommendationsRequest.html +1 -0
- package/docs/interfaces/Models.RecommendationsResponse.html +1 -0
- package/docs/interfaces/Models.RecommendationsWidget.html +6 -0
- package/docs/interfaces/Models.Redirect.html +1 -0
- package/docs/interfaces/Models.RelatedSearchesFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.SearchFieldComponentModel.html +1 -0
- package/docs/interfaces/Models.SearchRequest.html +1 -0
- package/docs/interfaces/Models.SearchResponse.html +1 -0
- package/docs/interfaces/Models.SearchResultsComponentModel.html +1 -0
- package/docs/interfaces/Models.SearchResultsItem.html +1 -0
- package/docs/interfaces/Models.SearchResultsItemComponentModel.html +1 -0
- package/docs/interfaces/Models.SearchResultsItemVariant.html +1 -0
- package/docs/interfaces/Models.SearchResultsListComponentModel.html +1 -0
- package/docs/interfaces/Models.SearchWithinFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.SelectedFacet.html +1 -0
- package/docs/interfaces/Models.SelectedFacetValue.html +1 -0
- package/docs/interfaces/Models.SelectedFacetsComponentModel.html +1 -0
- package/docs/interfaces/Models.SeoConfiguration.html +1 -0
- package/docs/interfaces/Models.SizeFacetComponentModel.html +1 -0
- package/docs/interfaces/Models.SizeFacetValue.html +1 -0
- package/docs/interfaces/Models.SmartResponseComponentModel.html +1 -0
- package/docs/interfaces/Models.SmartResponseRequest.html +1 -0
- package/docs/interfaces/Models.SmartResponseResponse.html +1 -0
- package/docs/interfaces/Models.SmartSearchFieldComponentModel.html +3 -2
- package/docs/interfaces/Models.Sorting.html +1 -0
- package/docs/interfaces/Models.SortingComponentModel.html +1 -0
- package/docs/interfaces/Models.SortingOption.html +1 -0
- package/docs/interfaces/Models.TabsComponentModel.html +1 -0
- package/docs/interfaces/Models.TooltipComponentModel.html +1 -0
- package/docs/interfaces/Models.VariantSelectorComponentModel.html +1 -0
- package/docs/interfaces/Models.Variants.html +1 -0
- package/docs/interfaces/Models.VisualSearchFieldComponentModel.html +1 -0
- package/docs/modules/Components.html +3 -1
- package/docs/modules/Models.html +3 -1
- package/docs/types/Models.FacetState.html +1 -0
- package/docs/types/Models.FacetType.html +1 -0
- package/docs/types/Models.FacetValueState.html +1 -0
- package/docs/types/Models.IconName.html +1 -0
- package/docs/types/Models.ItemType.html +1 -0
- package/docs/types/Models.MessageRole.html +1 -0
- package/docs/types/Models.RequestType.html +1 -0
- package/docs/types/Models.SearchResultsMode.html +1 -0
- package/docs/types/Models.SearchTypes.html +1 -0
- package/docs/types/Models.SelectedFacets.html +1 -0
- package/package.json +1 -1
|
@@ -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"><</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">"recommendations__item"</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">pinned</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</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">"recommendations__item__pin"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"star"</span><span class="hl-2">></</span><span class="hl-
|
|
50
|
+
<pre><code><span class="hl-2"><</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">"recommendations__item"</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">pinned</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</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">"recommendations__item__pin"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"star"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">span</span><span class="hl-2">></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"> <</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">"recommendations__item__sale-indicator"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">sale</span><span class="hl-2">}}</</span><span class="hl-9">span</span><span class="hl-2">></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">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">"{{url}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"recommendations__item__image"</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">"{{title}}"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"{{imageUrl}}"</span><span class="hl-2"> </span><span class="hl-9">alt</span><span class="hl-2">=</span><span class="hl-7">""</span><span class="hl-2"> /></span><br/><span class="hl-2"> </</span><span class="hl-9">a</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"recommendations__item__title"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"{{url}}"</span><span class="hl-2">>{{</span><span class="hl-9">title</span><span class="hl-2">}}</</span><span class="hl-9">a</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</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">rating</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</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">"{{rating}}"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">rating</span><span class="hl-2">></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"> <</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">"recommendations__item__price"</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">"offers"</span><span class="hl-2"> </span><span class="hl-9">itemtype</span><span class="hl-2">=</span><span class="hl-7">"http://schema.org/Offer"</span><span class="hl-2"> </span><span class="hl-9">itemscope</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"> <</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">"recommendations__item__price__original"</span><span class="hl-2">>{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}</</span><span class="hl-9">span</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"recommendations__item__price__current"</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">"price"</span><span class="hl-2">>{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2">}}</</span><span class="hl-9">span</span><span class="hl-2">></span><br/><span class="hl-2"> {{</span><span class="hl-10">else</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</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">"recommendations__item__price-__current"</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">"price"</span><span class="hl-2">>{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}</</span><span class="hl-9">span</span><span class="hl-2">></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">div</span><span class="hl-2">></span><br/><span class="hl-2"> {{/</span><span class="hl-9">unless</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</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">></</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">></span><br/><span class="hl-2"></</span><span class="hl-9">div</span><span class="hl-2">></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
|
|
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"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">></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
|
|
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>
|
|
@@ -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
|
|
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"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">></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
|
|
290
|
+
<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
|
|
291
|
+
<li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
|
|
271
292
|
<div class="site-menu">
|
|
272
293
|
<nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
|
|
273
294
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -320,6 +341,7 @@
|
|
|
320
341
|
<li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
|
|
321
342
|
<li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
|
|
322
343
|
<li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
|
|
344
|
+
<li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
|
|
323
345
|
<li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
|
|
324
346
|
<li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
|
|
325
347
|
<li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
|
|
@@ -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"><</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">"search-field"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"text"</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">"{{query}}"</span><span class="hl-2"> </span><span class="hl-9">placeholder</span><span class="hl-2">=</span><span class="hl-7">"{{strings.placeholder}}"</span><span class="hl-2"> /></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">autocomplete</span><span class="hl-2">></</span><span class="hl-
|
|
36
|
+
<pre><code><span class="hl-2"><</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">"search-field"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"text"</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">"{{query}}"</span><span class="hl-2"> </span><span class="hl-9">placeholder</span><span class="hl-2">=</span><span class="hl-7">"{{strings.placeholder}}"</span><span class="hl-2"> /></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">autocomplete</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">autocomplete</span><span class="hl-2">></span><br/><span class="hl-2"></</span><span class="hl-9">div</span><span class="hl-2">></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
|
|
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"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">></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
|
|
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">
|
|
@@ -332,6 +353,7 @@
|
|
|
332
353
|
<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>
|
|
333
354
|
<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>
|
|
334
355
|
<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>
|
|
356
|
+
<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>
|
|
335
357
|
<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>
|
|
336
358
|
<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>
|
|
337
359
|
<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>
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
<div class="tsd-comment tsd-typography"><p>The Search Results component encapsulates all components relating to search-results.</p>
|
|
21
21
|
<a id="md:tag" class="tsd-anchor"></a><h2><a href="#md:tag">Tag</a></h2><p>The tag for this component is <code><hawksearch-search-results></code>.</p>
|
|
22
22
|
<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>
|
|
23
|
-
<pre><code><span class="hl-2"><</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">modified</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">modified</span><span class="hl-2">-</span><span class="hl-13">query</span><span class="hl-2">></span><br/><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-9">suggestions</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">query</span><span class="hl-2">-</span><span class="hl-13">suggestions</span><span class="hl-2">></span><br/><span class="hl-2"><</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">"row"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-md--4"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"LeftTop"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facets</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">facets</span><span class="hl-2">-</span><span class="hl-13">list</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"LeftBottom"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">zone</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-md--8"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Top"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Top2"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">tabs</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">tabs</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">selected</span><span class="hl-2">-</span><span class="hl-9">facets</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">selected</span><span class="hl-2">-</span><span class="hl-13">facets</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"row"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-sm--6 flex-vertical-sm-center"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">pagination</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">pagination</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-md--6"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"row row--tight"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-sm--6 flex-vertical-sm-center"</span><span class="hl-2">></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-9">size</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">page</span><span class="hl-2">-</span><span class="hl-13">size</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-sm--6 flex-vertical-sm-center"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">sorting</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">sorting</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2">-</span><span class="hl-9">results</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">search</span><span class="hl-2">-</span><span class="hl-13">results</span><span class="hl-2">-</span><span class="hl-13">list</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Bottom"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Bottom2"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">zone</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"></</span><span class="hl-9">div</span><span class="hl-2">></span>
|
|
23
|
+
<pre><code><span class="hl-2"><</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">modified</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">modified</span><span class="hl-2">-</span><span class="hl-14">query</span><span class="hl-2">></span><br/><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-9">suggestions</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">query</span><span class="hl-2">-</span><span class="hl-14">suggestions</span><span class="hl-2">></span><br/><span class="hl-2"><</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">"row"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-md--4"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"LeftTop"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facets</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">facets</span><span class="hl-2">-</span><span class="hl-14">list</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"LeftBottom"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">zone</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-md--8"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Top"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Top2"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">tabs</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">tabs</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">selected</span><span class="hl-2">-</span><span class="hl-9">facets</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">selected</span><span class="hl-2">-</span><span class="hl-14">facets</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"row"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-sm--6 flex-vertical-sm-center"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">pagination</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">pagination</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-md--6"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"row row--tight"</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-sm--6 flex-vertical-sm-center"</span><span class="hl-2">></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-9">size</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">page</span><span class="hl-2">-</span><span class="hl-14">size</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</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">"column column--12 column-sm--6 flex-vertical-sm-center"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">sorting</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">sorting</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2">-</span><span class="hl-9">results</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">search</span><span class="hl-2">-</span><span class="hl-14">results</span><span class="hl-2">-</span><span class="hl-14">list</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Bottom"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">zone</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">"Bottom2"</span><span class="hl-2">></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">zone</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">div</span><span class="hl-2">></span><br/><span class="hl-2"></</span><span class="hl-9">div</span><span class="hl-2">></span>
|
|
24
24
|
</code><button>Copy</button></pre>
|
|
25
25
|
</div>
|
|
26
26
|
<div class="tsd-comment tsd-typography"></div></section>
|
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
<a href="Components.SearchResultsComponent.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>
|
|
66
66
|
<a href="Components.SearchResultsComponent.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>
|
|
67
67
|
<a href="Components.SearchResultsComponent.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>
|
|
68
|
+
<a href="Components.SearchResultsComponent.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>
|
|
68
69
|
</div></section></div></details></section></section>
|
|
69
70
|
<section class="tsd-panel-group tsd-member-group">
|
|
70
71
|
<h2>Constructors</h2>
|
|
@@ -244,7 +245,26 @@
|
|
|
244
245
|
<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>
|
|
245
246
|
|
|
246
247
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
247
|
-
<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
248
|
+
<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
249
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
250
|
+
<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>
|
|
251
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
252
|
+
<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"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">></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>
|
|
253
|
+
<li class="tsd-description">
|
|
254
|
+
<section class="tsd-panel">
|
|
255
|
+
<h4>Type Parameters</h4>
|
|
256
|
+
<ul class="tsd-type-parameter-list">
|
|
257
|
+
<li>
|
|
258
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
259
|
+
<div class="tsd-parameters">
|
|
260
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
261
|
+
<ul class="tsd-parameter-list">
|
|
262
|
+
<li>
|
|
263
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
264
|
+
<li>
|
|
265
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
266
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
267
|
+
<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>
|
|
248
268
|
<div class="col-sidebar">
|
|
249
269
|
<div class="page-menu">
|
|
250
270
|
<div class="tsd-navigation settings">
|
|
@@ -287,7 +307,8 @@
|
|
|
287
307
|
<li><a href="#onRender" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
|
|
288
308
|
<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>
|
|
289
309
|
<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>
|
|
290
|
-
<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
|
|
310
|
+
<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>
|
|
311
|
+
<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>
|
|
291
312
|
<div class="site-menu">
|
|
292
313
|
<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>
|
|
293
314
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -340,6 +361,7 @@
|
|
|
340
361
|
<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>
|
|
341
362
|
<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>
|
|
342
363
|
<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>
|
|
364
|
+
<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>
|
|
343
365
|
<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>
|
|
344
366
|
<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>
|
|
345
367
|
<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>
|