@bridgeline-digital/hawksearch-handlebars-ui 6.2.3 → 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 +11 -1
- package/dist/hawksearch-handlebars-ui.cjs +2 -2
- package/dist/hawksearch-handlebars-ui.js +66 -31
- package/dist/hawksearch-handlebars-ui.min.js +53 -53
- package/dist/hawksearch-handlebars-ui.umd.cjs +2 -2
- package/dist/index.d.ts +17 -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
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
</tr>
|
|
41
41
|
</tbody></table>
|
|
42
42
|
<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>
|
|
43
|
-
<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">"conversationalsearch"</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">"conversationalsearch__body"</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">"conversationalsearch__message-list"</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">list</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">messages</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">role</span><span class="hl-2"> </span><span class="hl-7">"user"</span><span class="hl-2">)}}</span><br/><span class="hl-2"> <</span><span class="hl-9">li</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"conversationalsearch__message message--sent"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-
|
|
43
|
+
<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">"conversationalsearch"</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">"conversationalsearch__body"</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">"conversationalsearch__message-list"</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">list</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">messages</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">role</span><span class="hl-2"> </span><span class="hl-7">"user"</span><span class="hl-2">)}}</span><br/><span class="hl-2"> <</span><span class="hl-9">li</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"conversationalsearch__message message--sent"</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">content</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-9">li</span><span class="hl-2">></span><br/><span class="hl-2"> {{</span><span class="hl-10">else</span><span class="hl-2"> </span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">role</span><span class="hl-2"> </span><span class="hl-7">"assistant"</span><span class="hl-2">)}}</span><br/><span class="hl-2"> <</span><span class="hl-9">li</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"conversationalsearch__message message--received"</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">"message__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">"sparkles"</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">"16"</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-14">p</span><span class="hl-2">>{{</span><span class="hl-9">content</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-9">li</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-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">li</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"conversationalsearch__message message--received"</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-14">p</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-9">li</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">ul</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">"conversationalsearch__footer"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">textarea</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">input</span><span class="hl-2"> </span><span class="hl-9">rows</span><span class="hl-2">=</span><span class="hl-7">"0"</span><span class="hl-2"> </span><span class="hl-9">cols</span><span class="hl-2">=</span><span class="hl-7">"17"</span><span class="hl-2"> </span><span class="hl-9">placeholder</span><span class="hl-2">=</span><span class="hl-7">"Enter a message..."</span><span class="hl-2">></</span><span class="hl-14">textarea</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">button</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">submit</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"conversationalsearch__send-button"</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2">=</span><span class="hl-7">"submit"</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">"send"</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">"16"</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">button</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">button</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">message</span><span class="hl-2">-</span><span class="hl-9">reset</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"conversationalsearch__reset-button"</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2">=</span><span class="hl-7">"reset"</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">"reset"</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">"16"</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">button</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>
|
|
44
44
|
</code><button>Copy</button></pre>
|
|
45
45
|
</div>
|
|
46
46
|
<div class="tsd-comment tsd-typography"></div></section>
|
|
@@ -84,6 +84,7 @@
|
|
|
84
84
|
<a href="Components.ConversationalSearchComponent.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>
|
|
85
85
|
<a href="Components.ConversationalSearchComponent.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>
|
|
86
86
|
<a href="Components.ConversationalSearchComponent.html#resetConversation" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>reset<wbr/>Conversation</span></a>
|
|
87
|
+
<a href="Components.ConversationalSearchComponent.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>
|
|
87
88
|
</div></section></div></details></section></section>
|
|
88
89
|
<section class="tsd-panel-group tsd-member-group">
|
|
89
90
|
<h2>Properties</h2>
|
|
@@ -269,7 +270,26 @@
|
|
|
269
270
|
<ul class="tsd-signatures">
|
|
270
271
|
<li class="tsd-signature tsd-anchor-link" id="resetConversation.resetConversation-1"><span class="tsd-kind-call-signature">reset<wbr/>Conversation</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#resetConversation.resetConversation-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
|
|
271
272
|
<li class="tsd-description">
|
|
272
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section
|
|
273
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section>
|
|
274
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
275
|
+
<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>
|
|
276
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
277
|
+
<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>
|
|
278
|
+
<li class="tsd-description">
|
|
279
|
+
<section class="tsd-panel">
|
|
280
|
+
<h4>Type Parameters</h4>
|
|
281
|
+
<ul class="tsd-type-parameter-list">
|
|
282
|
+
<li>
|
|
283
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
284
|
+
<div class="tsd-parameters">
|
|
285
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
286
|
+
<ul class="tsd-parameter-list">
|
|
287
|
+
<li>
|
|
288
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
289
|
+
<li>
|
|
290
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
291
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
292
|
+
<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>
|
|
273
293
|
<div class="col-sidebar">
|
|
274
294
|
<div class="page-menu">
|
|
275
295
|
<div class="tsd-navigation settings">
|
|
@@ -315,7 +335,8 @@
|
|
|
315
335
|
<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>
|
|
316
336
|
<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>
|
|
317
337
|
<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>
|
|
318
|
-
<li><a href="#resetConversation" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>reset<wbr/>Conversation</span></a></li
|
|
338
|
+
<li><a href="#resetConversation" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>reset<wbr/>Conversation</span></a></li>
|
|
339
|
+
<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>
|
|
319
340
|
<div class="site-menu">
|
|
320
341
|
<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>
|
|
321
342
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -368,6 +389,7 @@
|
|
|
368
389
|
<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>
|
|
369
390
|
<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>
|
|
370
391
|
<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>
|
|
392
|
+
<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>
|
|
371
393
|
<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>
|
|
372
394
|
<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>
|
|
373
395
|
<li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
|
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
<a href="Components.CustomContentComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
|
|
60
60
|
<a href="Components.CustomContentComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
|
|
61
61
|
<a href="Components.CustomContentComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
|
|
62
|
+
<a href="Components.CustomContentComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
|
|
62
63
|
</div></section></div></details></section></section>
|
|
63
64
|
<section class="tsd-panel-group tsd-member-group">
|
|
64
65
|
<h2>Properties</h2>
|
|
@@ -207,7 +208,26 @@
|
|
|
207
208
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
|
|
208
209
|
|
|
209
210
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
210
|
-
<p>Overrides <a href="Components.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
211
|
+
<p>Overrides <a href="Components.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
212
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
213
|
+
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
|
|
214
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
215
|
+
<li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol"><</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>
|
|
216
|
+
<li class="tsd-description">
|
|
217
|
+
<section class="tsd-panel">
|
|
218
|
+
<h4>Type Parameters</h4>
|
|
219
|
+
<ul class="tsd-type-parameter-list">
|
|
220
|
+
<li>
|
|
221
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
222
|
+
<div class="tsd-parameters">
|
|
223
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
224
|
+
<ul class="tsd-parameter-list">
|
|
225
|
+
<li>
|
|
226
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
227
|
+
<li>
|
|
228
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
229
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
230
|
+
<p>Inherited from <a href="Components.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
|
|
211
231
|
<div class="col-sidebar">
|
|
212
232
|
<div class="page-menu">
|
|
213
233
|
<div class="tsd-navigation settings">
|
|
@@ -247,7 +267,8 @@
|
|
|
247
267
|
<li><a href="#onRender" class="tsd-is-protected 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>
|
|
248
268
|
<li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
|
|
249
269
|
<li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
|
|
250
|
-
<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li
|
|
270
|
+
<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
|
|
271
|
+
<li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
|
|
251
272
|
<div class="site-menu">
|
|
252
273
|
<nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
|
|
253
274
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -300,6 +321,7 @@
|
|
|
300
321
|
<li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
|
|
301
322
|
<li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
|
|
302
323
|
<li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
|
|
324
|
+
<li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
|
|
303
325
|
<li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
|
|
304
326
|
<li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
|
|
305
327
|
<li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
</tbody></table>
|
|
188
188
|
<p>This helper function returns the zero-padded day of the month from a provided date object.</p>
|
|
189
189
|
<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>
|
|
190
|
-
<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">"date-picker"</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">value</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</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">readonly</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__input"</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">"{{strings.label}}"</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">modalVisible</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">modal</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal"</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">monthSelectorVisible</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">"date-picker__modal__header"</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">"date-picker__modal__header__month"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">selectMonth</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">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">"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"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">select</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">month</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">months</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-8">this</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">currentMonth</span><span class="hl-2">)}}</span><br/><span class="hl-2"> <</span><span class="hl-9">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{@index}}"</span><span class="hl-2"> </span><span class="hl-9">selected</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{@index}}"</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">select</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"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">select</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">year</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">years</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-8">this</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">currentYear</span><span class="hl-2">)}}</span><br/><span class="hl-2"> <</span><span class="hl-9">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{this}}"</span><span class="hl-2"> </span><span class="hl-9">selected</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{this}}"</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">select</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"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">button</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">select</span><span class="hl-2">-</span><span class="hl-9">month</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"button button--full-width"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">viewCalendar</span><span class="hl-2">}}</</span><span class="hl-9">button</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">else</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">"date-picker__modal__header"</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">previous</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal__header__previous"</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">"{{strings.previous}}"</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">"chevron-left"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">month</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal__header__month"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">heading</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">next</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal__header__next"</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">"{{strings.next}}"</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">"chevron-right"</span><span class="hl-2">></</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</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><br/><span class="hl-2"> <</span><span class="hl-9">table</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__calendar"</span><span class="hl-2"> </span><span class="hl-9">cellspacing</span><span class="hl-2">=</span><span class="hl-7">"0"</span><span class="hl-2"> </span><span class="hl-9">cellpadding</span><span class="hl-2">=</span><span class="hl-7">"0"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-13">thead</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-13">tr</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-14">0</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-14">1</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-14">2</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-14">3</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-14">4</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-14">5</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-14">6</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">tr</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">thead</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-13">tbody</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">weeks</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-13">tr</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-8">this</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-9">td</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">date</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__calendar__da</span><span class="hl-12">y</span><br/><span class="hl-2"> {{</span><span class="hl-9">attribute</span><span class="hl-2"> </span><span class="hl-7">' date-picker__calendar__day--alternate'</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">currentMonth</span><span class="hl-2"> </span><span class="hl-8">false</span><span class="hl-2">)}}</span><br/><span class="hl-2"> {{</span><span class="hl-9">attribute</span><span class="hl-2"> </span><span class="hl-7">' date-picker__calendar__day--selected'</span><span class="hl-2"> </span><span class="hl-9">selected</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{</span><span class="hl-9">attribute</span><span class="hl-2"> </span><span class="hl-7">' date-picker__calendar__day--disabled'</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">enabled</span><span class="hl-2"> </span><span class="hl-8">false</span><span class="hl-2">)}}</span><span class="hl-7">"</span><br/><span class="hl-7"> </span><span class="hl-12">></span><br/><span class="hl-2"> <</span><span class="hl-13">span</span><span class="hl-2">>{{</span><span class="hl-9">dayOfMonth</span><span class="hl-2"> </span><span class="hl-9">date</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">td</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">tr</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">tbody</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">table</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">div</span><span class="hl-2">></span>
|
|
190
|
+
<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">"date-picker"</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">value</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</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">readonly</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__input"</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">"{{strings.label}}"</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">modalVisible</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">modal</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal"</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">monthSelectorVisible</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">"date-picker__modal__header"</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">"date-picker__modal__header__month"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">selectMonth</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">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">"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"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">select</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">month</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">months</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-8">this</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">currentMonth</span><span class="hl-2">)}}</span><br/><span class="hl-2"> <</span><span class="hl-9">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{@index}}"</span><span class="hl-2"> </span><span class="hl-9">selected</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{@index}}"</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">select</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"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">select</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">year</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">years</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-8">this</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">currentYear</span><span class="hl-2">)}}</span><br/><span class="hl-2"> <</span><span class="hl-9">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{this}}"</span><span class="hl-2"> </span><span class="hl-9">selected</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">option</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{this}}"</span><span class="hl-2">>{{</span><span class="hl-8">this</span><span class="hl-2">}}</</span><span class="hl-9">option</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">select</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"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">button</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">select</span><span class="hl-2">-</span><span class="hl-9">month</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"button button--full-width"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">viewCalendar</span><span class="hl-2">}}</</span><span class="hl-9">button</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">else</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">"date-picker__modal__header"</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">previous</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal__header__previous"</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">"{{strings.previous}}"</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">"chevron-left"</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">a</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">month</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal__header__month"</span><span class="hl-2">>{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">heading</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">next</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__modal__header__next"</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">"{{strings.next}}"</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">"chevron-right"</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">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">table</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__calendar"</span><span class="hl-2"> </span><span class="hl-9">cellspacing</span><span class="hl-2">=</span><span class="hl-7">"0"</span><span class="hl-2"> </span><span class="hl-9">cellpadding</span><span class="hl-2">=</span><span class="hl-7">"0"</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-14">thead</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-14">tr</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-15">0</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-15">1</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-15">2</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-15">3</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-15">4</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-15">5</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-9">th</span><span class="hl-2"> </span><span class="hl-9">scope</span><span class="hl-2">=</span><span class="hl-7">"col"</span><span class="hl-2">>{{</span><span class="hl-9">dayAbbreviation</span><span class="hl-2"> </span><span class="hl-15">6</span><span class="hl-2">}}</</span><span class="hl-9">th</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">tr</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">thead</span><span class="hl-2">></span><br/><span class="hl-2"> <</span><span class="hl-14">tbody</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">weeks</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-14">tr</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-8">this</span><span class="hl-2">}}</span><br/><span class="hl-2"> <</span><span class="hl-9">td</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">date</span><span class="hl-2">=</span><span class="hl-7">"{{value}}"</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">"date-picker__calendar__da</span><span class="hl-13">y</span><br/><span class="hl-2"> {{</span><span class="hl-9">attribute</span><span class="hl-2"> </span><span class="hl-7">' date-picker__calendar__day--alternate'</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">currentMonth</span><span class="hl-2"> </span><span class="hl-8">false</span><span class="hl-2">)}}</span><br/><span class="hl-2"> {{</span><span class="hl-9">attribute</span><span class="hl-2"> </span><span class="hl-7">' date-picker__calendar__day--selected'</span><span class="hl-2"> </span><span class="hl-9">selected</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{</span><span class="hl-9">attribute</span><span class="hl-2"> </span><span class="hl-7">' date-picker__calendar__day--disabled'</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">enabled</span><span class="hl-2"> </span><span class="hl-8">false</span><span class="hl-2">)}}</span><span class="hl-7">"</span><br/><span class="hl-7"> </span><span class="hl-13">></span><br/><span class="hl-2"> <</span><span class="hl-14">span</span><span class="hl-2">>{{</span><span class="hl-9">dayOfMonth</span><span class="hl-2"> </span><span class="hl-9">date</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">td</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">tr</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">tbody</span><span class="hl-2">></span><br/><span class="hl-2"> </</span><span class="hl-9">table</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">div</span><span class="hl-2">></span>
|
|
191
191
|
</code><button>Copy</button></pre>
|
|
192
192
|
</div>
|
|
193
193
|
<div class="tsd-comment tsd-typography"></div></section>
|
|
@@ -230,6 +230,7 @@
|
|
|
230
230
|
<a href="Components.DatePickerComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
|
|
231
231
|
<a href="Components.DatePickerComponent.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>
|
|
232
232
|
<a href="Components.DatePickerComponent.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>
|
|
233
|
+
<a href="Components.DatePickerComponent.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>
|
|
233
234
|
</div></section></div></details></section></section>
|
|
234
235
|
<section class="tsd-panel-group tsd-member-group">
|
|
235
236
|
<h2>Properties</h2>
|
|
@@ -413,7 +414,26 @@
|
|
|
413
414
|
<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>
|
|
414
415
|
|
|
415
416
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
416
|
-
<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
417
|
+
<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
418
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
419
|
+
<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>
|
|
420
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
421
|
+
<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>
|
|
422
|
+
<li class="tsd-description">
|
|
423
|
+
<section class="tsd-panel">
|
|
424
|
+
<h4>Type Parameters</h4>
|
|
425
|
+
<ul class="tsd-type-parameter-list">
|
|
426
|
+
<li>
|
|
427
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
428
|
+
<div class="tsd-parameters">
|
|
429
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
430
|
+
<ul class="tsd-parameter-list">
|
|
431
|
+
<li>
|
|
432
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
433
|
+
<li>
|
|
434
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
435
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
436
|
+
<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>
|
|
417
437
|
<div class="col-sidebar">
|
|
418
438
|
<div class="page-menu">
|
|
419
439
|
<div class="tsd-navigation settings">
|
|
@@ -461,7 +481,8 @@
|
|
|
461
481
|
<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>
|
|
462
482
|
<li><a href="#registerHelpers" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
|
|
463
483
|
<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>
|
|
464
|
-
<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
|
|
484
|
+
<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>
|
|
485
|
+
<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>
|
|
465
486
|
<div class="site-menu">
|
|
466
487
|
<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>
|
|
467
488
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -514,6 +535,7 @@
|
|
|
514
535
|
<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>
|
|
515
536
|
<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>
|
|
516
537
|
<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>
|
|
538
|
+
<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>
|
|
517
539
|
<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>
|
|
518
540
|
<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>
|
|
519
541
|
<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 should be placed on <a href="Components.DatePickerComponent.html" class="tsd-kind-class">Date Picker</a> elements. When these elements lose focus (blurred), the entered range will be applied as a facet value.</p>
|
|
39
39
|
<a id="md:default-template" class="tsd-anchor"></a><h2><a href="#md:default-template">Default Template</a></h2><p>The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.</p>
|
|
40
|
-
<pre><code><span class="hl-2"><</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">"date-range-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"</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--6"</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">date</span><span class="hl-2">-</span><span class="hl-9">picker</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">start</span><br/><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{startValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">min</span><span class="hl-2">=</span><span class="hl-7">"{{minValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">max</span><span class="hl-2">=</span><span class="hl-7">"{{endValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">"{{strings.startDate}}"</span><br/><span class="hl-2"> ></</span><span class="hl-
|
|
40
|
+
<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">"date-range-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"</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--6"</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">date</span><span class="hl-2">-</span><span class="hl-9">picker</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">start</span><br/><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{startValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">min</span><span class="hl-2">=</span><span class="hl-7">"{{minValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">max</span><span class="hl-2">=</span><span class="hl-7">"{{endValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">"{{strings.startDate}}"</span><br/><span class="hl-2"> ></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">date</span><span class="hl-2">-</span><span class="hl-14">picker</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--6"</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">date</span><span class="hl-2">-</span><span class="hl-9">picker</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">end</span><br/><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">"{{endValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">min</span><span class="hl-2">=</span><span class="hl-7">"{{startValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">max</span><span class="hl-2">=</span><span class="hl-7">"{{maxValue}}"</span><br/><span class="hl-2"> </span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">"{{strings.endDate}}"</span><br/><span class="hl-2"> ></</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">date</span><span class="hl-2">-</span><span class="hl-14">picker</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>
|
|
41
41
|
</code><button>Copy</button></pre>
|
|
42
42
|
</div>
|
|
43
43
|
<div class="tsd-comment tsd-typography"></div></section>
|
|
@@ -77,6 +77,7 @@
|
|
|
77
77
|
<a href="Components.DateRangeFacetComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
|
|
78
78
|
<a href="Components.DateRangeFacetComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
|
|
79
79
|
<a href="Components.DateRangeFacetComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
|
|
80
|
+
<a href="Components.DateRangeFacetComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
|
|
80
81
|
</div></section></div></details></section></section>
|
|
81
82
|
<section class="tsd-panel-group tsd-member-group">
|
|
82
83
|
<h2>Properties</h2>
|
|
@@ -229,7 +230,26 @@
|
|
|
229
230
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
|
|
230
231
|
|
|
231
232
|
<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
|
|
232
|
-
<p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section
|
|
233
|
+
<p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
|
|
234
|
+
<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
|
|
235
|
+
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
|
|
236
|
+
<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
|
|
237
|
+
<li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol"><</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>
|
|
238
|
+
<li class="tsd-description">
|
|
239
|
+
<section class="tsd-panel">
|
|
240
|
+
<h4>Type Parameters</h4>
|
|
241
|
+
<ul class="tsd-type-parameter-list">
|
|
242
|
+
<li>
|
|
243
|
+
<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
|
|
244
|
+
<div class="tsd-parameters">
|
|
245
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
246
|
+
<ul class="tsd-parameter-list">
|
|
247
|
+
<li>
|
|
248
|
+
<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
|
|
249
|
+
<li>
|
|
250
|
+
<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
|
|
251
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
252
|
+
<p>Inherited from <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
|
|
233
253
|
<div class="col-sidebar">
|
|
234
254
|
<div class="page-menu">
|
|
235
255
|
<div class="tsd-navigation settings">
|
|
@@ -271,7 +291,8 @@
|
|
|
271
291
|
<li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
|
|
272
292
|
<li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
|
|
273
293
|
<li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
|
|
274
|
-
<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li
|
|
294
|
+
<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
|
|
295
|
+
<li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
|
|
275
296
|
<div class="site-menu">
|
|
276
297
|
<nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
|
|
277
298
|
<ul class="tsd-small-nested-navigation">
|
|
@@ -324,6 +345,7 @@
|
|
|
324
345
|
<li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
|
|
325
346
|
<li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
|
|
326
347
|
<li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
|
|
348
|
+
<li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
|
|
327
349
|
<li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
|
|
328
350
|
<li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
|
|
329
351
|
<li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
|