{{#results}}
<div class="result">
  {{#hasExternalLink}}
  <a
    class="target-link"
    href="{{externalLink}}"
    style="cursor: pointer"
    onclick="javascript:targetLinkFunction(this, event, '{{externalLink}}', '{{externalLinkTarget}}')"
  >
    <div class="product-background-image">
      <div class="featured {{promoTextClass}}">{{promoText}}</div>
      <img
        class="product-image {{imageCropFocus}}"
        src="{{imageUrl}}"
        alt="{{imageAlt}}"
        loading="lazy"
      />
    </div>
    <div class="image-overlay"></div>
    {{#showChiclets}}
    <ul class="image-overlay-chiclets">
      {{#showChicletsFor}} {{#class}} {{#imageUrl}}
      <li class="chiclet" data-name="{{name}}">
        <span class="icon {{class}}" aria-label="{{name}}" style="{{{imageUrl}}}"></span>
      </li>
      {{/imageUrl}} {{^imageUrl}}
      <li class="chiclet" data-name="{{name}}">
        <span class="icon {{class}}" aria-label="{{name}}"></span>
      </li>
      {{/imageUrl}} {{/class}} {{/showChicletsFor}}
    </ul>
    {{/showChiclets}}
    <span class="target-link-copy">
      <div class="target-link-title-wrapper">
        <span id="{{id}}-link-title" class="target-link-title">{{name}}</span>
      </div>
      <p class="target-link-text">{{subtitle}}</p>
    </span>
    {{#hasButtonCtaText}}
    <div class="target-link-button-cta-wrapper">
      <span
        aria-labelledby="{{id}}-link-title"
        class="target-link-button-cta linkbtnlight"
        onclick="javascript:targetLinkFunction(this, event, '{{externalLink}}', '{{externalLinkTarget}}')"
        >{{buttonCtaText}}</span
      >
    </div>
    {{/hasButtonCtaText}}
  </a>
  {{/hasExternalLink}} {{^hasExternalLink}}
  <a
    class="target-link"
    href="{{targetUrl}}"
    style="cursor: pointer"
    onclick="javascript:targetLinkFunction(this, event , '{{targetUrl}}', '{{externalLinkTarget}}')"
  >
    <div class="product-background-image">
      <div class="featured {{promoTextClass}}">{{promoText}}</div>
      <img
        class="product-image {{imageCropFocus}}"
        src="{{imageUrl}}"
        alt="{{imageAlt}}"
        loading="lazy"
      />
    </div>
    <div class="image-overlay"></div>
    {{#showChiclets}}
    <ul class="image-overlay-chiclets">
      {{#showChicletsFor}} {{#class}} {{#imageUrl}}
      <li class="chiclet" data-name="{{name}}">
        <span class="icon {{class}}" aria-label="{{name}}" style="{{{imageUrl}}}"></span>
      </li>
      {{/imageUrl}} {{^imageUrl}}
      <li class="chiclet" data-name="{{name}}">
        <span class="icon {{class}}" aria-label="{{name}}" style="{{{imageUrl}}}"></span>
      </li>
      {{/imageUrl}} {{/class}} {{/showChicletsFor}}
    </ul>
    {{/showChiclets}}
    <div class="result-bottom">
      <span class="target-link-copy">
        <div class="target-link-title-wrapper">
          <span id="{{id}}-link-title" class="target-link-title">{{name}}</span>
        </div>
        <p class="target-link-text">{{subtitle}}</p>
      </span>
      {{#id}} {{#hasButtonCtaText}}
      <span
        aria-labelledby="{{id}}-link-title"
        class="target-link-button-cta linkbtnlight"
        onclick="javascript:targetLinkFunction(this, event, '{{targetUrl}}', '{{externalLinkTarget}}')"
        >{{buttonCtaText}}</span
      >
      {{/hasButtonCtaText}} {{/id}}
    </div>
  </a>
  {{/hasExternalLink}}
</div>
{{/results}} {{^results}}
<h3 class="no-results">{{noresults}}</h3>
{{/results}}

<script type="text/javascript">
  function targetLinkFunction(el, event, targetUrl, target) {
    event.preventDefault();

    var cssClass = event.target.class || event.target.className || '';
    if (cssClass !== 'text-wrap') {
      var openTarget = target || '_self';
      if (event.metaKey || event.ctrlKey) {
        openTarget = '_blank';
      }
      window.open(targetUrl, openTarget);
    }
  }

  //# sourceURL=activityresults.results.html.js
</script>