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.FacetWrapperComponent.html CHANGED Viewed

@@ -60,7 +60,7 @@
 <p>The tag for each facet type must have this attribute to have data bound to it.</p>
 <p>This helper function returns the zero-padded day of the month from a provided date object.</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;facet&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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">heading</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facet__heading{{attribute &#39; facet__heading--collapsible&#39; collapsible}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{</span><span class="hl-9">title</span><span class="hl-2">}}</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">tooltip</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">tooltip</span><span class="hl-2"> </span><span class="hl-9">text</span><span class="hl-2">=</span><span class="hl-7">&quot;{{tooltip}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">tooltip</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">collapsible</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">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{if-else collapsed &#39;chevron-right&#39; &#39;chevron-down&#39;}}&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.5em&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facet__heading__toggle&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</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><span class="hl-9">collapsed</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;facet__content&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">searchable</span><span class="hl-2">}}</span><br/><span class="hl-2">                &lt;</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">&quot;text&quot;</span><span class="hl-2"> </span><span class="hl-9">placeholder</span><span class="hl-2">=</span><span class="hl-7">&quot;Quick Lookup&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{filter}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facet__search&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><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">type</span><span class="hl-2"> </span><span class="hl-7">&quot;checkbox&quot;</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">checkbox</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">checkbox</span><span class="hl-2">-</span><span class="hl-13">list</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;color&quot;</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">color</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">color</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;date-range&quot;</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">date</span><span class="hl-2">-</span><span class="hl-9">range</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">date</span><span class="hl-2">-</span><span class="hl-13">range</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;link&quot;</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">link</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">link</span><span class="hl-2">-</span><span class="hl-13">list</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;numeric-range&quot;</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">numeric</span><span class="hl-2">-</span><span class="hl-9">range</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">numeric</span><span class="hl-2">-</span><span class="hl-13">range</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;range-slider&quot;</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">range</span><span class="hl-2">-</span><span class="hl-9">slider</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">range</span><span class="hl-2">-</span><span class="hl-13">slider</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;recent-searches&quot;</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">recent</span><span class="hl-2">-</span><span class="hl-9">searches</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">recent</span><span class="hl-2">-</span><span class="hl-13">searches</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;related-searches&quot;</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">related</span><span class="hl-2">-</span><span class="hl-9">searches</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">related</span><span class="hl-2">-</span><span class="hl-13">searches</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;search&quot;</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">search</span><span class="hl-2">-</span><span class="hl-9">within</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">search</span><span class="hl-2">-</span><span class="hl-13">within</span><span class="hl-2">-</span><span class="hl-13">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;size&quot;</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">size</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">size</span><span class="hl-2">-</span><span class="hl-13">facet</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">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;facet&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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">heading</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facet__heading{{attribute &#39; facet__heading--collapsible&#39; collapsible}}&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{</span><span class="hl-9">title</span><span class="hl-2">}}</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">tooltip</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">tooltip</span><span class="hl-2"> </span><span class="hl-9">text</span><span class="hl-2">=</span><span class="hl-7">&quot;{{tooltip}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">tooltip</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">collapsible</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">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{if-else collapsed &#39;chevron-right&#39; &#39;chevron-down&#39;}}&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.5em&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facet__heading__toggle&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</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><span class="hl-9">collapsed</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;facet__content&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">searchable</span><span class="hl-2">}}</span><br/><span class="hl-2">                &lt;</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">&quot;text&quot;</span><span class="hl-2"> </span><span class="hl-9">placeholder</span><span class="hl-2">=</span><span class="hl-7">&quot;Quick Lookup&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2"> </span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{filter}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facet__search&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><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">type</span><span class="hl-2"> </span><span class="hl-7">&quot;checkbox&quot;</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">checkbox</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">checkbox</span><span class="hl-2">-</span><span class="hl-14">list</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;color&quot;</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">color</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">color</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;date-range&quot;</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">date</span><span class="hl-2">-</span><span class="hl-9">range</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</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">range</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;link&quot;</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">link</span><span class="hl-2">-</span><span class="hl-9">list</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">link</span><span class="hl-2">-</span><span class="hl-14">list</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;numeric-range&quot;</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">numeric</span><span class="hl-2">-</span><span class="hl-9">range</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">numeric</span><span class="hl-2">-</span><span class="hl-14">range</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;range-slider&quot;</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">range</span><span class="hl-2">-</span><span class="hl-9">slider</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">range</span><span class="hl-2">-</span><span class="hl-14">slider</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;recent-searches&quot;</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">recent</span><span class="hl-2">-</span><span class="hl-9">searches</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">recent</span><span class="hl-2">-</span><span class="hl-14">searches</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;related-searches&quot;</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">related</span><span class="hl-2">-</span><span class="hl-9">searches</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">related</span><span class="hl-2">-</span><span class="hl-14">searches</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;search&quot;</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">search</span><span class="hl-2">-</span><span class="hl-9">within</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">search</span><span class="hl-2">-</span><span class="hl-14">within</span><span class="hl-2">-</span><span class="hl-14">facet</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;size&quot;</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">size</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">size</span><span class="hl-2">-</span><span class="hl-14">facet</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">div</span><span class="hl-2">&gt;</span>
 </code><button>Copy</button></pre>
 </div>
 <div class="tsd-comment tsd-typography"></div></section>
@@ -100,6 +100,7 @@
 <a href="Components.FacetWrapperComponent.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.FacetWrapperComponent.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.FacetWrapperComponent.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.FacetWrapperComponent.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>
@@ -251,7 +252,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">
@@ -293,7 +313,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.FacetsListComponent.html CHANGED Viewed

@@ -33,7 +33,7 @@
 </tbody></table>
 <p>When an element with this attribute is clicked, the <a href="../interfaces/Models.FacetsListComponentModel.html#expanded" class="tsd-kind-property">expanded</a> value will be reversed. This is intended to show/hide the list of facets on mobile devices.</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;facets{{attribute &#39; facets--expanded&#39; expanded}}&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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">mobile</span><span class="hl-2">-</span><span class="hl-9">toggle</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facets__heading&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">heading</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">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{if-else expanded &#39;chevron-down&#39; &#39;chevron-right&#39;}}&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.5rem&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facets__heading__mobile-toggle&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;/</span><span class="hl-9">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;facets__content&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">facets</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">facet</span><span class="hl-2">-</span><span class="hl-9">wrapper</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">id</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">facet</span><span class="hl-2">-</span><span class="hl-13">wrapper</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>
+<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;facets{{attribute &#39; facets--expanded&#39; expanded}}&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">hawksearch</span><span class="hl-2">-</span><span class="hl-9">mobile</span><span class="hl-2">-</span><span class="hl-9">toggle</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facets__heading&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">heading</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">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;{{if-else expanded &#39;chevron-down&#39; &#39;chevron-right&#39;}}&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;1.5rem&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;facets__heading__mobile-toggle&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    &lt;/</span><span class="hl-9">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;facets__content&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">facets</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">facet</span><span class="hl-2">-</span><span class="hl-9">wrapper</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">id</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">facet</span><span class="hl-2">-</span><span class="hl-14">wrapper</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>
 </code><button>Copy</button></pre>
 </div>
 <div class="tsd-comment tsd-typography"></div></section>
@@ -72,6 +72,7 @@
 <a href="Components.FacetsListComponent.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.FacetsListComponent.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.FacetsListComponent.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.FacetsListComponent.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>
@@ -220,7 +221,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">
@@ -261,7 +281,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.FeaturedItemsContentComponent.html CHANGED Viewed

@@ -20,7 +20,7 @@
 <div class="tsd-comment tsd-typography"><p>The Featured Items Content component renders a custom list of search results (typically products) defined as Spotlights in HawkSearch. This is commonly used to display a default set of products when a query returns no results.</p>
 <a id="md:tag" class="tsd-anchor"></a><h2><a href="#md:tag">Tag</a></h2><p>The tag for this component is <code>&lt;hawksearch-featured-items-content&gt;</code>.</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;row featured-items-content&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">items</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-6">or</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Top&quot;</span><span class="hl-2">) (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Top2&quot;</span><span class="hl-2">) (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Bottom&quot;</span><span class="hl-2">) (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Bottom2&quot;</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">type</span><span class="hl-2"> </span><span class="hl-7">&quot;content&quot;</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&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">featured</span><span class="hl-2">-</span><span class="hl-9">items</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">featured</span><span class="hl-2">-</span><span class="hl-13">items</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">item</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">else</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--6 column-lg--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">featured</span><span class="hl-2">-</span><span class="hl-9">items</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">featured</span><span class="hl-2">-</span><span class="hl-13">items</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">item</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">else</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">featured</span><span class="hl-2">-</span><span class="hl-9">items</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">featured</span><span class="hl-2">-</span><span class="hl-13">items</span><span class="hl-2">-</span><span class="hl-13">content</span><span class="hl-2">-</span><span class="hl-13">item</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">    {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">&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;row featured-items-content&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">items</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-6">or</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Top&quot;</span><span class="hl-2">) (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Top2&quot;</span><span class="hl-2">) (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Bottom&quot;</span><span class="hl-2">) (</span><span class="hl-9">eq</span><span class="hl-2"> @</span><span class="hl-9">root</span><span class="hl-2">.</span><span class="hl-9">zone</span><span class="hl-2"> </span><span class="hl-7">&quot;Bottom2&quot;</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">type</span><span class="hl-2"> </span><span class="hl-7">&quot;content&quot;</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&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">featured</span><span class="hl-2">-</span><span class="hl-9">items</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">featured</span><span class="hl-2">-</span><span class="hl-14">items</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">item</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">else</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--6 column-lg--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                    &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">featured</span><span class="hl-2">-</span><span class="hl-9">items</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">featured</span><span class="hl-2">-</span><span class="hl-14">items</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">item</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">else</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">featured</span><span class="hl-2">-</span><span class="hl-9">items</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">featured</span><span class="hl-2">-</span><span class="hl-14">items</span><span class="hl-2">-</span><span class="hl-14">content</span><span class="hl-2">-</span><span class="hl-14">item</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">    {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2">&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>
@@ -59,6 +59,7 @@
 <a href="Components.FeaturedItemsContentComponent.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.FeaturedItemsContentComponent.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.FeaturedItemsContentComponent.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.FeaturedItemsContentComponent.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>
@@ -207,7 +208,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.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
+<p>Overrides <a href="Components.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.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.BaseContentComponent.html">BaseContentComponent</a>.<a href="Components.BaseContentComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
 <div class="col-sidebar">
 <div class="page-menu">
 <div class="tsd-navigation settings">
@@ -247,7 +267,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"><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.FeaturedItemsContentItemComponent.html CHANGED Viewed

@@ -46,7 +46,7 @@
 </tbody></table>
 <p>Anchor elements with this attribute will be tracked when clicked.</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;featured-items-content__item featured-items-content__item--{{type}}&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">pinned</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;featured-items-content__item__pin&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;star&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        &lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">    {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;product&quot;</span><span class="hl-2">)}}</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</span><br/><span class="hl-2">            &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;featured-items-content__item__sale-indicator&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">sale</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&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;featured-items-content__item__image&quot;</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">&quot;{{title}}&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">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;featured-items-content__item__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">link</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">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">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><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;featured-items-content__item__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;featured-items-content__item__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;featured-items-content__item__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;featured-items-content__item__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">    {{</span><span class="hl-10">else</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;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">imageUrl</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&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">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">            {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--8 flex-align-self-sm-center&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;featured-items-content__item__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">link</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">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">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><span class="hl-9">description</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-13">p</span><span class="hl-2">&gt;{{</span><span class="hl-9">description</span><span class="hl-2">}}&lt;/</span><span class="hl-9">p</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><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>
+<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;featured-items-content__item featured-items-content__item--{{type}}&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">pinned</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;featured-items-content__item__pin&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;star&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        &lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2">    {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">    {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;product&quot;</span><span class="hl-2">)}}</span><br/><span class="hl-2">        {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</span><br/><span class="hl-2">            &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;featured-items-content__item__sale-indicator&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">sale</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&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;featured-items-content__item__image&quot;</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">&quot;{{title}}&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">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;featured-items-content__item__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">link</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">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">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><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;featured-items-content__item__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;featured-items-content__item__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;featured-items-content__item__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;featured-items-content__item__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">    {{</span><span class="hl-10">else</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;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">imageUrl</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&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">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">            {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--8 flex-align-self-sm-center&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;featured-items-content__item__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">link</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">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">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><span class="hl-9">description</span><span class="hl-2">}}</span><br/><span class="hl-2">                    &lt;</span><span class="hl-14">p</span><span class="hl-2">&gt;{{</span><span class="hl-9">description</span><span class="hl-2">}}&lt;/</span><span class="hl-9">p</span><span class="hl-2">&gt;</span><br/><span class="hl-2">                {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2">            &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">        &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><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>
 </code><button>Copy</button></pre>
 </div>
 <div class="tsd-comment tsd-typography"></div></section>
@@ -86,6 +86,7 @@
 <a href="Components.FeaturedItemsContentItemComponent.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.FeaturedItemsContentItemComponent.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.FeaturedItemsContentItemComponent.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.FeaturedItemsContentItemComponent.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>
@@ -237,7 +238,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">
@@ -283,7 +303,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">