npm - @bridgeline-digital/hawksearch-handlebars-ui - Versions diffs - 6.2.3 → 6.2.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (180) hide show

package/docs/classes/Components.AutocompleteComponent.html CHANGED Viewed

@@ -88,7 +88,7 @@
 </tbody></table>
 <p>When an element with this attribute is clicked, a new search will be executed with the query entered in the search box.</p>
 <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>
-<pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--8&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--products&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row autocomplete__products&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                        &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__image&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">img</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">image</span><span class="hl-2"> </span><span class="hl-9">src</span><span class="hl-2">=</span><span class="hl-7">&quot;{{imageUrl}}&quot;</span><span class="hl-2"> </span><span class="hl-9">alt</span><span class="hl-2">=</span><span class="hl-7">&quot;&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2">                                &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__title&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">}}</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">rating</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">rating</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                                {{#</span><span class="hl-6">unless</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2"> </span><span class="hl-8">undefined</span><span class="hl-2">)}}</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;offers&quot;</span><span class="hl-2"> </span><span class="hl-9">itemtype</span><span class="hl-2">=</span><span class="hl-7">&quot;http://schema.org/Offer&quot;</span><span class="hl-2"> </span><span class="hl-9">itemscope</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                        {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</span><br/><span class="hl-2">                                            &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__original&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                            &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                        {{</span><span class="hl-10">else</span><span class="hl-2">}}</span><br/><span class="hl-2">                                            &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price-__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                                    &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                {{/</span><span class="hl-9">unless</span><span class="hl-2">}}</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">variant</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">variant</span><span class="hl-2">-</span><span class="hl-13">selector</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">or</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">)}}</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--categories&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">field</span><span class="hl-2">=</span><span class="hl-7">&quot;{{field}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{value}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--content&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">    &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__view-all&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">view</span><span class="hl-2">-</span><span class="hl-9">all</span><span class="hl-2">&gt;{{</span><span class="hl-9">viewAllText</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
+<pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--8&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--products&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row autocomplete__products&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                        &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__image&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">img</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">image</span><span class="hl-2"> </span><span class="hl-9">src</span><span class="hl-2">=</span><span class="hl-7">&quot;{{imageUrl}}&quot;</span><span class="hl-2"> </span><span class="hl-9">alt</span><span class="hl-2">=</span><span class="hl-7">&quot;&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2">                                &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__title&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">}}</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">rating</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">rating</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                                {{#</span><span class="hl-6">unless</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2"> </span><span class="hl-8">undefined</span><span class="hl-2">)}}</span><br/><span class="hl-2">                                    &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;offers&quot;</span><span class="hl-2"> </span><span class="hl-9">itemtype</span><span class="hl-2">=</span><span class="hl-7">&quot;http://schema.org/Offer&quot;</span><span class="hl-2"> </span><span class="hl-9">itemscope</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                        {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</span><br/><span class="hl-2">                                            &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__original&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                            &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                        {{</span><span class="hl-10">else</span><span class="hl-2">}}</span><br/><span class="hl-2">                                            &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price-__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                                    &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                {{/</span><span class="hl-9">unless</span><span class="hl-2">}}</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">variant</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">variant</span><span class="hl-2">-</span><span class="hl-14">selector</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">or</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">)}}</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--categories&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">field</span><span class="hl-2">=</span><span class="hl-7">&quot;{{field}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{value}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--content&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">                {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2">                            &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                                &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                            &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                        {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">    &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__view-all&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">view</span><span class="hl-2">-</span><span class="hl-9">all</span><span class="hl-2">&gt;{{</span><span class="hl-9">viewAllText</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
 </code><button>Copy</button></pre>
 </div>
 <div class="tsd-comment tsd-typography"></div></section>
@@ -127,6 +127,7 @@
 <a href="Components.AutocompleteComponent.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>
 <a href="Components.AutocompleteComponent.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>
 <a href="Components.AutocompleteComponent.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>
+<a href="Components.AutocompleteComponent.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>
 </div></section></div></details></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Properties</h2>
@@ -275,7 +276,26 @@
 <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>
 <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
-<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
+<p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
+<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
+<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>
+<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
+<li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
+<li class="tsd-description">
+<section class="tsd-panel">
+<h4>Type Parameters</h4>
+<ul class="tsd-type-parameter-list">
+<li>
+<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
+<div class="tsd-parameters">
+<h4 class="tsd-parameters-title">Parameters</h4>
+<ul class="tsd-parameter-list">
+<li>
+<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
+<li>
+<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
+<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
+<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>
 <div class="col-sidebar">
 <div class="page-menu">
 <div class="tsd-navigation settings">
@@ -323,7 +343,8 @@
 <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>
 <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>
 <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>
-<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
+<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>
+<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>
 <div class="site-menu">
 <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>
 <ul class="tsd-small-nested-navigation">

package/docs/classes/Components.BaseComponent.html CHANGED Viewed

@@ -98,6 +98,7 @@
 <a href="Components.BaseComponent.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>
 <a href="Components.BaseComponent.html#render" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
 <a href="Components.BaseComponent.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>
+<a href="Components.BaseComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
 </div></section></div></details></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Properties</h2>
@@ -215,7 +216,25 @@
 </div>
 <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>
-<div class="tsd-comment tsd-typography"></div></li></ul></section></section></div>
+<div class="tsd-comment tsd-typography"></div></li></ul></section>
+<section class="tsd-panel tsd-member tsd-is-protected"><a id="triggerEvent" class="tsd-anchor"></a>
+<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>
+<ul class="tsd-signatures tsd-is-protected">
+<li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
+<li class="tsd-description">
+<section class="tsd-panel">
+<h4>Type Parameters</h4>
+<ul class="tsd-type-parameter-list">
+<li>
+<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
+<div class="tsd-parameters">
+<h4 class="tsd-parameters-title">Parameters</h4>
+<ul class="tsd-parameter-list">
+<li>
+<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
+<li>
+<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
+<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div>
 <div class="col-sidebar">
 <div class="page-menu">
 <div class="tsd-navigation settings">
@@ -245,7 +264,8 @@
 <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>
 <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>
 <li><a href="#render" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
-<li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
+<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>
+<li><a href="#triggerEvent" class="tsd-is-protected"><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>
 <div class="site-menu">
 <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>
 <ul class="tsd-small-nested-navigation">

package/docs/classes/Components.BaseContentComponent.html CHANGED Viewed

@@ -62,6 +62,7 @@
 <a href="Components.BaseContentComponent.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>
 <a href="Components.BaseContentComponent.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>
 <a href="Components.BaseContentComponent.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>
+<a href="Components.BaseContentComponent.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>
 </div></section></div></details></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Properties</h2>
@@ -195,7 +196,26 @@
 <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>
 <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
-<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
+<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
+<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
+<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>
+<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
+<li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
+<li class="tsd-description">
+<section class="tsd-panel">
+<h4>Type Parameters</h4>
+<ul class="tsd-type-parameter-list">
+<li>
+<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
+<div class="tsd-parameters">
+<h4 class="tsd-parameters-title">Parameters</h4>
+<ul class="tsd-parameter-list">
+<li>
+<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
+<li>
+<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
+<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
+<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>
 <div class="col-sidebar">
 <div class="page-menu">
 <div class="tsd-navigation settings">
@@ -226,7 +246,8 @@
 <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>
 <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>
 <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>
-<li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
+<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>
+<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>
 <div class="site-menu">
 <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>
 <ul class="tsd-small-nested-navigation">

package/docs/classes/Components.BaseFacetComponent.html CHANGED Viewed

@@ -126,6 +126,7 @@
 <a href="Components.BaseFacetComponent.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>
 <a href="Components.BaseFacetComponent.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>
 <a href="Components.BaseFacetComponent.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>
+<a href="Components.BaseFacetComponent.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>
 </div></section></div></details></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Properties</h2>
@@ -262,7 +263,26 @@
 <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>
 <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
-<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
+<p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
+<section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
+<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>
+<ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
+<li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
+<li class="tsd-description">
+<section class="tsd-panel">
+<h4>Type Parameters</h4>
+<ul class="tsd-type-parameter-list">
+<li>
+<h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
+<div class="tsd-parameters">
+<h4 class="tsd-parameters-title">Parameters</h4>
+<ul class="tsd-parameter-list">
+<li>
+<h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
+<li>
+<h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
+<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
+<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>
 <div class="col-sidebar">
 <div class="page-menu">
 <div class="tsd-navigation settings">
@@ -297,7 +317,8 @@
 <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>
 <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>
 <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>
-<li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
+<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>
+<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>
 <div class="site-menu">
 <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>
 <ul class="tsd-small-nested-navigation">