@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
|
@@ -21,7 +21,7 @@
|
|
|
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-size-facet></code>.</p>
|
|
22
22
|
<a id="md:event-binding-attributes" class="tsd-anchor"></a><h2><a href="#md:event-binding-attributes">Event-Binding Attributes</a></h2><p><em>Note: For Event-Binding attributes common to all facet type components, see <a href="Components.BaseFacetComponent.html" class="tsd-kind-class">BaseFacetComponent</a>.</em></p>
|
|
23
23
|
<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>
|
|
24
|
-
<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">"size-facet"</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 size-facet__items"</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">values</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">visible</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--3 size-facet__item{{attribute ' size-facet__item--selected' selected}}"</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"size-facet__item__outer"</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"size-facet__item__inner"</span><span class="hl-2">></span><br/><span class="hl-2"> {{</span><span class="hl-9">title</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-10">if</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">excludeEnabled</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">"size-facet__item__actions"</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">excluded</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">-</span><span class="hl-9">include</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"size-facet__item__actions__item"</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">"{{@root.strings.include}}"</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">"plus"</span><span class="hl-2">></</span><span class="hl-
|
|
24
|
+
<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">"size-facet"</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 size-facet__items"</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">values</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">visible</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--3 size-facet__item{{attribute ' size-facet__item--selected' selected}}"</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"size-facet__item__outer"</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"size-facet__item__inner"</span><span class="hl-2">></span><br/><span class="hl-2"> {{</span><span class="hl-9">title</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-10">if</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">excludeEnabled</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">"size-facet__item__actions"</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">excluded</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">-</span><span class="hl-9">include</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"size-facet__item__actions__item"</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">"{{@root.strings.include}}"</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">"plus"</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">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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">-</span><span class="hl-9">exclude</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"size-facet__item__actions__item"</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">"{{@root.strings.exclude}}"</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">"minus"</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-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-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-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">showToggle</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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">toggle</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"link facet__toggle"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">toggle</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>
|
|
25
25
|
</code><button>Copy</button></pre>
|
|
26
26
|
</div>
|
|
27
27
|
<div class="tsd-comment tsd-typography"></div></section>
|
|
@@ -61,6 +61,7 @@
|
|
|
61
61
|
<a href="Components.SizeFacetComponent.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>
|
|
62
62
|
<a href="Components.SizeFacetComponent.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>
|
|
63
63
|
<a href="Components.SizeFacetComponent.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>
|
|
64
|
+
<a href="Components.SizeFacetComponent.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>
|
|
64
65
|
</div></section></div></details></section></section>
|
|
65
66
|
<section class="tsd-panel-group tsd-member-group">
|
|
66
67
|
<h2>Properties</h2>
|
|
@@ -213,7 +214,26 @@
|
|
|
213
214
|
<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>
|
|
214
215
|
|
|
215
216
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
216
|
-
<p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
217
|
+
<p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
218
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
219
|
+
<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>
|
|
220
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
221
|
+
<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>
|
|
222
|
+
<li class="tsd-description">
|
|
223
|
+
<section class="tsd-panel">
|
|
224
|
+
<h4>Type Parameters</h4>
|
|
225
|
+
<ul class="tsd-type-parameter-list">
|
|
226
|
+
<li>
|
|
227
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
228
|
+
<div class="tsd-parameters">
|
|
229
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
230
|
+
<ul class="tsd-parameter-list">
|
|
231
|
+
<li>
|
|
232
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
233
|
+
<li>
|
|
234
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
235
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
236
|
+
<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>
|
|
217
237
|
<div class="col-sidebar">
|
|
218
238
|
<div class="page-menu">
|
|
219
239
|
<div class="tsd-navigation settings">
|
|
@@ -255,7 +275,8 @@
|
|
|
255
275
|
<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>
|
|
256
276
|
<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>
|
|
257
277
|
<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>
|
|
258
|
-
<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
|
|
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>
|
|
279
|
+
<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>
|
|
259
280
|
<div class="site-menu">
|
|
260
281
|
<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>
|
|
261
282
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -308,6 +329,7 @@
|
|
|
308
329
|
<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>
|
|
309
330
|
<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>
|
|
310
331
|
<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>
|
|
332
|
+
<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>
|
|
311
333
|
<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>
|
|
312
334
|
<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>
|
|
313
335
|
<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>
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
<p>These attributes are used to position the smartresponse based on the size and scroll position of the active window.
|
|
39
39
|
The <code>hawksearch-smartresponse</code> attribute should be present on an element containing both the element the smartresponse is attached to (to display on hover) and the element containing the smartresponse content, which should have a <code>hawksearch-smartresponse-content</code> attribute.</p>
|
|
40
40
|
<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>
|
|
41
|
-
<pre><code><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">"smartresponse"</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">smartresponse</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">"smartresponse__icon"</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">busy</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">"spinner"</span><span class="hl-2">></</span><span class="hl-
|
|
41
|
+
<pre><code><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">"smartresponse"</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">smartresponse</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">"smartresponse__icon"</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">busy</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">"spinner"</span><span class="hl-2">></</span><span class="hl-14">div</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">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">"sparkles"</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-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">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"smartresponse__info {{attribute ' busy' busy}}"</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">strings</span><span class="hl-2">.</span><span class="hl-9">header</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-9">h4</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"smartresponse__info__header"</span><span class="hl-2">></span><br/><span class="hl-2"> {{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">header</span><span class="hl-2">}}</span><br/><span class="hl-2"> </</span><span class="hl-9">h4</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><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"smartresponse__info__summary"</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">summary</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">summary</span><span class="hl-2">.</span><span class="hl-9">recommendation</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">html</span><span class="hl-2"> </span><span class="hl-9">summary</span><span class="hl-2">.</span><span class="hl-9">recommendation</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><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">summary</span><span class="hl-2">.</span><span class="hl-9">products</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-9">ul</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">each</span><span class="hl-2"> </span><span class="hl-9">summary</span><span class="hl-2">.</span><span class="hl-9">products</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-14">li</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">"search-results-list__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">"{{name}}"</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">"search-results-list__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">name</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-9">li</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-9">ul</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-10">if</span><span class="hl-2"> </span><span class="hl-9">summary</span><span class="hl-2">.</span><span class="hl-9">nosources</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-14">p</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">nosources</span><span class="hl-2">}}</</span><span class="hl-9">p</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><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">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">"smartresponse__actions"</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">"switch{{attribute ' on' active}}"</span><span class="hl-2"> </span><span class="hl-9">smartresponse</span><span class="hl-2">-</span><span class="hl-10">switch</span><span class="hl-2">></</span><span class="hl-14">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">span</span><span class="hl-2">></span>
|
|
42
42
|
</code><button>Copy</button></pre>
|
|
43
43
|
</div>
|
|
44
44
|
<div class="tsd-comment tsd-typography"></div></section>
|
|
@@ -79,6 +79,7 @@ The <code>hawksearch-smartresponse</code> attribute should be present on an elem
|
|
|
79
79
|
<a href="Components.SmartResponseComponent.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>
|
|
80
80
|
<a href="Components.SmartResponseComponent.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>
|
|
81
81
|
<a href="Components.SmartResponseComponent.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>
|
|
82
|
+
<a href="Components.SmartResponseComponent.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>
|
|
82
83
|
</div></section></div></details></section></section>
|
|
83
84
|
<section class="tsd-panel-group tsd-member-group">
|
|
84
85
|
<h2>Properties</h2>
|
|
@@ -241,7 +242,26 @@ The <code>hawksearch-smartresponse</code> attribute should be present on an elem
|
|
|
241
242
|
<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>
|
|
242
243
|
|
|
243
244
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
244
|
-
<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
245
|
+
<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
246
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
247
|
+
<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>
|
|
248
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
249
|
+
<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>
|
|
250
|
+
<li class="tsd-description">
|
|
251
|
+
<section class="tsd-panel">
|
|
252
|
+
<h4>Type Parameters</h4>
|
|
253
|
+
<ul class="tsd-type-parameter-list">
|
|
254
|
+
<li>
|
|
255
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
256
|
+
<div class="tsd-parameters">
|
|
257
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
258
|
+
<ul class="tsd-parameter-list">
|
|
259
|
+
<li>
|
|
260
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
261
|
+
<li>
|
|
262
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
263
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
264
|
+
<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>
|
|
245
265
|
<div class="col-sidebar">
|
|
246
266
|
<div class="page-menu">
|
|
247
267
|
<div class="tsd-navigation settings">
|
|
@@ -284,7 +304,8 @@ The <code>hawksearch-smartresponse</code> attribute should be present on an elem
|
|
|
284
304
|
<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>
|
|
285
305
|
<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>
|
|
286
306
|
<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>
|
|
287
|
-
<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
|
|
307
|
+
<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>
|
|
308
|
+
<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>
|
|
288
309
|
<div class="site-menu">
|
|
289
310
|
<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>
|
|
290
311
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -337,6 +358,7 @@ The <code>hawksearch-smartresponse</code> attribute should be present on an elem
|
|
|
337
358
|
<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>
|
|
338
359
|
<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>
|
|
339
360
|
<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>
|
|
361
|
+
<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>
|
|
340
362
|
<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>
|
|
341
363
|
<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>
|
|
342
364
|
<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>
|
|
@@ -72,6 +72,7 @@
|
|
|
72
72
|
<a href="Components.SortingComponent.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>
|
|
73
73
|
<a href="Components.SortingComponent.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>
|
|
74
74
|
<a href="Components.SortingComponent.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>
|
|
75
|
+
<a href="Components.SortingComponent.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>
|
|
75
76
|
</div></section></div></details></section></section>
|
|
76
77
|
<section class="tsd-panel-group tsd-member-group">
|
|
77
78
|
<h2>Properties</h2>
|
|
@@ -220,7 +221,26 @@
|
|
|
220
221
|
<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>
|
|
221
222
|
|
|
222
223
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
223
|
-
<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
224
|
+
<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
225
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
226
|
+
<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>
|
|
227
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
228
|
+
<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>
|
|
229
|
+
<li class="tsd-description">
|
|
230
|
+
<section class="tsd-panel">
|
|
231
|
+
<h4>Type Parameters</h4>
|
|
232
|
+
<ul class="tsd-type-parameter-list">
|
|
233
|
+
<li>
|
|
234
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
235
|
+
<div class="tsd-parameters">
|
|
236
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
237
|
+
<ul class="tsd-parameter-list">
|
|
238
|
+
<li>
|
|
239
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
240
|
+
<li>
|
|
241
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
242
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
243
|
+
<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>
|
|
224
244
|
<div class="col-sidebar">
|
|
225
245
|
<div class="page-menu">
|
|
226
246
|
<div class="tsd-navigation settings">
|
|
@@ -261,7 +281,8 @@
|
|
|
261
281
|
<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>
|
|
262
282
|
<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>
|
|
263
283
|
<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>
|
|
264
|
-
<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
|
|
284
|
+
<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
|
|
285
|
+
<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>
|
|
265
286
|
<div class="site-menu">
|
|
266
287
|
<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>
|
|
267
288
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -314,6 +335,7 @@
|
|
|
314
335
|
<li><a href="Components.SortingComponent.html" class="current"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
|
|
315
336
|
<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>
|
|
316
337
|
<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>
|
|
338
|
+
<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>
|
|
317
339
|
<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>
|
|
318
340
|
<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>
|
|
319
341
|
<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>
|
|
@@ -72,6 +72,7 @@
|
|
|
72
72
|
<a href="Components.TabsComponent.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>
|
|
73
73
|
<a href="Components.TabsComponent.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>
|
|
74
74
|
<a href="Components.TabsComponent.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>
|
|
75
|
+
<a href="Components.TabsComponent.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>
|
|
75
76
|
</div></section></div></details></section></section>
|
|
76
77
|
<section class="tsd-panel-group tsd-member-group">
|
|
77
78
|
<h2>Properties</h2>
|
|
@@ -220,7 +221,26 @@
|
|
|
220
221
|
<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>
|
|
221
222
|
|
|
222
223
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
223
|
-
<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
224
|
+
<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
225
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
226
|
+
<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>
|
|
227
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
228
|
+
<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>
|
|
229
|
+
<li class="tsd-description">
|
|
230
|
+
<section class="tsd-panel">
|
|
231
|
+
<h4>Type Parameters</h4>
|
|
232
|
+
<ul class="tsd-type-parameter-list">
|
|
233
|
+
<li>
|
|
234
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
235
|
+
<div class="tsd-parameters">
|
|
236
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
237
|
+
<ul class="tsd-parameter-list">
|
|
238
|
+
<li>
|
|
239
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
240
|
+
<li>
|
|
241
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
242
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
243
|
+
<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>
|
|
224
244
|
<div class="col-sidebar">
|
|
225
245
|
<div class="page-menu">
|
|
226
246
|
<div class="tsd-navigation settings">
|
|
@@ -261,7 +281,8 @@
|
|
|
261
281
|
<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>
|
|
262
282
|
<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>
|
|
263
283
|
<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>
|
|
264
|
-
<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
|
|
284
|
+
<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
|
|
285
|
+
<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>
|
|
265
286
|
<div class="site-menu">
|
|
266
287
|
<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>
|
|
267
288
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -314,6 +335,7 @@
|
|
|
314
335
|
<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>
|
|
315
336
|
<li><a href="Components.TabsComponent.html" class="current"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
|
|
316
337
|
<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>
|
|
338
|
+
<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>
|
|
317
339
|
<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>
|
|
318
340
|
<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>
|
|
319
341
|
<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>
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
</tbody></table>
|
|
38
38
|
<p>These attributes are used to position the tooltip based on the size and scroll position of the active window. The <code>hawksearch-tooltip</code> attribute should be present on an element containing both the element the tooltip is attached to (to display on hover) and the element containing the tooltip content, which should have a <code>hawksearch-tooltip-content</code> attribute.</p>
|
|
39
39
|
<a id="md:default-template" class="tsd-anchor"></a><h2><a href="#md:default-template">Default Template</a></h2><p>The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.</p>
|
|
40
|
-
<pre><code><span class="hl-2"><</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">"tooltip"</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">tooltip</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">"tooltip__icon"</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">"help"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"facet__heading__tooltip"</span><span class="hl-2">></</span><span class="hl-
|
|
40
|
+
<pre><code><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">"tooltip"</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">tooltip</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">"tooltip__icon"</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">"help"</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"facet__heading__tooltip"</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-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"tooltip__content"</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">tooltip</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">>{{</span><span class="hl-9">text</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>
|
|
41
41
|
</code><button>Copy</button></pre>
|
|
42
42
|
</div>
|
|
43
43
|
<div class="tsd-comment tsd-typography"></div></section>
|
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
<a href="Components.TooltipComponent.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>
|
|
77
77
|
<a href="Components.TooltipComponent.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>
|
|
78
78
|
<a href="Components.TooltipComponent.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>
|
|
79
|
+
<a href="Components.TooltipComponent.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>
|
|
79
80
|
</div></section></div></details></section></section>
|
|
80
81
|
<section class="tsd-panel-group tsd-member-group">
|
|
81
82
|
<h2>Properties</h2>
|
|
@@ -224,7 +225,26 @@
|
|
|
224
225
|
<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>
|
|
225
226
|
|
|
226
227
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
227
|
-
<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
228
|
+
<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
229
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
230
|
+
<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>
|
|
231
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
232
|
+
<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>
|
|
233
|
+
<li class="tsd-description">
|
|
234
|
+
<section class="tsd-panel">
|
|
235
|
+
<h4>Type Parameters</h4>
|
|
236
|
+
<ul class="tsd-type-parameter-list">
|
|
237
|
+
<li>
|
|
238
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
239
|
+
<div class="tsd-parameters">
|
|
240
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
241
|
+
<ul class="tsd-parameter-list">
|
|
242
|
+
<li>
|
|
243
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
244
|
+
<li>
|
|
245
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
246
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
247
|
+
<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>
|
|
228
248
|
<div class="col-sidebar">
|
|
229
249
|
<div class="page-menu">
|
|
230
250
|
<div class="tsd-navigation settings">
|
|
@@ -265,7 +285,8 @@
|
|
|
265
285
|
<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>
|
|
266
286
|
<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>
|
|
267
287
|
<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>
|
|
268
|
-
<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
|
|
288
|
+
<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>
|
|
289
|
+
<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>
|
|
269
290
|
<div class="site-menu">
|
|
270
291
|
<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>
|
|
271
292
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -318,6 +339,7 @@
|
|
|
318
339
|
<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>
|
|
319
340
|
<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>
|
|
320
341
|
<li><a href="Components.TooltipComponent.html" class="current"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
|
|
342
|
+
<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>
|
|
321
343
|
<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>
|
|
322
344
|
<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>
|
|
323
345
|
<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>
|