angular.module('sb').run(['$templateCache', function($templateCache) {$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-btn', '<div class="sb-btn" data-ng-class="{\'sb-btn-confirm\': btnConfirm, \'sb-btn-confirm-active\': btnConfirmActive}" data-ng-click="btnClick()">  <ng-transclude></ng-transclude></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-image', '<img src="/content/images/sb/blank.png" data-ng-src="{{::image.src}}" class="{{imageClass}}" />');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-input', '<div ng-class="{ \'form-error-input\': error && !focus, \'form-warning-input\': warning && !error && !focus }">    <div class="form-animated-placeholder" ng-class="{ \'active\': focus, \'inactive\': !focus }">{{ placeholder }}</div>    <div class="form-error-animation" ng-class="{ \'active\': error && !focus, \'inactive\': !error || focus }" title="{{ errorMessage }}">{{ errorMessage }}</div>    <div class="form-warning-animation" ng-class="{ \'active\': warning && !focus && !error, \'inactive\': !warning || error || focus }" title="{{ warningMessage }}">{{ warningMessage }}</div>    <input type="text" ng-model="value" ng-change="onChange()" ng-focus="onFocus()" ng-blur="onBlur()" placeholder="{{ placeholder }}"></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-loader', '<div class="sb-loader" data-ng-class="{\'sb-loader-active\' : (loaded === false || (loaded && loaded.length == 0) || loading === true || (loading && loading.length == 0))}">  <div class="loader-bg" ng-hide="::attrs.transparent != null"></div>  <div class="loader-image" ng-class="::{\'loader-image-medium\' : (attrs.size != \'large\' && attrs.size != \'small\'), \'loader-image-small\' : attrs.size == \'small\', \'loader-image-large\' : attrs.size == \'large\'}">    <img ng-if="::attrs.size == \'large\'" src="/content/images/sb/loaders/loader-piston-black-100x100-60fps.gif" />    <img ng-if="::attrs.size == \'small\'" src="/content/images/sb/loaders/loader-spinner-small.gif" />    <!-- <img ng-if="attrs.size != \'large\' && attrs.size != \'small\'" src="/Content/images/sb/loaders/loader-spinner-medium.gif" /> -->    <!-- 1 -->    <div class="loader loader--style1" title="0" ng-if="::attrs.size != \'large\' && attrs.size != \'small\'">      <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"       width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">        <path opacity="0.2" fill="{{::attrs.color}}" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>        <path class="loader-spin" fill="{{::attrs.color}}" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">          <!-- <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"/> -->        </path>      </svg>    </div>    <!-- 2 --    <div class="loader loader--style2" title="1" ng-if="attrs.size != \'large\' && attrs.size != \'small\'">      <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"         width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">      <path fill="{{::color}}" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">        <animateTransform attributeType="xml"          attributeName="transform"          type="rotate"          from="0 25 25"          to="360 25 25"          dur="0.6s"          repeatCount="indefinite"/>        </path>      </svg>    </div>    -->    <!-- 3  --    <div class="loader loader--style3" title="2" ng-if="attrs.size != \'large\' && attrs.size != \'small\'">      <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"         width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">      <path fill="{{::color}}" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">        <animateTransform attributeType="xml"          attributeName="transform"          type="rotate"          from="0 25 25"          to="360 25 25"          dur="0.6s"          repeatCount="indefinite"/>        </path>      </svg>    </div>    -->  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-map', '<div class="sb-map">  <div class="map-canvas"></div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-notice', '<div class="grey-overlay sb-timeout sb-notice-{{ noticeType }}">  <div class="grey-overlay-container">    <div class="process-img" ng-class="{\'orange\': !noticeType || noticeType === \'warning\', \'blue\': noticeType === \'info\'}">      <div class="overlay-icon">        <i ng-if="!noticeType || noticeType === \'warning\'" class="fa fa-exclamation-triangle" aria-hidden="true"></i>        <i ng-if="noticeType === \'info\'" class="fa fa-info" aria-hidden="true"></i>      </div>    </div>    <p data-ng-if="noticeHeader"><strong ng-bind="::noticeHeader"></strong></p>    <p data-ng-if="message" data-ng-bind-html="message"></p>    <p data-ng-if="noticeContent" data-ng-bind-html="noticeContent"></p>    <a class="btn btn-attention" data-ng-if="noticeMoreUrl" data-ng-href="{{ noticeMoreUrl }}" data-ng-bind="::noticeReadMore"></a>    <div class="btn btn-attention" data-ng-if="!noticeMoreUrl" data-ng-click="closeOverlay()">Continue shopping</div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-overlay', '<div class="sb-overlay sb-overlay-{{ overlay.options.directive }} sb-overlay-theme-{{overlay.options.theme}}" data-ng-class="{\'sb-overlay-active\' : overlay.active, \'sb-overlay-scrollable\' : overlay.options.scrollable, \'sb-overlay-animate\' : overlay.options.animate, \'sb-overlay-size-fullscreen\' : overlay.options.fullscreen, \'sb-overlay-size-normal\' : !overlay.options.fullscreen }">  <div class="overlay-wrapper">    <div class="overlay-container" ng-class="{\'overlay-container-top\': overlay.options.align === \'top\'}">      <div class="overlay-bg" data-ng-click="closeOverlay()"></div>      <div class="overlay">        <div class="overlay-close" data-ng-click="closeOverlay()" ng-if="overlay.options.closeBtn">          <i class="fa fa-times"></i>        </div>        <div class="overlay-content">          <!-- Hardcoded directives -->          <sb-product-preview product="overlay.data" update="" ng-if="overlay.options.directive == \'product-preview\'"></sb-product-preview>          <sb-personal-print product="overlay.data" ng-if="overlay.options.directive == \'personal-print\'"            warning-messages="{ recommendation: \'We recommend less than 20 characters\', unsupportedCharacters: \'\'}">          </sb-personal-print>          <sb-engraving product="overlay.data" ng-if="overlay.options.directive == \'engraving\'"            warning-messages="{ recommendation: \'We recommend less than 20 characters\', unsupportedCharacters: \'\'}">          </sb-engraving>          <sb-redirect ng-if="overlay.options.directive == \'redirect\'"></sb-redirect>          <sb-timeout ng-if="overlay.options.directive == \'timeout\'"></sb-timeout>          <sb-checkout-complete ng-if="overlay.options.directive == \'checkout-complete\'"></sb-checkout-complete>          <sb-order-search ng-if="overlay.options.directive == \'order-search\'"></sb-order-search>          <sb-notice message="overlay.data" ng-if="overlay.options.directive == \'notice\'"></sb-notice>          <sb-vehicle-added-message message="overlay.data" ng-if="overlay.options.directive == \'vehicle-added-message\'"></sb-vehicle-added-message>          <div class="product-image-fullscreen" ng-if="overlay.options.directive == \'image\'">            <sb-loader loading="true" size="large" ng-if="overlay.options.directive == \'image\'"></sb-loader>            <sb-image image-id="{{ overlay.data.id }}" watched="true" type="{{ overlay.data.type }}" width="1280" crop="false"></sb-image>          </div>          <sb-campaign-popup campaign="overlay.data" ng-if="overlay.options.directive == \'campaign-popup\'"></sb-campaign-popup>          <sb-cart-process ng-if="overlay.options.directive == \'sbCartProcess\'" state="overlay.options.state" data="overlay.data"></sb-cart-process>          <sb-usp-info data="overlay.data" ng-if="overlay.options.directive == \'usp-info\'"></sb-usp-info>          <div class="bannerflow-popup" ng-if="overlay.options.directive == \'bannerflow-popup\'">            <div class="bannerflow-popup-desktop" ng-if="bfShowDesktop">              <sb-script-loader src="{{ ::overlay.data.bfDesktopUrl | trusted }}"></sb-script-loader>            </div>            <div class="bannerflow-popup-mobile" ng-if="bfShowMobile">              <sb-script-loader src="{{ ::overlay.data.bfMobileUrl | trusted }}"></sb-script-loader>            </div>          </div>          <sb-black-friday-message ng-if="overlay.options.directive == \'black-friday-message\'"></sb-black-friday-message>          <!-- Inline content  -->          <div class="overlay-inline"></div>        </div>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/sb-tools-switch', '<div class="switch" data-ng-class="{\'switch-disabled\': switchDisabled}">  <ul data-ng-class="{\'switch-state-on\': (switchValue && !inverted) || (!switchValue && inverted), \'switch-state-off\': (!switchValue && !inverted) || (switchValue && inverted)}">    <li class="nav-switch-on" data-ng-click="switchToggle()"><span>ON</span></li>    <li class="nav-switch-off" data-ng-click="switchToggle()"><span>OFF</span></li>  </ul></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/lists/sb-tools-list-add', '<div class="sb-list-add list-items-bonus" data-ng-class="{\'list-noclick\': attrs.noclick, \'list-multiselect\': attrs.multiselect, \'list-toggle\': attrs.toggle, \'list-labels\': attrs.labels, \'list-locked\': attrs.locked, \'list-lightbox\': attrs.lightbox, \'list-size-large\': attrs.size == \'large\', \'list-size-medium\': attrs.size == \'medium\', \'list-size-small\': attrs.size == \'small\'}">  <ul class="list-items">    <li class="list-item" data-ng-repeat="item in items" data-ng-show="!item.invalid" data-ng-if="$index < maxItems">      <div class="list-item-img">        <img src="http://pierceimages.imgix.net/ProdImages/prod_54400/p54400.jpg?ver=1455577200&auto=format&lossless=false&q=35&sharp=10&dpr=2&h=250" alt="">      </div>      <div class="list-item-title">        <h4>Race talt 24MX 3x3m inkl vaggar</h4>      </div>      <div class="cart-item-edit-container">        <div class="list-item-price">          <span class="price">1 599 kr</span>          <span class="oldprice">5 695 kr</span>        </div>        <div class="btn btn-green" data-ng-click="openItemEdit(orderItem)">          <i class="fa fa-plus"></i>                  </div>      </div>      <sb-list-item item="item" data-ng-if="!item.price"></sb-list-item>      <sb-list-product item="item" data-ng-if="item.price"></sb-list-product>      <div class="list-item-btn list-item-trigger" data-ng-click="toggleitem(item)" data-ng-if="!item.price"></div>      <a class="list-item-btn list-item-trigger" ng-href="{{url.getProductUrl(item)}}" data-ng-if="item.price"></a>    </li>  </ul></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/lists/sb-tools-list-item', '<div class="sb-list-item">  <!-- Image -->  <div class="list-item-image">    <img src="/Content/images/sb/blank.png" data-ng-src="{{item.image}}" alt="{{::item.name}}" />  </div>  <!-- Content -->  <div class="list-item-content">    <h4 data-ng-bind="item.name"></h4>    <p data-ng-bind-html="item.description"></p>  </div>  <!-- Icons -->  <div class="list-item-icons">    <i class="list-item-icon list-item-icon-standard {{::list.attrs.iconStandard}}" data-ng-class="{\'fa fa-circle\': !list.attrs.iconStandard}"></i>    <i class="fa fa-spin fa-circle-o-notch list-item-icon list-item-icon-loading"></i>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/lists/sb-tools-list-product', '<div class="sb-list-product">    <!-- Image -->    <div class="list-item-image">        <sb-image data-image-id="{{::item.id}}" width="{{list.imageWidth}}" height="{{list.imageHeight}}" crop="true" alt="{{::item.name}}" title="{{::item.name}}" version="{{::item.version}}"></sb-image>    </div>    <!-- Content -->    <div class="list-item-content">        <h4 data-ng-bind="item.name"></h4>        <div class="price-wrapper price-wrapper-slim" data-ng-class="::{\'price-wrapper-sale\' : item.comparisonPrice > 0 }" data-ng-if="item.price">            <span class="price-from-label" data-ng-if="item.fromPrice">from</span>            <span class="price-amount-label" data-ng-if="product.amount && !item.fromPrice"><span data-ng-bind="::item.amount"></span> x </span>            <span class="price-sale" data-ng-bind="::item.price | sbcurrency:{v:1}" data-ng-if="item.comparisonPrice && item.comparisonPrice > 0"></span>            <span class="price-ordinary" data-ng-bind="::item.price | sbcurrency:{v:1}" data-ng-if="!item.comparisonPrice || item.comparisonPrice === 0"></span>            <span class="price-ordinary" data-ng-bind="::item.comparisonPrice | sbcurrency:{v:1}" data-ng-if="item.comparisonPrice && item.comparisonPrice > 0"></span>        </div>    </div>    <div class="list-item-addon" data-ng-if="item.active && item.articleGroups[0].articles.length > 1">        <div data-ng-repeat="listArticleGroup in item.articleGroups track by $index" data-ng-show="listArticleGroup.articles.length > 1">            <select class="small" data-ng-model="item" data-ng-options="article.label for article in listArticleGroup.articles track by article.id" data-ng-change="listArticleGroup.activeArticle = item.id" data-ng-disabled="article.internalStock == 0 && article.externalStock == 0 && article.storeStock == 0">                <option value="" disabled="disabled" data-ng-bind="listArticleGroup.title"></option>            </select>        </div>    </div>    <!-- Icons -->    <div class="list-item-icons">        <span class="list-item-icon-label list-item-icon list-item-icon-standard" data-ng-if="list.attrs.labels">Add to</span>        <i class="list-item-icon list-item-icon-standard {{::list.attrs.iconStandard}}" data-ng-class="{\'icon icon-sb-shop-plus\': !list.attrs.iconStandard}"></i>        <i class="fa fa-spin fa-circle-o-notch list-item-icon list-item-icon-loading"></i>    </div>    <div data-ng-if="list.attrs.buy">        <div class="btn btn-green" data-ng-click="openItemEdit(orderItem)">            <i class="fa fa-plus"></i>                    </div>    </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/lists/sb-tools-list', '<div class="sb-list list list-loaded" data-ng-class="{\'list-view-list\': attrs.listView != \'thumbs\', \'list-view-thumbs\': attrs.listView == \'thumbs\', \'list-noclick\': attrs.noclick, \'list-multiselect\': attrs.multiselect, \'list-toggle\': attrs.toggle, \'list-labels\': attrs.labels, \'list-locked\': attrs.locked, \'list-lightbox\': attrs.lightbox, \'list-size-large\': attrs.size == \'large\', \'list-size-medium\': attrs.size == \'medium\', \'list-size-small\': attrs.size == \'small\', \'list-buy\': attrs.buy}">  <ul class="list-items">    <li class="list-item" data-ng-repeat="item in items track by item.id" data-ng-class="{\'list-item-inactive\': item.inactive, \'list-item-active\': item.active}" data-ng-show="!item.invalid" data-ng-if="$index < maxItems">      <sb-list-item item="item" data-ng-if="!item.price"></sb-list-item>      <sb-list-product item="item" data-ng-if="item.price"></sb-list-product>      <div class="list-item-btn list-item-trigger" data-ng-click="toggleitem(item)" data-ng-if="!item.price"></div>      <a class="list-item-btn list-item-trigger" data-ng-href="{{url.getProductUrl(item, null, null, { list: name, pos: $index })}}" data-ng-if="item.price"></a>    </li>  </ul>  <div class="list-trigger list-trigger-icon"><i class="fa fa-chevron-circle-down"></i></div>  <div class="list-trigger list-trigger-text">    <p class="list-trigger-text-more">More info <i class="fa fa-chevron-down"></i></p>    <p class="list-trigger-text-less">less info <i class="fa fa-chevron-up"></i></p>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/relatedlists/sb-tools-relatedlist', '<div class="sb-relatedlist list list-view-thumbs">  <ul class="list-items count-{{attrs.itemcount}}">    <li class="list-item" data-ng-repeat="item in items">      <div class="list-item-image">        <sb-image image-id="{{item.product.id}}" width="150" height="150" crop="true" type="p" alt="{{item.product.name}}" version="{{item.product.version}}"></sb-image>      </div>      <div class="list-item-content">        <h4 data-ng-bind="item.product.name"></h4>        <p data-ng-if="item.product">          <span class="pricetag pricetag-original" data-ng-show="item.product.comparisonPrice > 0" data-ng-bind="item.product.comparisonPrice | sbcurrency"></span>          <span class="pricetag" data-ng-class="{\'pricetag-sale\': item.product.comparisonPrice > 0}" data-ng-bind="item.product.price | sbcurrency"></span>        </p>      </div>      <a href="{{url.getProductUrl(item.Product)}}" class="list-item-trigger"></a>    </li>  </ul></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/selectlists/sb-tools-selectlist-item', '<div class="sb-selectlist-item">  <!-- Image -->  <div class="selectlist-item-image">    <img src="/Content/images/sb/blank.png" data-ng-src="{{item.image}}" alt="{{::item.name}}" />  </div>  <!-- Content -->  <div class="selectlist-item-content">    <h4 data-ng-bind="item.name"></h4>    <p ng-bind-html="item.description"></p>  </div>  <div class="selectlist-item-addon" data-ng-if="item.active && item.addon">    <p ng-bind-html="item.addon" data-ng-bind="item.addon"></p>  </div>  <!-- Icons -->  <div class="selectlist-item-icons">    <span class="selectlist-item-icon-label selectlist-item-icon selectlist-item-icon-standard" data-ng-if="selectlist.attrs.labels">Add to</span>    <i class="selectlist-item-icon selectlist-item-icon-standard {{::selectlist.attrs.iconStandard}}" data-ng-class="{\'fa fa-circle\': !selectlist.attrs.iconStandard}"></i>    <i class="selectlist-item-icon selectlist-item-icon-active {{selectlist.attrs.iconActive}}" data-ng-class="{\'fa fa-check-circle\': !selectlist.attrs.iconActive}"></i>    <i class="selectlist-item-icon selectlist-item-icon-remove {{selectlist.attrs.iconRemove}}" data-ng-class="{\'fa fa-times-circle\': !selectlist.attrs.iconRemove}"></i>    <i class="fa fa-spin fa-circle-o-notch selectlist-item-icon selectlist-item-icon-loading"></i>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/selectlists/sb-tools-selectlist-product', '<div class="sb-selectlist-product">  <!-- Image -->  <div class="selectlist-item-image" data-ng-click="fancybox.fancyboxOpen(selectlist.image.getImageSrc(item.id, {type: \'p\', height: 960}), item.name)">    <sb-image image-id="{{::item.id}}" width="{{selectlist.imageWidth}}" height="{{selectlist.imageHeight}}" crop="true" alt="{{::item.name}}" version="{{::item.version}}"></sb-image>  </div>  <!-- Content -->  <div class="selectlist-item-content">    <h4 data-ng-bind="item.name"></h4>    <p data-ng-if="item.price != undefined">      <span class="red" data-ng-show="item.amount"><span data-ng-bind="item.amount"></span> x </span>      <span class="gray" data-ng-show="!item.amount">Price</span>      <span class="bold" ng-class="{\'red\': item.comparisonPrice > 0}" data-ng-bind="item.price | sbcurrency"></span>      <span class="oldprice" data-ng-show="item.comparisonPrice > 0" data-ng-bind="item.comparisonPrice | sbcurrency"></span>    </p>  </div>  <div class="selectlist-item-addon" data-ng-if="item.active && item.articleGroups[0].articles.length > 1">    <div data-ng-repeat="selectlistArticleGroup in item.articleGroups track by $index" data-ng-show="selectlistArticleGroup.articles.length > 1">      <select class="small" data-ng-model="item" data-ng-options="article.label for article in selectlistArticleGroup.articles track by article.id" data-ng-change="selectlistArticleGroup.activeArticle = item.id" data-ng-disabled="article.stock == 0">        <option value="" disabled="disabled" data-ng-bind="selectlistArticleGroup.title"></option>      </select>    </div>  </div>  <!-- Icons -->  <div class="selectlist-item-icons">    <span class="selectlist-item-icon-label selectlist-item-icon selectlist-item-icon-standard" data-ng-if="selectlist.attrs.labels">Add to</span>    <i class="selectlist-item-icon selectlist-item-icon-standard {{::selectlist.attrs.iconStandard}}" data-ng-class="{\'icon icon-sb-shop-plus\': !selectlist.attrs.iconStandard}"></i>    <i class="selectlist-item-icon selectlist-item-icon-active {{selectlist.attrs.iconActive}}" data-ng-class="{\'icon icon-sb-shop-ok\': !selectlist.attrs.iconActive}"></i>    <i class="selectlist-item-icon selectlist-item-icon-remove {{selectlist.attrs.iconRemove}}" data-ng-class="{\'icon icon-sb-shop-minus\': !selectlist.attrs.iconRemove}"></i>    <i class="fa fa-spin fa-circle-o-notch selectlist-item-icon selectlist-item-icon-loading"></i>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb/selectlists/sb-tools-selectlist', '<div class="sb-selectlist selectlist selectlist-loaded" data-ng-class="{\'selectlist-noclick\': attrs.noclick, \'selectlist-multiselect\': attrs.multiselect, \'selectlist-toggle\': attrs.toggle, \'selectlist-labels\': attrs.labels, \'selectlist-locked\': locked, \'selectlist-lightbox\': attrs.lightbox, \'selectlist-size-large\': attrs.size == \'large\', \'selectlist-size-medium\': attrs.size == \'medium\', \'selectlist-size-small\': attrs.size == \'small\'}">  <ul class="list-items selectlist-items">    <li class="list-item selectlist-item" data-ng-repeat="item in items" data-ng-class="{\'selectlist-item-inactive\': item.inactive, \'selectlist-item-active\': item.active}" data-ng-show="!item.invalid" data-ng-if="$index < maxItems">      <sb-selectlist-item item="item" data-ng-if="item.price == undefined"></sb-selectlist-item>      <sb-selectlist-product item="item" data-ng-if="item.price != undefined"></sb-selectlist-product>      <div class="selectlist-item-btn selectlist-item-trigger" data-ng-click="toggleitem(item)"></div>    </li>  </ul>  <div class="selectlist-trigger selectlist-trigger-icon"><i class="fa fa-chevron-circle-down"></i></div>  <div class="selectlist-trigger selectlist-trigger-text">    <p class="selectlist-trigger-text-more">More info <i class="fa fa-chevron-down"></i></p>    <p class="selectlist-trigger-text-less">less info <i class="fa fa-chevron-up"></i></p>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-black-friday-message', '<div class="sb-black-friday-message" ng-cloak>  <sb-black-friday module="hero-xsmall" bfoverlay="true"></sb-black-friday>  <sb-black-friday module="steps"></sb-black-friday></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-admin-edit-icon', '<a style="color:orangered" data-ng-href="url" data-ng-class="{\'adminLink fancybox.iframe\': iframe}"><i class="fa fa-pencil"></i></a>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-bannerflow-embed', '<div class="sb-bannerflow-embed" ng-bind-html="bfUrl"></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-breadcrumbs', '<div class="sb-breadcrumbs" ng-show="breadcrumbs.length > 0">  <div class="white-background breadcrumbs-container">    <div class="centerwrap">      <div class="product-breadcrumbs">        <ul>          <li ng-repeat="crumb in breadcrumbs">            <a href="{{::crumb.url}}" class="animated-stripe animated-stripe-hover animated-stripe-black" ng-bind="::crumb.name"></a>          </li>        </ul>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-campaign-banner', '<div class="sb-campaign sb-campaign-{{campaign.campaignName}}">  <a data-ng-if="!bannerflow && !attrs.productPageBanner" class="campaign-link campaign-link-{{campaign.campaignName}}" ng-href="{{campaign.campaignUrl}}" data-campaign-name="Campaign {{campaign.campaignName}} banner" ng-cloak>    <img class="campaign-image-1248x354" ng-src="{{campaign.imageHost + campaign.imageUrl + \'campaign-banner-1248x354\' + campaign.retina + \'.jpg?version=\' + campaign.version}}" />    <img class="campaign-image-992x240" ng-src="{{campaign.imageHost + campaign.imageUrl + \'campaign-banner-992x240\' + campaign.retina + \'.jpg?version=\' + campaign.version}}" />    <img class="campaign-image-640x480" ng-src="{{campaign.imageHost + campaign.imageUrl + \'campaign-banner-640x480\' + campaign.retina + \'.jpg?version=\' + campaign.version}}" />  </a>  <a data-ng-if="bannerflow && !attrs.productPageBanner" class="campaign-link campaign-link-{{campaign.campaignName}}" ng-href="{{campaign.campaignUrl}}" data-campaign-name="Campaign {{campaign.campaignName}} banner" ng-cloak>    <img class="campaign-image-1248x354" ng-src="{{ bannerflow1248x354 + \'?version=\' + campaign.version }}" />    <img class="campaign-image-992x240" ng-src="{{ bannerflow992x240 + \'?version=\' + campaign.version }}" />    <img class="campaign-image-640x480" ng-src="{{ bannerflow640x480 + \'?version=\' + campaign.version }}" />  </a>  <a data-ng-if="bannerflow && attrs.productPageBanner" ng-href="{{campaign.campaignUrl}}" ng-cloak>    <img class="campaign-image-640x220" ng-src="{{ bannerflow640x220 + \'?version=\' + campaign.version }}" />  </a></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-campaign-countdown', '<div class="sb-campaign-countdown">  <p><i class="fa fa-clock-o"></i>Offer valid for:<br /><span class="clock" data-ng-bind="hours + \'h\' + \' \' + minutes + \'m\' + \' \' + seconds + \'s\'"></span></p></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-campaign-flap', '<div class="sb-campaign-flap sb-campaign-flap-{{::campaign.campaignName}}" ng-click="openCampaignFlap()">  <div class="flap-desktop">    <img class="campaign-image-flap campaign-image-70x60" ng-src="{{::flapImage}}" width="70" height="60" />  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-campaign-header', '<div class="sb-campaign-header sb-campaign-header-{{campaign.campaignName}}">  <style class="sb-campaign-styles" data-ng-bind="campaign.campaignStyles"></style>  <!-- Campaign header bg -->  <div class="campaign-header-bg"></div>  <!-- Campaign header -->  <div class="campaign-header campaign-sale-header">    <div class="campaign-header-object campaign-header-object-1"></div>    <div class="campaign-header-object campaign-header-object-2"></div>    <div class="campaign-header-object campaign-header-object-3"></div>  </div>  <div class="competition-campaign-header" data-ng-class="{\'with-video\': campaign.campaignSettings.custom[\'competition-video\']}" data-ng-if="campaign.campaignSettings.custom[\'competition-layout\']">    <div class="centerwrap">      <div class="competition-campaign-columns">        <div class="competition-campaign-column competition-campaign-column--content">          <div class="competition-campaign-column-text">            <p class="competition-campaign-vignette" data-ng-if="campaign.campaignSettings.custom.competitionStrings[\'competition-vignette\']" data-ng-bind="campaign.campaignSettings.custom.competitionStrings[\'competition-vignette\']"></p>            <h2 data-ng-if="campaign.campaignSettings.custom.competitionStrings[\'competition-title\']" data-ng-bind="campaign.campaignSettings.custom.competitionStrings[\'competition-title\']"></h2>            <p data-ng-if="campaign.campaignSettings.custom.competitionStrings[\'competition-text1\']" data-ng-bind="campaign.campaignSettings.custom.competitionStrings[\'competition-text1\']"></p>            <p data-ng-if="campaign.campaignSettings.custom.competitionStrings[\'competition-text2\']" data-ng-bind="campaign.campaignSettings.custom.competitionStrings[\'competition-text2\']"></p>            <p data-ng-if="campaign.campaignSettings.custom.competitionStrings[\'competition-text3\']" data-ng-bind="campaign.campaignSettings.custom.competitionStrings[\'competition-text3\']"></p>          </div>        </div>        <div class="competition-campaign-column competition-campaign-column--video" data-ng-if="campaign.campaignSettings.custom[\'competition-video\']">          <div class="video">              <!-- ReSharper disable once Html.Obsolete -->            <iframe ng-src="{{campaign.campaignSettings.custom[\'competition-video\']}}" frameborder="0" allowfullscreen></iframe>          </div>        </div>        <div class="competition-campaign-column competition-campaign-column--competition" data-ng-if="campaign.campaignSettings.custom.competitionStrings[\'competition-comp-text\']">          <div class="competition-badge"></div>          <p data-ng-bind="campaign.campaignSettings.custom.competitionStrings[\'competition-comp-text\']"></p>          <a class="btn btn-black" href="" data-ng-href="campaign.campaignSettings.custom.competitionStrings[\'competition-comp-link\']" target="_blank" data-ng-bind="campaign.campaignSettings.custom.competitionStrings[\'competition-comp-cta\']" data-ng-if="campaign.campaignSettings.custom.competitionStrings[\'competition-comp-link\'] && campaign.campaignSettings.custom.competitionStrings[\'competition-comp-cta\']"></a>        </div>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-campaign-popup', '<div class="sb-campaign-popup sb-campaign-popup-{{campaign.name}}">  <div data-ng-if="bannerflow">    <a class="campaign-link campaign-link-{{campaign.name}}" href="{{campaign.campaignUrl}}" data-campaign-name="Campaign {{campaign.campaignName}} banner" ng-if="campaign.custom.popup != \'custom\'">      <img class="campaign-image-640x480" ng-src="{{ bannerflowPopup }}" />    </a>  </div>  <div data-ng-if="!bannerflow">    <a class="campaign-link campaign-link-{{campaign.name}}" href="{{campaign.campaignUrl}}" data-campaign-name="Campaign {{campaign.campaignName}} banner" ng-if="campaign.custom.popup != \'custom\'">      <img class="campaign-image-640x480" ng-src="{{campaign.imageHost + campaign.imageUrl + \'campaign-banner-640x480\' + campaign.retina + \'.jpg?version=\' + campaign.version}}" />    </a>    <div class="campaign-popup-custom campaign-popup-custom-{{campaign.name}}" ng-if="campaign.custom.popup == \'custom\'">      <div class="campaign-popup-badge">        <img class="campaign-image-badge" ng-src="{{campaign.imageHost + campaign.imageUrl + campaign.badgeImage + campaign.retina + \'.png?version=\' + campaign.version}}" />      </div>      <div class="headline-container">        <h1 class="front">10%</h1>        <h1 class="shadow">10%</h1>      </div>      <div class="headline-sub-container">        <h2>Off on everything!</h2>        <p>Enter code at checkout. Valid until midnight. </p>      </div>      <div class="campaign-code">        <span ng-click="showCampaignCoupon = !showCampaignCoupon" ng-show="!showCampaignCoupon">Show voucher code</span>        <span ng-show="showCampaignCoupon" ng-bind="campaign.custom.coupon">XXXXXX</span>      </div>      <div></div>      <div class="close-label">No thanks, I&#39;m fine with paying full price. </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-campaign-steps', '<div class="sb-campaign-steps">  <div class="bf-steps centerwrap">    <div class="bf-steps-headline">+Kick-ass-deals!</div>    <div class="bf-santa">      <div class="eyecontainer">        <div class="eye lefteye"></div>        <div class="eye righteye"></div>      </div>    </div>    <div class="bf-steps-container">      <ul class="bf-productlist">        <li class="bf-productlist-item" ng-repeat="product in blackFridayBonus" ng-click="bfOpenProductOverlay(product.id)">          <div class="bf-item-container">            <i class="fa fa-check" aria-hidden="true" ng-show="($index === 0 && stepOneActive) || ($index === 1 && stepTwoActive) || ($index === 2 && stepThreeActive) || ($index === 3 && stepFourActive)"></i>            <div class="bf-item-image">              <img ng-src="{{getImageUrl(product.id, 110)}}">            </div>            <div class="bf-item-price">              <span ng-bind="priceValue | sbcurrency"></span>            </div>          </div>          <div class="bf-item-title">            <div><strong><span ng-bind="product.name"></strong></div>            (Original Price <span ng-bind="setPrice(product.price, product.comparisonPrice) | sbcurrency"></span>)          </div>          <ul class="sub-product">            <li class="sub-product-item" ng-repeat="subProduct in blackFridayBonus" ng-if="subProduct.name !== product.name">              <div class="bf-item-container">                <div class="bf-item-image">                  <img ng-src="{{getImageUrl(subProduct.id, 50)}}">                </div>                <div class="bf-item-price">                  <span ng-bind="priceValue | sbcurrency"></span>                </div>              </div>            </li>          </ul>        </li>        <div class="bf-steps-info" ng-cloak>          <div class="vertical-align">            <div class="bf-steps-info-box">              Deal added at checkout!            </div>          </div>        </div>        <div class="pointer-container" ng-cloak>          <div class="bf-pointer"></div>          <div class="bf-pointer right"></div>        </div>      </ul>      <div class="bf-subtext-container">        <div class="bf-subtext">          <div class="bf-subtext-vertical">            <span ng-show="!stepOneActive">Shop for at least 100€</span>            <strong ng-show="!stepOneActive">get a deal for 1€</strong>            <span ng-show="stepOneActive">You have reached 100€</span>            <strong><span ng-show="stepOneActive"></span>You get a deal for 1€</strong>          </div>        </div>        <div class="bf-subtext">          <div class="bf-subtext-vertical">            <span ng-show="!stepTwoActive">Shop for at least 150€</span>            <strong ng-show="!stepTwoActive">get two deals for 1€ / pc</strong>            <span ng-show="stepTwoActive">Awesome! You have shopped for 150€</span>            <strong><span ng-show="stepTwoActive"></span>You ge two deals for 1€ / pc</strong>          </div>        </div>        <div class="bf-subtext">          <div class="bf-subtext-vertical">            <span ng-show="!stepThreeActive">Shop for at least 200€</span>            <strong ng-show="!stepThreeActive">get three deals for 1€ / pc</strong>            <span ng-show="stepThreeActive">€ 200 level completed!</span>            <strong><span ng-show="stepThreeActive">You get three deals for 1€ / pc</span></strong>          </div>        </div>        <div class="bf-subtext">          <div class="bf-subtext-vertical">            <span ng-show="!stepFourActive">Shop for at least 300€</span>            <strong ng-show="!stepFourActive">get four deals for 1€ / pc</strong>            <span ng-show="stepFourActive">Full score! You have shopped for 300€</span>            <strong><span ng-show="stepFourActive">You get four deals for 1€ / pc</span></strong>          </div>        </div>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-cart-process', '<div class="sb-cart-process grey-overlay">  <div class="grey-overlay-container cart-overlay adding" ng-class="{\'cart-overlay-active\': adding}">    <div class="process-img">      <sb-loader transparent="true" loading="true" size="medium"></sb-loader>      <sb-image id="{{data.img}}" data-image-id="{{data.img}}" data-q="50" width="150"></sb-image>    </div>    <p>The product is being added to your cart</p>  </div>  <div class="grey-overlay-container cart-overlay added" ng-class="{\'cart-overlay-active\': added}">    <div class="process-img green">      <div class="overlay-icon">        <div class="checkmark-container" ng-if="added">          <div class="checkmark">            <svg class="checkmark-container" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">              <path class="checkmark" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>            </svg>          </div>        </div>      </div>      <sb-image id="{{data.img}}" data-image-id="{{data.img}}" data-q="50" height="150"></sb-image>    </div>    <p>The product has been added to your cart</p>    <div class="btn btn-attention" data-ng-click="gotocompl()">Continue shopping</div>    <a class="btn btn-green" data-ng-href="{{cartUrl}}">Proceed to checkout</a>  </div>  <div class="grey-overlay-container cart-overlay error" ng-class="{\'cart-overlay-active\': error}">    <div class="process-img orange">      <div class="overlay-icon">        <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>      </div>    </div>    <p ng-bind-html="errorMessage"></p>    <a class="btn btn-attention" data-ng-if="noticeMoreUrl" data-ng-bind=":: noticeReadMore | loc" data-ng-href="{{ noticeMoreUrl }}"></a>    <div class="btn btn-attention" data-ng-if="!noticeMoreUrl" data-ng-click="$overlay.closeOverlay()">Continue shopping</div>  </div>  <div class="compl cart-overlay" ng-class="{\'cart-overlay-active\': compl}">    <sb-complementary-product data="data.compl" added="added" error="error" adding="adding" compl="compl"></sb-complementary-product>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-category-nav', '<div class="sb-category-nav">  <div class="centerwrap">    <div class="productlist-nav-wrapper vehicle-cat-nav">      <div class="productlist-nav-container">        <div class="productlist-nav-subcategory">          <div class="btn btn-large btn-grey edit-cat-btn" data-ng-click="vehicleMobileNavToggle = !vehicleMobileNavToggle" data-ng-show="vehicleMobileNavToggleBtn && !vehicleMobileNavToggle">Change category</div>          <div class="btn btn-large btn-grey edit-cat-btn" data-ng-click="vehicleMobileNavToggle = !vehicleMobileNavToggle" data-ng-show="vehicleMobileNavToggleBtn && vehicleMobileNavToggle">Close categories</div>          <ul class="vehicle-cat-nav-containers" sb-slide-toggle="vehicleMobileNavToggle">            <li class="vehicle-cat-nav-container" data-ng-repeat="category in midCategories">              <div class="vehicle-cat-nav-header" ng-if="::size !== \'large\'" data-ng-click="category.subCatToggle = !category.subCatToggle" data-ng-class="{\'vehicle-cat-border\': !category.subCatToggle, \'vehicle-cat-nav-header-active\': category.subCatToggle}">                <i class="icon icon-sb-{{::category.icon}}">                </i>                <h3 ng-bind="::category.name"></h3>                <i class="fa" data-ng-class="{\'fa-plus-circle\': !category.subCatToggle, \'fa-minus-circle\': category.subCatToggle}"></i>              </div>              <div class="vehicle-cat-nav-header cat-nav-header-inactive" ng-if="::size === \'large\'">                <i class="icon icon-sb-{{::category.icon}}">                </i>                 <a data-ng-href="{{$url.params([urlSpecific, category.urlName])}}">                   <h3 data-ng-bind="category.name"></h3>                 </a>              </div>              <ul class="productlist-nav-sub-items productlist-nav-list" style="display: none;" sb-slide-toggle="category.subCatToggle" ng-class="{\'limit-to\': category.limitToFive}">                <li class="productlist-nav-sub-item" data-ng-repeat="bottomCategory in category.subCategories" data-ng-class="{\'active\': bottomCategory.id === categoryId}">                  <a data-ng-href="{{$url.params([urlSpecific, category.urlName, bottomCategory.urlName])}}">                    <i class="icon fa fa-chevron-right"></i>                    <span class="productlist-nav-sub-item-name" ng-bind="::bottomCategory.name"></span>                  </a>                </li>              </ul>              <div class="btn-text" ng-show="category.limit" ng-click="category.limitToFive = !category.limitToFive">                <i class="fa" data-ng-class="{\'fa-plus-circle\': category.limitToFive, \'fa-minus-circle\': !category.limitToFive}"></i>                <span ng-show="category.limitToFive">Show all</span>                <span ng-show="!category.limitToFive">Show less</span>              </div>            </li>          </ul>        </div>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-checkout-complete', '<div class="sb-checkout-complete">  <div class="pure-overlay-box">    <div class="high-five-animation">      <div class="high-five-left"></div>      <div class="high-five-right"></div>    </div>    <div class="high-five-content">      <h1>High-five!</h1>      <h2>Your order is being finalised</h2>      <div class="high-five-logo"></div>      <i class="fa fa-6x fa-circle-o-notch"></i>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-circle-graph', '<svg class="filter-graphic-svg" ng-attr-width="{{::graphSize}}" ng-attr-height="{{::graphSize}}" version="1.1" xmlns="http://www.w3.org/2000/svg">  <circle class="filter-graphic-svg-bar" ng-attr-r="{{ graphRadius }}" ng-attr-cx="{{ graphRadius }}" ng-attr-cy="{{ graphRadius }}" fill="transparent" ng-attr-stroke-dasharray="{{ dashArray }}" stroke-dashoffset="0"></circle>  <circle ng-attr-r="{{ graphRadius }}" ng-attr-cx="{{ graphRadius }}" ng-attr-cy="{{ graphRadius }}" fill="transparent" stroke-dasharray="{{ dashArray }}" stroke-dashoffset="{{ circleAnimate }}"></circle></svg>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-complementary-product', '<div class="sb-complementary-product">  <div bind-html-compile="data.productRelatedData.data"></div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-customer-input', '');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-dialog', '<div class="sb-dialog">  <div class="dialog cart-dialog" data-ng-mouseenter="mouseEnterCartDialog()" data-ng-mouseleave="mouseLeaveCartDialog()" data-ng-class="{\'dialog-active\': cartDialogToggle, \'dialog-active-fade\': cartDialogToggleFade}" data-ng-if="dialogType == \'cart\'">    <ul>      <li class="dialog-product" data-ng-repeat="dialogItem in dialogRepeat">        <i class="fa fa-times-circle" aria-hidden="true" data-ng-click="closeCartAnimation()"></i>       <sb-image image-id="{{dialogItem.productId}}" width="100" height="100" crop="true" type="p" alt="{{dialogItem.fullLabel}}" version="{{dialogItem.version}}"></sb-image>        <h4 data-ng-bind="dialogText"></h4>        <a class="btn btn-green" data-ng-href="/checkout">          Proceed to checkout        </a>      </li>    </ul>  </div>  <div class="dialog fmb-dialog" data-ng-mouseenter="mouseEnterFmbDialog()" data-ng-mouseleave="mouseLeaveFmbDialog(2000)" data-ng-class="{\'dialog-active\': fmbCartDialog, \'dialog-active-fade\': fmbCartDialogFade}" data-ng-if="dialogType == \'fmb\'">    <div class="dialog-product">      <i class="fa fa-times-circle" aria-hidden="true" data-ng-click="closeFmbAnimation()"></i>      <div class="vehicle-burnout-dialog">        <div class="vehicle-burnout-container">          <div class="vehicle-burnout" data-ng-class="{\'active\': vehicleBurnActive}"></div>        </div>        <i class="icon icon-nav-vehicle"></i>      </div>      <h4>Your bike has been added</h4>      <a data-ng-href="{{$url.getVehicleUrl(currentVehicle)}}" class="btn btn-attention"  data-ng-if="currentVehicle">View all parts</a>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-engraving', '<div class="product-personal-print-container personal-print-engraving">  <div class="product-personal-title">    <h1>Engrave name and number</h1>    <h3 class="personal-print-subheader">      <span class="price" data-ng-bind="\'Only {0} extra.\' | insert: [printProduct.currencyPrice]"></span>      <span class="with-icon"><i class="fa fa-thumbs-o-up"></i> Excellent quality.</span>      <span class="with-icon"><i class="fa fa-truck"></i> Delivery within just 5 to 10 working days. </span>      <span class="with-icon"><i class="icon-sb icon-sb-generic-engraving"></i> Engraved in our own studio. </span>    </h3>  </div>  <div class="product-personal-print">    <div class="personal-print-generated">      <div class="generated-print">        <div class="meta-boxes-container meta-boxes-left">          <div class="meta-box meta-box-input">            <h4>              <span class="step">1</span>Enter the name you want printed:              <span class="disclaimer" data-ng-class="{\'bold\': !addToCartValid}">Enter XXX if you do not want to add a name</span>            </h4>            <sb-input class="sb-form-control sb-form-control-uppercase" ng-model="printName" ng-change="setValue(\'printName\', printName);"                      data-messages="{ required: \'Enter XXX if you do not want to add a name\', maxlength: \'Maximum 50 characters\' }"                      data-use-warning="true" data-warning="printNameWarning" data-warning-message="{{printNameWarningMessage}}"                      data-placeholder="Enter the name you want printed:" data-ig="personal-print-name" data-pid="{{ product.id }}" maxlength="50" required>            </sb-input>          </div>          <div class="meta-box meta-box-input">            <h4>              <span class="step">2</span>Enter the name you want printed:              <span class="disclaimer" data-ng-class="{\'bold\': !addToCartValid}">Enter XXX if you do not want to add a number</span>            </h4>            <sb-input class="sb-form-control sb-form-control-uppercase" ng-model="printNumber" ng-change="setValue(\'printNumber\', printNumber);"                      data-messages="{ required: \'Enter XXX if you do not want to add a number\', maxlength: \'Maximum 50 characters\' }"                      data-use-warning="true" data-warning="printNumberWarning" data-warning-message="{{printNumberWarningMessage}}"                      data-placeholder="Enter the name you want printed:" data-ig="personal-print-number" data-pid="{{ product.id }}" maxlength="50" required>            </sb-input>          </div>        </div>        <div class="meta-boxes-container meta-boxes-right">          <div class="meta-box meta-box-font">            <h4><span class="step">3</span>Choose font</h4>            <ul>              <li ng-repeat="font in values.fonts">                <a data-ng-click="setValue(\'font\', font)" data-aid="{{ font.id }}" data-aid-branded="{{ font.idBranded }}" data-label="{{ font.label }}" data-ng-class="font.family == activeValues.font.family ? \'current\' : \'\'">{{ font.label }}</a>              </li>            </ul>          </div>        </div>        <canvas id="personal-print-canvas" width="300" height="500"></canvas>        <img class="product-personal-branded" data-ng-src="https://content.pierce-ecom.com/Content/images/{{ logoUrl }}" width="230" height="64" />      </div>      <div class="product-personal-images">        <div class="image" data-ng-repeat="id in printProduct.imageIds">          <sb-image data-type="img" data-image-id="{{ id }}" width="240" height="240" data-crop="true" alt="Print images"></sb-image>        </div>      </div>    </div>  </div>  <div class="product-personal-interaction">    <span class="product-personal-price" data-ng-bind="\'Only {0} extra.\' | insert: [printProduct.currencyPrice]"></span>    <a class="btn btn-grey" data-ng-click="closeCancel()" id="btn-product-personal-cancel">Cancel</a>    <a class="btn btn-green" data-ng-click="closeSave()" id="btn-product-personal-save">Save &amp; add!</a>  </div>  <div class="product-personal-footer">    <div><i class="fa fa-crosshairs"></i> All engraving is done to perfection by our specialists!</div>    <div><i class="fa fa-thumbs-o-up"></i> Best engravement quality. </div>    <div><i class="icon-sb icon-sb-generic-capslock"></i> All letters are printed in uppercase. For example, &quot;john&quot; will be printed as &quot;JOHN&quot;.</div>      <div><i class="fa fa-warning"></i> Engraved products are not eligible for cash-on-delivery. They must be paid for via bank transfer, card, or invoice. </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-fitmybike', '<div class="fmb-wizard-container" ng-if="type !== \'page\' && type !== \'selects\'">  <h3 ng-if="wizardLoaded" class="fmb-grabber-head">Choose brand of the vehicle</h3>  <div class="fmb-grabber-wizard">    <div class="fmb-grabber-brands" ng-class="{\'fmb-grabber-brands-showing\': yearModelShowing}">      <ul class="brand-option-ul">        <li ng-repeat="brand in brands" ng-class="{\'brand-active\': selectedBrand.id === brand.id}" class="brand-option brand-option-{{ brand.id }}">          <div class="brand" ng-click="yearModelShowing||selectBrand(brand)">            <img ng-src="https://content.pierce-ecom.com/Content/images/sb/fmb-brands/{{ brand.name }}.png" />            <span class="brand-name" ng-bind="brand.name"></span>            <div class="wizard-back" ng-click="clearWizard(brand)" ng-if="selectedBrand.id === brand.id && yearModelShowing"><i class="fa fa-times-circle" aria-hidden="true"></i></div>            <div class="fmb-grabber-year-model fmb-grabber-year-model-{{ brand.id }}">              <div class="fmb-grabber-year">                <h4 class="fmb-grabber-head">What model year?</h4>                <div class="fmb-select-container">                  <ui-select search-enabled="false" ng-model="selectedYear" theme="select2" title="Select model year" on-select="selectYear($item)">                    <ui-select-match placeholder="Select model year"><i class="fa fa-check"></i> {{ selectedYear.year }}</ui-select-match>                    <ui-select-choices repeat="yearObj in selectableYears | filter: {year: $select.search}">                      <div class="vert-center">                        <div class="left-col">                          <i ng-if="selectedYear" class="fa fa-check"></i>                          <span ng-bind-html="yearObj.year | highlight: $select.search"></span>                        </div>                      </div>                    </ui-select-choices>                  </ui-select>                </div>              </div>              <div class="fmb-grabber-model">                <h4 class="fmb-grabber-head">What model?</h4>                <div class="fmb-select-container">                  <ui-select ng-disabled="selectableModels.length === 0" search-enabled="false" ng-model="selectedModel" theme="select2" title="Select model year" on-select="selectModel($item)">                    <ui-select-match placeholder="Select model year"><i class="fa fa-check"></i> {{ selectedModel.model }}</ui-select-match>                    <ui-select-choices repeat="modelObj in selectableModels | filter: {name: $select.search}">                      <div class="vert-center">                        <div class="left-col">                          <i ng-if="selectedModel" class="fa fa-check"></i>                          <span ng-bind-html="modelObj.model | highlight: $select.search"></span>                        </div>                      </div>                    </ui-select-choices>                  </ui-select>                  <sb-loader loaded="modelsLoaded"></sb-loader>                </div>              </div>            </div>          </div>        </li>      </ul>    </div>  </div>  <sb-loader loading="refreshLoading" size="large"></sb-loader>  <sb-loader loaded="wizardLoaded"></sb-loader></div><div class="fmb-wizard-container" ng-if="type === \'selects\'">  <div class="minified-fmb">    <div class="vehicle-form">      <div class="brand-select-container" data-ng-class="{\'select-filled\': selectedBrand}">        <div class="list-nr">1</div>        <select class="mobile-select-fmb-menu brand-select" name="brand" data-ng-model="selectedBrand" data-ng-options="brand.name for brand in brands" data-ng-change="selectBrand(selectedBrand)">          <option value="" disabled>Select brand</option>        </select>      </div>      <div class="year-select-container" data-ng-class="{\'select-container-inactive\': !(selectableYears.length > 0), \'select-filled\': selectedYear}">        <div class="list-nr">2</div>        <select class="mobile-select-fmb-menu year-select" name="year" data-ng-disabled="!(selectableYears.length > 0)" data-ng-model="selectedYear" data-ng-options="yearObj.year for yearObj in selectableYears" data-ng-change="selectYear(selectedYear)">          <option value="" disabled>Select model year</option>        </select>      </div>      <div class="model-select-container" data-ng-class="{\'select-container-inactive\': !(selectableModels.length > 0)}">        <div class="list-nr">3</div>        <select class="mobile-select-fmb-menu model-select" name="model" data-ng-model="selectedModel" data-ng-options="model as model.name for model in selectableModels" data-ng-change="selectModel(selectedModel)" data-ng-disabled="!(selectableModels.length > 0)">          <option value="" disabled>Select model year</option>        </select>      </div>    </div>  </div>  <sb-loader loading="refreshLoading"></sb-loader></div><div class="fmb-page-container" ng-if="type === \'page\'">  <div class="centerwrap vehicle-page-brands">    <div class="wizard-vignette">      <div class="number-container">        <div class="wizard-vignette-number">          <p>1</p>        </div>      </div>      <div class="wizard-vignette-label">        <h2>Which make do you ride?</h2>      </div>    </div>    <ul data-ng-class="{\'listItemsFade\': listItemsFadeBrand == true}">      <li data-ng-repeat="brandItem in brands" data-ng-click="selectBrand(brandItem)" data-ng-class="{\'selectedItem\': brandItem.id === selectedBrand.id}">        <div>          <div class="left"><img data-ng-src="/Content/images/sb/fmb-brands/{{brandItem.name}}.png" width="80"></div>          <div class="right"><p>{{brandItem.name}}</p></div>        </div>      </li>    </ul>  </div>  <div class="centerwrap vehicle-page-model" data-ng-class="{\'vehicle-option-active\': selectedBrand}">    <div class="wizard-vignette">      <div class="number-container">        <div class="wizard-vignette-number">          <p>2</p>        </div>      </div>      <div class="wizard-vignette-label">        <h2>What is your model called?</h2>      </div>    </div>    <div class="filter-column">      <ul class="filter-list" ng-class="{\'listItemsFade\': listItemsFadeModel == true}" ng-if="selectableModels.length < 50">        <li class="filter-list-item custom-filter" data-ng-repeat="modelObj in selectableModels" data-ng-click="selectModel(modelObj)" ng-class="{\'selectedItem\': modelObj === selectedModel}">          <span ng-bind="modelObj.model | uppercase"></span>        </li>      </ul>      <div class="vehicle-page-model-select" ng-if="selectableModels.length >= 50">        <ui-select class="ui-select-search" search-enabled="false" ng-model="selectedModel" theme="selectize" title="Select model year" on-select="selectModel($item)">          <ui-select-match placeholder="Select model year"><i class="fa fa-check"></i> {{ selectedModel.model }}</ui-select-match>          <ui-select-choices repeat="modelObj in selectableModels | filter: {model: $select.search}">            <div class="vert-center">              <div class="left-col">                <i ng-if="selectedModel" class="fa fa-check"></i>                <span ng-bind-html="modelObj.model | highlight: $select.search"></span>              </div>            </div>          </ui-select-choices>        </ui-select>      </div>    </div>  </div>  <div class="centerwrap vehicle-page-year" id="year" data-ng-class="{\'vehicle-option-active\': selectedModel}">    <div class="wizard-vignette">      <div class="number-container">        <div class="wizard-vignette-number">          <p>3</p>        </div>      </div>      <div class="wizard-vignette-label">        <h2>Which model year?</h2>      </div>    </div>    <div class="filter-column">      <ul class="filter-list" ng-class="{\'listItemsFade\': listItemsFadeYear == true}">        <li class="filter-list-item custom-filter year-select" data-ng-repeat="val in selectableYears track by $index" data-ng-click="selectYear(val)" data-ng-class="{\'selectedItem\': val === selectedYear}">          <span>{{val}}</span>        </li>      </ul>    </div>  </div>  <sb-loader loading="refreshLoading" size="large"></sb-loader></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-grabber-fmb', '<div class="sb-grabber-fmb-add">  <!-- Fmb grabber add -->  <div class="fmb-grabber" data-ng-if="fmbType == \'fmb-add\' || fmbType === \'fmb-search\'" ng-cloak>    <div class="centerwrap fmb-grabber-mini-container">      <div class="fmb-mini-headline" data-ng-if="fmbGrabberMini && hasVehicles && fmbType !== \'fmb-search\'">Showing products for</div>      <div class="fmb-mini-headline" data-ng-if="fmbGrabberMini && hasVehicles && fmbType === \'fmb-search\'">The search result is filtered to match your vehicle </div>      <div class="fmb-grabber-items" data-ng-if="fmbGrabberMini && hasVehicles">        <div class="fmb-grabber-multiple productlist-nav-selectlist" ng-if="fmbGrabberMini && hasVehicles">          <div class="select-flat-container">            <select class="select-flat" data-ng-model="currentVehicle" data-ng-options="vehicle.name for vehicle in vehicles" data-ng-change="vehicleFilter(currentVehicle)"></select>          </div>          <div class="fmb-grabber-alert-container" data-ng-class="{\'fmb-grabber-alert-active\': fmbGrabberNew}">            <div class="fmb-grabber-alert">              <div class="vehicle-burnout-container">                <div class="vehicle-burnout" data-ng-class="{\'active\': fmbGrabberNew}"></div>              </div>              <i class="icon icon-nav-vehicle"></i>              <p>Your bike has been added</p>            </div>          </div>        </div>      </div>      <div class="btn btn-grey" data-ng-click="toggleFmbGrabber()" data-ng-if="hasVehicles || (!hasVehicles && fmbType === \'fmb-search\')">        <i class="fa " data-ng-class="{\'fa-plus\': fmbGrabberMini, \'fa-minus\': !fmbGrabberMini}"></i>        <p data-ng-show="fmbGrabberMini">Add new vehicle</p>        <p data-ng-show="!fmbGrabberMini">Close</p>      </div>      <div class="fmb-grabber-searchtext" ng-show="fmbGrabberMini && !hasVehicles && fmbType === \'fmb-search\'">        <div><strong>Psst!</strong> Only show search results that fits my vehicle</div> <i class="fa fa-chevron-right" aria-hidden="true"></i>      </div>    </div>    <div class="fmb-slide-container" sb-slide-toggle="!fmbGrabberMini">      <div class="fmb-grabber-base">        <div class="fmb-grabber-vehicle" data-ng-class="{\'fmb-grabber-fade\':!fmbGrabberMini}"></div>        <div class="fmb-grabber-center" data-ng-class="{\'fmb-grabber-fade\':!fmbGrabberMini}">          <h1>Add your bike model</h1>          <p>Spare Parts &amp; Accessories for you and your bike</p>          <div class="fmb-grabber-wizard fmb-grabber-wizard-selects">              <ng-add-vehicle-form data-query-value="grabber" type="selects"></ng-add-vehicle-form>          </div>        </div>        <div class="fmb-grabber-info" data-ng-class="{\'fmb-grabber-fade\':!fmbGrabberMini}">          <div class="productlist-icons">            <div class="productlist-fmb-indication"></div>          </div>          <p>Products with a &quot;OK!&quot; symbol are guaranteed to fit your chosen bike model. Free exchanges and returns if we are wrong, no questions asked!</p>        </div>      </div>    </div>  </div>  <!-- Fmb grabber item -->  <div class="fmb-grabber fmb-item" data-ng-if="fmbType == \'fmb-item\'" ng-cloak>    <div class="fmb-slide-container">      <div class="fmb-grabber-base">        <div class="fmb-grabber-vehicle fmb-grabber-fade"></div>        <div class="fmb-grabber-center fmb-grabber-fade">          <h1 data-ng-bind="vehicle.name" data-ng-if="vehicle.name"></h1>          <p data-ng-if="currentCatActive">Spare Parts &amp; Accessories for you and your bike</p>          <p data-ng-if="!currentCatActive">            <span data-ng-bind="currentCatSecondLevel" data-ng-if="!currentCatActive"></span>            <span data-ng-if="!currentCatActive && currentCatThirdLevelActive">/</span>            <span data-ng-bind="currentCatThirdLevel" data-ng-if="!currentCatActive || currentCatThirdLevelActive"></span>          </p>        </div>        <div class="fmb-grabber-info fmb-grabber-fade">          <div class="productlist-icons">            <div class="productlist-fmb-indication"></div>          </div>          <p>Products with a &quot;OK!&quot; symbol are guaranteed to fit your chosen bike model. Free exchanges and returns if we are wrong, no questions asked!</p>        </div>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-greet', '<div class="sb-greet" data-ng-if="showUsp" sb-slide-toggle="showUspSlide" ng-cloak>  <div class="centerwrap">    <div class="USP-greet-mobile">      <h2>Welcome to XLmoto!</h2>    </div>    <div class="columns">      <div class="column">        <div class="column-container">          <div class="vertical-align">            <div class="column--left">              <h2>Welcome to XLmoto!</h2>              <p>                We are Europe&#39;s best motorcycle webshop with unbelievable                <span data-ng-bind="totalProductCount"></span>                products in stock. Shopping with us is a cinch, and you can feel confident that we will always offer incredible deals!              </p>            </div>            <div class="column--right">              <h3>We offer</h3>              <ul>                <li>                  <p>Free shipping over €100!</p>                </li>                <li>                  <p>Fast Deliveries</p>                </li>                <li>                  <p>60-day return policy</p>                </li>                <span data-ng-if="!eucom">                  <li>                    <p>Free size exchange</p>                  </li>                  <li>                    <p>Lowest Price Guarantee</p>                  </li>                </span>              </ul>            </div>          </div>        </div>      </div>      <div class="column">        <div class="column-container">          <div class="vertical-align">            <sb-safety-badge size="xlarge" tooltip="true" trustpilotactive="true"></sb-safety-badge>          </div>        </div>      </div>      <div class="column">        <div class="column-container">          <div class="vertical-align">            <div class="vehicle-container">              <div class="vehicle-burnout-container">                <div class="vehicle-burnout active"></div>                </div>              <div class="icon icon-nav-vehicle"></div>            </div>            <p>Spare Parts &amp; Accessories for you and your bike</p>            <a ng-href="{{ fmbUrl }}" class="btn btn-attention">Add your bike model</a>          </div>        </div>      </div>    </div>  </div>  <div class="centerwrap">    <div class="submenu-close" data-ng-click="closeUsp()">      <i class="fa fa-times"></i>      <div class="submenu-close-text">Thanks, got it!</div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-header-links', '<div class="header-top-line-other"><div data-ng-if="site24mx"><a href="" data-ng-href="http://www.24mx.ie" class="tooltips"><i class="icon icon-24mx icon-24mx-active icon-sb-mx-chassi"></i><div class="tooltip-content"><h3><img src="https://content.pierce-ecom.com/Content/images/sb-24mx/logo.png" width="136" height="36" alt="Logotype 24MX" />100% Motocross</h3></div></a><a href="" data-ng-href="http://www.xlmoto.ie" target="blank" class="tooltips"><i class="icon icon-xlmoto icon-sb-mc-frame"></i><div class="tooltip-content">  <h3>    <img src="https://content.pierce-ecom.com/Content/images/sb-xlmoto/logo.png" width="136" height="36" alt="Logotype Xlmoto"/>    100% Motorcycle  </h3>        <h4>Powered by 24MX</h4></div></a><a href="" data-ng-href="" target="blank" class="tooltips" data-ng-if="domain = \'se\' || domain = \'no\' || domain = \'fi\'"><i class="icon icon-sledstore icon-sb-snow-chassi"></i><div class="tooltip-content">  <h3>    <img src="https://content.pierce-ecom.com/Content/images/sb-sledstore/logo.png" width="136" height="36" alt="Logotype Sledstore"/>      </h3>        <h4>Powered by 24MX</h4></div></a><a href="" data-ng-href="http://www.xlmoto.ie" class="tooltips" data-ng-if="site = \'xlmoto\'"><i class="icon icon-xlmoto icon-xlmoto-active icon-sb-mc-frame"></i><div class="tooltip-content"><h3><img src="/Content/images/sb-xlmoto/logo.png" width="136" height="36" alt="Logotype XLmoto" />100% Motorcycle</h3></div></a><a href="" data-ng-href="http://www.24mx.ie" target="blank" class="tooltips"><i class="icon icon-24mx icon-sb-mx-chassi"></i><div class="tooltip-content"><h3><img src="/Content/images/sb-24mx/logo.png" width="136" height="36" alt="Logotype 24MX" />100% Motocross</h3></div></a><a href="" data-ng-href="" target="blank" class="tooltips" data-ng-if="domain = \'se\' || domain = \'no\' || domain = \'fi\'"><i class="icon icon-sledstore icon-sb-snow-chassi"></i><div class="tooltip-content"><h3><img src="/Content/images/sb-sledstore/logo.png" width="136" height="36" alt="Logotype Sledstore" /></h3></div></a>  <a data-ng-href="" class="tooltips" data-ng-if="site = \'sledstore\'">  <i class="icon icon-sledstore icon-sledstore-active icon-sb-snow-chassi"></i>  <div class="tooltip-content">  <h3>  <img src="/Content/images/sb-sledstore/logo.png" width="136" height="36" alt="Logotype Sledstore" />    </h3>  </div>  </a>  <a href="" data-ng-href="http://www.24mx.ie" target="blank" class="tooltips" data-ng-if="site = \'sledstore\'">  <i class="icon icon-24mx icon-sb-mx-chassi"></i>  <div class="tooltip-content">  <h3>  <img src="/Content/images/sb-24mx/logo.png" width="136" height="36" alt="Logotype 24MX" />  100% Motocross  </h3>  </div>  </a>  <a href="" data-ng-href="http://www.xlmoto.ie" class="tooltips" data-ng-if="site = \'sledstore\'">  <i class="icon icon-xlmoto icon-sb-mc-frame"></i>  <div class="tooltip-content">  <h3>  <img src="/Content/images/sb-xlmoto/logo.png" width="136" height="36" alt="Logotype XLmoto" />  100% Motorcycle  </h3>  </div>  </a>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-hero', '<div class="sb-hero" data-ng-style="cssStyle" data-ng-class="{\'loaded\': imagesLoaded}">  <ul>    <li data-ng-repeat="item in heroFillImg | limitTo : fillNum">      <img data-ng-src="{{item}}" sb-img-loaded="heroImgLoaded($event)">    </li>    <li class="main-hero"><img data-ng-src="{{image}}" class="hero-main" sb-img-loaded="heroImgLoaded($event)"></li>    <li data-ng-repeat="item in heroFillImg | limitTo : fillNum:fillNum">      <img data-ng-src="{{item}}" sb-img-loaded="heroImgLoaded($event)">    </li>  </ul></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-last-viewed', '<div class="sb-last-viewed" ng-class="{\'last-viewed-active\': showFlexslider}" ng-if="showLastViewedItems" ng-cloak>  <div class="centerwrap">    <div class="last-viewed-content" ng-class="{\'last-viewed-content-inactive\': objectDeletedAnimation}">      <h2>Recently viewed</h2>      <a class="arrow right" ng-click="lastViewedClear()">Clear</a>      <div class="flexslider" ng-cloak>        <div class="custom-navigation flex-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>        <ul class="slides">          <li ng-repeat="item in ::lastViewedProducts | orderBy : \'[]\': true" ng-if="!($first && !read)">            <a ng-href="/{{::item.url}}">              <img ng-src="{{::item.img}}" />              <p ng-bind="::item.brand"></p>              <div class="last-viewed-info" ng-bind="::item.name"></div>            </a>          </li>          <li class="empty-item" ng-repeat="i in ::ghostItems track by $index"></li>        </ul>        <div class="custom-navigation flex-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>      </div>    </div>    <div class="deletedListMessage" ng-class="{\'added\': objectDeletedAnimation}">      <i class="fa fa-check" aria-hidden="true"></i>      <p>The list is empty</p>    </div>    <sb-loader loading="lastViewedLoading"></sb-loader>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-newsletter', '<div class="newsletter">    <form name="newsletterform" ng-class="{\'success\': newsletterApproved === \'true\', \'error\': newsletterApproved === \'error\' || newsletterApproved === \'exists\'}" ng-submit="submitNewsletterForm(newsletterform.$valid)" novalidate>        <div class="input-container" ng-class="{ \'input-container-focus\': (focusForm[\'email\'] || (newsletterFormSubmitted && newsletterform.email.$invalid) || (newsletterFormSubmitted && newsletterApproved !== \'\')) }">            <p><i class="fa fa-envelope-o" aria-hidden="true"></i>Subscribe to out newsletter for news and awesome deals!</p>            <div class="input-form-container">                <input type="email" name="email" placeholder="Your e-mail address:" ng-model="newsletteremail" ng-change="newsletterApproved = \'\'" ng-focus="focusField(\'email\')" ng-blur="blurField(\'email\')" required />                <div class="form-animated-placeholder" ng-show="focusForm[\'email\']">Your e-mail address:</div>                <div class="error-msg" ng-show="newsletterFormSubmitted && newsletterform.email.$invalid && !focusForm[\'email\']">Enter a valid email address</div>                <div class="error-msg" ng-show="newsletterFormSubmitted && newsletterApproved === \'exists\' && !focusForm[\'email\']">Your e-mail address is already registered</div>                <div class="success-msg form-animated-placeholder green" ng-show="newsletterFormSubmitted && newsletterApproved === \'true\' && !focusForm[\'email\']">Thanks! Watch your inbox!</div>                <button type="submit">                    <i class="fa fa-angle-right" aria-hidden="true"></i>                    <i class="fa fa-check" aria-hidden="true"></i>                </button>                <sb-loader loading="newsletterFormLoading"></sb-loader>            </div>        </div>    </form></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-order-item-add', '<div data-ng-show="product.showAdd">  <div>    <div class="box box-rounded cart-item-edit list list-view-list" data-ng-class="{\'cart-item-edit-active\': product.showAdd, \'cart-item-edit-closed\': !product.showAdd}">      <ul class="list-items">        <li class="list-item cart-item-edit-item">          <div class="list-item-image cart-item-edit-image">            <sb-image image-id="{{product.id}}" width="50" height="50" crop="true" type="p" alt="{{product.name}}" version="{{product.version}}"></sb-image>          </div>          <div class="list-item-content">            <h4 data-ng-bind="product.name"></h4>            <p class="text orderItemData">              <span class="bold" ng-class="{\'red\': product.comparisonPrice > 0}" data-ng-bind="product.price | sbcurrency"></span>              <span class="oldprice" data-ng-show="product.comparisonPrice > 0" data-ng-bind="product.comparisonPrice | sbcurrency"></span>            </p>          </div>          <div class="list-item-tools">            <div class="cart-item-edit-close" data-ng-click="product.showAdd = false">              <i class="fa fa-times"></i><br/>              Cancel            </div>          </div>        </li>      </ul>      <div class="box-content">        <div class="checkoutSpacer"></div>        <div class="cart-item-edit-content">          <sb-article-selectors product="product"></sb-article-selectors>        </div>        <div class="cart-item-edit-buttons">          <div class="btn btn-green right" data-ng-click="product.showAdd = false; add(product);" data-ng-show="product.showAdd">            <i class="fa fa-pencil-square-o"></i>            Add to cart          </div>        </div>      </div>    </div>  </div>  <div class="cart-item-overlay" data-ng-click="product.showAdd = false"></div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-order-item-editor', '<div>  <div class="box box-rounded cart-item-edit list list-view-list list-size-medium" ng-class="{\'cart-item-edit-active\': vars.open, \'cart-item-edit-closed\': !vars.open}">    <ul class="list-items">      <li class="list-item cart-item-edit-item">        <div class="list-item-image cart-item-edit-image">          <sb-image image-id="{{::item.productId}}" width="132" height="132" crop="true" type="p" alt="{{::item.name}}" watched></sb-image>        </div>        <div class="list-item-content">          <h4 data-ng-bind="item.name"></h4>          <p class="text orderItemData" data-itemid="{{::item.id}}">            <span class="gray"><span class="orderItem quantity" data-itemid="{{::item.id}}" data-ng-bind="item.quantity + item.editQuantity"></span> x </span>            <span class="bold" ng-class="{\'red\': item.comparisonPrice > 0}" data-ng-bind="item.price | sbcurrency"></span>            <span class="oldprice" data-ng-show="item.comparisonPrice > 0" data-ng-bind="item.comparisonPrice | sbcurrency"></span>          </p>          <p data-ng-show="showReturn">            <input class="return-item" type="checkbox" data-ng-model="item.returnItem" data-ng-true-value="true" data-ng-false-value="false" data-ng-change="setReturnItem(item)" />            <span>Retur</span>          </p>        </div>        <div class="list-item-tools">          <div class="cart-item-edit-close" data-ng-click="close()">            <i class="fa fa-times"></i><br />            Cancel          </div>        </div>      </li>    </ul>    <div class="box-content">      <div class="checkoutSpacer"></div>      <div class="cart-item-edit-content" data-ng-if="vars.product">        <sb-article-selectors data-ng-if="vars.product" product="vars.product"></sb-article-selectors>      </div>      <div class="cart-item-edit-buttons">        <div class="btn btn-green" data-ng-click="close(); save();" data-ng-if="vars.isUpdateable">          <i class="fa fa-pencil-square-o"></i>          Accept changes        </div>        <div class="btn btn-white trash-cart-item-link" data-ng-click="remove()" data-ng-show="vars.isDeletable">          <i class="fa fa-trash-o"></i>          Remove from cart        </div>      </div>    </div>    <sb-loader loading="item.loadingEditor"></sb-loader>  </div>  <div class="cart-item-overlay" data-ng-click="close()" data-ng-show="vars.open"></div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-order-search', '<div class="order-search">  <div class="box">    <div class="box-content">      <div class="header">        <h2>Track you order</h2>        <p>Please fill in the fields below to track your order. Enter the same email address used when placing your order. </p>      </div>      <div class="header-no-hit">        <h2>Please try again</h2>        <p class="no-hit-info">We could not find any orders with this number  <strong data-ng-bind="ordernrSearched"></strong></p>        <p class="no-hit-info-email">The email address provided does not match the email address on your order. </p>      </div>      <form name="orderSearchForm" id="order-search-form" data-ng-submit="submitSearchForm(orderSearchForm.$valid)" novalidate>        <div class="input-container" data-ng-class="{ \'input-container-focus\': (focusForm[\'email\'] || (submitted && orderSearchForm.email.$invalid)) }">          <input type="email" name="email" placeholder="Email address" data-ng-model="email" data-ng-focus="focusField(\'email\')" data-ng-blur="blurField(\'email\')" required />          <div class="form-icon fa fa-envelope"></div>          <div class="form-animated-placeholder" data-ng-show="focusForm[\'email\']">Email address</div>          <div class="error-msg" data-ng-show="submitted && orderSearchForm.email.$invalid && !focusForm[\'email\']">Enter a valid email address</div>        </div>        <div class="input-container" data-ng-class="{ \'input-container-focus\': (focusForm[\'ordernr\'] || (submitted && orderSearchForm.ordernr.$invalid)) }">          <input type="text" name="ordernr" placeholder="Ordernumber" data-ng-model="ordernr" data-ng-minlength="7" data-ng-maxlength="7" data-ng-focus="focusField(\'ordernr\')" data-ng-blur="blurField(\'ordernr\')" required />          <div class="form-icon number-icon"></div>          <div class="form-animated-placeholder" data-ng-show="focusForm[\'ordernr\']">Ordernumber</div>          <div class="error-msg" data-ng-show="submitted && orderSearchForm.ordernr.$invalid && !focusForm[\'ordernr\']">You must enter a valid order number (7 digits). </div>        </div>        <div class="input-container submit">          <button type="submit" class="btn btn-green">Track you order</button>        </div>      </form>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-personal-print', '<div class="product-personal-print-container">  <div class="product-personal-title">    <h1>Have your name and start number printed on your jersey!</h1>    <h3 class="personal-print-subheader">      <span class="price" ng-show="!brandedPrint" data-ng-bind="\'Only {0} extra.\' | insert: [printProduct.currencyPrice]"></span>      <span class="price" ng-show="brandedPrint" data-ng-bind="\'Only {0} extra.\' | insert: [brandedPrintProduct.currencyPrice]"></span>      <span class="with-icon"><i class="fa fa-thumbs-o-up"></i> Excellent quality.</span>      <span class="with-icon"><i class="fa fa-truck"></i> Delivery within just 5 to 10 working days. </span>      <span class="with-icon"><i class="icon-sb icon-sb-mx-streetwear-mens"></i> Printed in our own state-of-the-art printing facility. </span>    </h3>  </div>  <div class="product-personal-print">    <div class="personal-print-generated">      <div class="generated-print">        <div class="meta-boxes-container meta-boxes-left">          <div class="meta-box meta-box-input">            <h4>              <span class="step">1</span>Enter the name you want printed:              <span class="disclaimer">Enter XXX if you do not want to add a name</span>            </h4>            <sb-input class="sb-form-control sb-form-control-uppercase" ng-model="printName" ng-change="setValue(\'printName\', printName);"                       data-messages="{ required: \'Enter XXX if you do not want to add a name\', maxlength: \'Maximum 50 characters\' }"                       data-use-warning="true" data-warning="printNameWarning" data-warning-message="{{printNameWarningMessage}}"                      data-placeholder="Enter the name you want printed:" data-ig="personal-print-name" data-pid="{{ product.id }}" maxlength="50" required>            </sb-input>          </div>          <div class="meta-box meta-box-input">            <h4>              <span class="step">2</span>Enter the name you want printed:              <span class="disclaimer">Enter XXX if you do not want to add a number</span>            </h4>            <sb-input class="sb-form-control sb-form-control-uppercase" ng-model="printNumber" ng-change="setValue(\'printNumber\', printNumber);"                       data-messages="{ required: \'Enter XXX if you do not want to add a number\', maxlength: \'Maximum 50 characters\' }"                       data-use-warning="true" data-warning="printNumberWarning" data-warning-message="{{printNumberWarningMessage}}"                      data-placeholder="Enter the name you want printed:" data-ig="personal-print-number" data-pid="{{ product.id }}" maxlength="50" required>            </sb-input>          </div>          <div class="meta-box meta-box-font">            <h4><span class="step">3</span>Choose font</h4>            <ul>              <li ng-repeat="font in values.fonts">                <a data-ng-click="setValue(\'font\', font)" data-aid="{{ font.id }}" data-label="{{ font.label }}" data-aid-branded="{{ font.idBranded }}" data-ng-class="font.family == activeValues.font.family ? \'current\' : \'\'">{{ font.label }}</a>              </li>            </ul>          </div>        </div>        <div class="meta-boxes-container meta-boxes-right">          <div class="meta-box meta-box-color">            <h4><span class="step">4</span>Choose text color</h4>            <ul>              <li ng-repeat="fontColor in values.fontColors">                <a data-ng-click="setValue(\'fontColor\', fontColor)" href="#" data-aid="{{ fontColor.id }}" data-label="{{ fontColor.label }}" data-aid-branded="{{ fontColor.idBranded }}" data-ng-class="fontColor.hex == activeValues.fontColor.hex ? \'current\' : \'\'" data-ng-style="{\'background-color\':\'#\'+fontColor.hex}"></a>              </li>            </ul>          </div>          <div class="meta-box meta-box-color meta-box-color-outline">            <h4><span class="step">5</span>Choose outline color</h4>            <ul>              <li ng-repeat="strokeColor in values.strokeColors">                <a data-ng-click="setValue(\'strokeColor\', strokeColor)" href="#" data-aid="{{ strokeColor.id }}" data-label="{{ strokeColor.label }}" data-aid-branded="{{ strokeColor.idBranded }}" data-ng-class="strokeColor.hex == activeValues.strokeColor.hex ? \'current\' : \'\'" data-ng-style="{\'background-color\':\'#\'+strokeColor.hex}"></a>              </li>            </ul>          </div>          <div class="meta-box meta-box-logo">            <h4>Add the XLmoto logo and receive a 25% discount on your print</h4>            <a data-ng-click="brandedPrint = !brandedPrint" class="btn" data-ng-class="brandedPrint ? \'btn-grey\' : \'btn-green\'" href="#">              <span data-ng-show="brandedPrint">Remove logo</span>              <span data-ng-show="!brandedPrint">Add logo</span>            </a>          </div>        </div>        <canvas id="personal-print-canvas" width="300" height="500"></canvas>        <img class="product-personal-branded" data-ng-show="brandedPrint" data-ng-src="/Content/images/sb-{{ siteName }}/logo/logo-dark-128x32@2x.png" width="256" height="64" />      </div>    </div>  </div>  <div class="product-personal-interaction">    <span class="product-personal-price" ng-show="!brandedPrint" data-ng-bind="\'Only {0} extra.\' | insert: [printProduct.currencyPrice]"></span>    <span class="product-personal-price" ng-show="brandedPrint" data-ng-bind="\'Only {0} extra.\' | insert: [brandedPrintProduct.currencyPrice]"></span>    <a class="btn btn-grey" data-ng-click="closeCancel()" id="btn-product-personal-cancel">Cancel</a>    <a class="btn btn-green" data-ng-click="closeSave()" id="btn-product-personal-save">Save &amp; add!</a>  </div>  <div class="product-personal-footer">    <div><i class="fa fa-crosshairs"></i> The prints are pressed to the jersey by our specialists!</div>    <div><i class="fa fa-thumbs-o-up"></i> Long lasting, quality printing.</div>    <div><i class="icon-sb icon-sb-generic-washer"></i> Machine washable at 30 degrees. Do not tumble dry.</div>    <div><i class="icon-sb icon-sb-generic-capslock"></i> All letters will be printed in capital letters. e.g &quot;peter&quot; becomes &quot;PETER&quot;.</div>      <div><i class="fa fa-warning"></i> We do not sell custom printed jerseys by COD. Only via card or paypal payments.</div>  </div>  <div class="product-personal-images" data-ng-show="brandedPrint">    <div class="image" data-ng-repeat="id in brandedPrintProduct.imageIds">      <sb-image data-type="img" data-image-id="{{ id }}" width="240" height="240" data-crop="true" alt="Print images"></sb-image>    </div>  </div>  <div class="product-personal-images" data-ng-show="!brandedPrint">    <div class="image" data-ng-repeat="id in printProduct.imageIds">      <sb-image data-type="img" data-image-id="{{ id }}" width="240" height="240" data-crop="true" alt="Print images"></sb-image>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-product-image-preview', '<div class="sb-product-image-preview">  <div class="product-image-preview-image" data-ng-cloak="">    <sb-image data-image-id="{{images[active].id}}" data-type="{{images[active].type}}" width="640" alt="{{attrs.alt}}" data-watched="true"></sb-image>    <div class="product-image-preview-nav" data-ng-show="images.length > 1" data-ng-cloak="">      <div class="product-image-preview-nav-prev" data-ng-click="setActiveImage(active-1)"><i class="fa fa-chevron-circle-left"></i></div>      <div class="product-image-preview-nav-next" data-ng-click="setActiveImage(active+1)"><i class="fa fa-chevron-circle-right"></i></div>    </div>  </div>  <div class="product-image-preview-thumbs" data-ng-show="images.length > 1" data-ng-cloak="">    <ul>      <li data-ng-repeat="image in images" data-ng-click="setActiveImage($index)">        <sb-image data-image-id="{{image.id}}" data-type="{{image.type}}" height="80" width="80" crop="true" alt="{{attrs.alt}}"></sb-image>      </li>    </ul>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-product-image-slider', '<div class="sb-product-image-slider {{ slides.orientation }}" ng-class="{\'fullscreen-slider\': fullscreenSlider, \'solo-image\': slides.length === 1}">  <div class="product-image-slider">    <!-- Main slider -->    <div class="slider slider-images" data-ng-class="{\'slider-touch\' : touchEvents}">      <ul class="slides" data-count="{{slides.length}}">        <li class="slide" data-ng-repeat="slide in slides">          <sb-image id="slide-image-{{$index}}" data-image-id="{{slide.id}}" data-type="{{slide.type}}" data-q="50" width="{{slideWidth}}" height="{{slideHeight}}" crop="crop" alt="{{attrs.alt}}" title="{{attrs.alt}}"></sb-image>          <sb-image class="fullscreen-image" id="slide-image-{{$index}}" data-image-id="{{slide.id}}" data-type="{{slide.type}}" data-q="50" height="1280" alt="{{attrs.alt}}" title="{{attrs.alt}}"></sb-image>        </li>      </ul>      <!-- Fullscreen trigger when fullscreen mode -->      <a class="btn slider-overlay-trigger" ng-click="toggleFullscreen()">        <i ng-if="!fullscreenSlider" class="fa fa-expand"></i>        <i ng-if="fullscreenSlider" class="fa fa-compress"></i>      </a>    </div>    <!-- Fullscreen trigger when standard mode -->    <a class="btn slider-overlay-trigger" ng-click="toggleFullscreen()">      <i ng-if="!fullscreenSlider" class="fa fa-expand"></i>      <i ng-if="fullscreenSlider" class="fa fa-compress"></i>    </a>  </div>  <!-- Thumbs slider -->  <div class="slider slider-nav">    <div class="slider-nav-scroller">      <ul class="slides">        <li data-ng-repeat="slide in slides" data-ng-click="gotoSlide($index)">          <div class="img-container">            <sb-image id="slide-image-{{$index}}" data-image-id="{{slide.id}}" data-type="{{slide.type}}" data-crop="true" width="80" height="80" alt="{{attrs.alt}}" title="{{attrs.alt}}"></sb-image>          </div>        </li>      </ul>    </div>    <div class="slider-nav-vertical">      <a class="slider-nav-vertical-up sb-slider-disabled" data-ng-click="sliderVerticalNav(\'up\')">        <i class="fa fa-angle-up"></i>      </a>      <a class="slider-nav-vertical-down" data-ng-click="sliderVerticalNav(\'down\')">        <i class="fa fa-angle-down"></i>      </a>    </div>  </div>  <div ng-if="fmbPresent" class="slider-image-annotation">    <i class="fa fa-hand-o-up" aria-hidden="true"></i> Image for for illustration purposes only. Actual product may differ.  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-product-preview', '<div class="sb-product-preview">  <sb-product-image-slider ng-if="$overlay.active" product-id="product.id" image-ids="product.imageIds"></sb-product-image-slider>  <div class="product-preview-content">    <article>      <h1><a ng-href="/{{ product.urlName }}" ng-bind="product.name"></a></h1>      <p data-ng-bind="product.description"></p>    </article>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-productlist-filter', '<div class="sb-productlist-filter">    <div class="box box-inset box-productlist-filter" data-ng-class="{\'box-productlist-filter-active\': filtersOpen}" data-ig="product-list-filters" sb-slide-toggle="filtersOpen" ng-if="::attrs.type !== \'dealgenerator\'">      <div class="box-content box-content-filter">        <!-- Filter category -->        <div class="filter-column filter-column-category" data-ng-if="$productlist.vars.productList.categories && $productlist.vars.productList.categories.length > 0 && !$productlist.vars.parameters.prefilterCategory">          <p>Category</p>          <ul class="filter-list">            <li data-ng-click="$productlist.categoryFilter(category)" class="filter-list-item category-filter" data-ng-class="{\'highlight\': category.state.checked, \'inactive\': category.state.inactive}" data-ng-repeat="category in $productlist.vars.productList.categories">              <span>                <i class="icon icon-sb-{{::category.icon}}"></i>                <div ng-bind="::category.title"></div>              </span>            </li>          </ul>        </div>        <!-- Filter brand -->        <div class="filter-column filter-column-brand" data-ng-if="$productlist.vars.productList.brands && $productlist.vars.productList.brands.length > 0 && !$productlist.vars.parameters.prefilterBrands">          <p>Brands</p>          <ul class="filter-list">            <li class="filter-list-item brand-filter" data-ng-class="{\'highlight\': brand.state.checked, \'inactive\': brand.state.inactive}" data-ng-click="$productlist.brandFilter(brand)" data-ng-repeat="brand in $productlist.vars.productList.brands track by brand.id">              <span ng-bind="::brand.name"></span>            </li>          </ul>        </div>        <!-- Filter custom -->        <div class="filter-column filter-column-custom filter-column{{getCustomFilterColumn(filterSet)}}" data-ng-class="{\'filter-column-inactive\': filterSet.excluded}" data-ng-repeat="filterSet in $productlist.vars.productList.filters" data-ng-if="$productlist.vars.productList.filters && $productlist.vars.productList.filters.length > 0">            <p>            <span ng-bind="::filterSet.title"></span>                        </p>            <ul class="filter-list" data-filter-setid="filterSet.group" ng-if="filterSet.values">                <li class="filter-list-item custom-filter" data-ng-class="{\'highlight\': filter.state.checked, \'inactive\': filter.state.inactive}" data-ng-click="$productlist.customFilter(filter, filterSet)" data-ng-repeat="filter in filterSet.values">                    <span data-ng-bind="::filter.value"></span>                </li>            </ul>        </div>        <!-- Filter outlet -->        <div class="filter-column filter-column-standard" data-ng-hide="$productlist.vars.type === \'campaign\' || ($productlist.vars.type == \'outlet\' && !poweruser) || (!$productlist.vars.info.hasSale && !poweruser)">          <div id="outlet-block">              <div class="filterMenu">                <p>Only show</p>                <ul class="filter-list">                    <li class="filter-list-item saleonly-filter" data-ng-class="{\'highlight\': $productlist.vars.parameters.reducedPrice, \'inactive\': !$productlist.vars.info.filteredHasSale}" data-ng-click="$productlist.saleOnlyFilter()" data-ng-show="$productlist.vars.info.hasSale">                      <span>Product Markdowns</span>                    </li>                </ul>              </div>          </div>        </div>        <!-- Filter slider -->        <div class="filter-column filter-column-standard" data-ng-if="$productlist.vars.info.lowestPrice !== $productlist.vars.info.highestPrice">          <div class="filterMenu">            <p>Price</p>            <div class="filter-price-range">              <sb-slider data-update="$productlist.priceSlider(values)" data-update-range="$productlist.updatePriceSlider" data-filtered-max="$productlist.vars.info.filteredHighestPrice" data-filtered-min="$productlist.vars.info.filteredLowestPrice" data-min="$productlist.vars.info.lowestPrice" data-max="$productlist.vars.info.highestPrice" data-ng-if="$productlist.vars.info.lowestPrice >= 0 && $productlist.vars.info.highestPrice" />            </div>          </div>        </div>        <!-- Filter summary -->        <div class="filter-graphic-container">          <p>Number of product matches</p>          <div class="filter-graphic">            <div class="filter-graphic-circle">              <sb-circle-graph graph-size="154"></sb-circle-graph>            </div>            <div class="filter-graphic-center">              <div class="filter-graphic-filtered">                <span data-ng-bind="$productlist.vars.info.filteredCount"></span>              </div>              <div class="filter-graphic-total">                /<span data-ng-bind="$productlist.vars.info.count"></span>              </div>            </div>          </div>          <button class="btn btn-attention btn-block" data-ng-click="internalScrollTo(\'#p1\', false)" data-ng-if="$productlist.vars.info.filteredCount !== $productlist.vars.info.count">Show products</button>          <strong><a data-ng-href="#" class="btn btn-small btn-grey" data-ng-click="$productlist.resetFilters()" data-ng-if="$productlist.vars.info.filteredCount !== $productlist.vars.info.count"><i class="fa fa-undo" aria-hidden="true"></i>Remove all filters</a></strong>        </div>      </div>    </div>    <!-- Active filter -->    <div class="active-filter-panel" ng-if="(($productlist.vars.parameters.brands.length > 0 && $productlist.vars.type !== \'brand\') || $productlist.vars.parameters.filters.length > 0 || $productlist.vars.parameters.groups.length > 0 || $productlist.vars.parameters.priceFlag === \'CAMPAIGN\' || $productlist.vars.parameters.store || (queryFilteredMinPrice || queryFilteredMaxPrice)) && !filtersOpen && $productlist.vars.type !== \'outlet\'">      <h3><i class="fa fa-filter" aria-hidden="true"></i>Your selected filters</h3>      <div class="filter-column filter-column-brand" ng-if="$productlist.vars.parameters.brands && $productlist.vars.parameters.brands.length > 0 && $productlist.vars.type !== \'brand\'">        <ul class="filter-list">          <p>Brands</p>          <li class="filter-list-item brand-filter" data-ng-class="{\'highlight\': brand.state.checked, \'inactive\': brand.state.inactive}" data-ng-click="$productlist.brandFilter(brand);" data-ng-repeat="brand in $productlist.vars.productList.brands track by brand.id" data-ng-if="brand.state.checked">            <span>              <p ng-bind="::brand.name"></p>              <i class="fa fa-times-circle" aria-hidden="true"></i>            </span>          </li>        </ul>      </div>    <div class="filter-column filter-column-custom filter-column{{getCustomFilterColumn(filterSet)}}" data-ng-class="{\'filter-column-inactive\': filterSet.excluded}" data-ng-repeat="filterSet in $productlist.vars.productList.filters" data-ng-if="$productlist.vars.productList.filters && $productlist.vars.productList.filters.length > 0" data-ng-show="filterSet.checked">        <ul class="filter-list" data-filter-setid="filterSet.group" ng-if="filterSet.values">            <p>                <span ng-bind="::filterSet.title"></span>                            </p>            <li class="filter-list-item custom-filter" data-ng-class="{\'highlight\': filter.state.checked, \'inactive\': filter.state.inactive}" data-ng-click="$productlist.customFilter(filter, filterSet);" data-ng-repeat="filter in filterSet.values" ng-if="filter.state.checked">                <span>                    <p ng-bind="::filter.value"></p>                    <i class="fa fa-times-circle" aria-hidden="true"></i>                </span>            </li>        </ul>    </div>      <div class="filter-column filter-column-standard" ng-if="($productlist.vars.parameters.priceFlag === \'CAMPAIGN\' || poweruser) && !($productlist.vars.type === \'campaign\' || ($productlist.vars.type == \'outlet\' && !poweruser))" ng-cloak>        <div class="filterMenu">          <ul class="filter-list">            <p>Only show</p>            <li class="filter-list-item saleonly-filter" data-ng-class="{\'highlight\': $productlist.vars.parameters.reducedPrice, \'inactive\': !$productlist.vars.info.filteredHasSale}" data-ng-click="$productlist.saleOnlyFilter()" ng-if="$productlist.vars.parameters.priceFlag === \'CAMPAIGN\'">              <span>                <p>Product Markdowns</p>                <i class="fa fa-times-circle" aria-hidden="true"></i>              </span>            </li>          </ul>        </div>      </div>      <div class="filter-column filter-column-price" ng-if="queryFilteredMinPrice || queryFilteredMaxPrice">        <ul class="filter-list">          <p>Price</p>          <li class="filter-list-item price-filter highlight" data-ng-click="$productlist.resetPriceSlider()">            <span>              <p><span ng-bind="$productlist.vars.info.filteredLowestPrice | sbcurrency"></span> - <span ng-bind="$productlist.vars.info.filteredHighestPrice | sbcurrency"></span></p>              <i class="fa fa-times-circle" aria-hidden="true"></i>            </span>          </li>        </ul>      </div>      <div class="filter-panel-clear" ng-click="$productlist.resetFilters(); lazyloadRefresh(200)">        <i class="fa fa-undo" aria-hidden="true"></i>        <p>Remove all filters</p>      </div>    </div>  <div class="dealgenerator" ng-if="::attrs.type === \'dealgenerator\'">    <div class="centerwrap">      <div class="dealgenerator-vignette"></div>      <div class="dealgenerator-container">        <!-- Entry step -->        <div class="dg-step entryStepActive-headline" ng-class="{\'dg-step-active\': entryStepActive || entryEditActive, \'dg-pointer\': entryEditActive && !entryStepActive}" ng-click="editStep(\'entryEditActive\', \'entryStepActive\')">          <div class="dg-step-titlecontainer">            <div class="dg-step-edit" ng-class="{\'dg-edit-active\': entryEditActive && !entryStepActive}">              <i class="fa fa-pencil-square-o" aria-hidden="true"></i>              <div class="dg-step-edit-title dg-rotate">Edit</div>            </div>            <div class="dg-step-title dg-rotate">              <span ng-if="catName.length === 0 || !entryEditActive">Category</span>              <span ng-bind="catName" ng-if="catName.length > 0 && entryEditActive"></span>            </div>            <div class="icon dg-title-icon dg-title-icon-nr">              <span>1</span>            </div>          </div>        </div>        <div class="dg-step-container entryStepActive" ng-class="{\'dg-step-container-active\': entryStepActive, \'dg-scroll\': scrollableContainer}" ng-cloak>          <div class="dg-loader" ng-if="dgLoader">            <div class="dg-loader-animation">              <img ng-src="/Content/images/sb/loaders/loader-piston-black-100x100-60fps.gif" width="60px">            </div>          </div>          <div class="dg-step-container-content" ng-class="{\'dg-step-container-content-large\': scrollableContainer}">            <h3 class="entry-step-headline">Find the best deal for you!</h3>            <h3>What kind of deal are you looking for?</h3>            <ul class="dg-cats">              <li class="half-width" data-ng-repeat="category in $productlist.vars.productList.categories track by category.id" ng-click="setDgFilter(\'category\', category)">                <div>                  <i class="icon icon-sb-{{category.icon}}"></i>                  <span data-ng-bind="category.title"></span>                </div>              </li>            </ul>          </div>        </div>        <!-- Step one -->        <div class="dg-step firstStepActive-headline" ng-class="{\'dg-step-active\': firstStepActive || firstEditActive, \'dg-pointer\': firstEditActive && !firstStepActive && !hideSubCat}" ng-click="editStep(\'firstEditActive\', \'firstStepActive\')">          <div class="dg-step-titlecontainer">            <div class="dg-step-edit" ng-class="{\'dg-edit-active\': firstEditActive}" ng-if="!hideSubCat">              <i class="fa fa-pencil-square-o" aria-hidden="true"></i>              <div class="dg-step-edit-title dg-rotate">Edit</div>            </div>            <div class="dg-step-title dg-rotate">              <span ng-if="subCatName.length === 0 || !firstEditActive">Subcategory</span>              <span ng-bind="subCatName" ng-if="subCatName.length > 0 && firstEditActive"></span>            </div>            <div class="icon dg-title-icon dg-title-icon-nr">              <span>2</span>            </div>          </div>        </div>        <div class="dg-step-container firstStepActive" ng-class="{\'dg-step-container-active\': firstStepActive, \'dg-scroll\': scrollableContainer}" ng-cloak>          <div class="dg-loader" ng-if="dgLoader">            <div class="dg-loader-animation">              <img ng-src="/Content/images/sb/loaders/loader-piston-black-100x100-60fps.gif" width="60px">            </div>          </div>          <div class="dg-step-container-content" ng-class="{\'dg-step-container-content-large\': scrollableContainer}">            <h3 ng-if="catName.length > 0" ng-bind-html="\'Cool! Is it {0} you are searching for?\' | insert:[catName]:true"></h3>            <ul class="dg-cats">              <li data-ng-repeat="subCategory in $productlist.vars.productList.subCategories track by subCategory.id" ng-click="setDgFilter(\'subCategory\', subCategory)">                <div>                  <i class="icon icon-sb-{{::subCategory.icon}}"></i>                  <span data-ng-bind="subCategory.title"></span>                </div>              </li>            </ul>          </div>        </div>        <!-- Step two -->        <div class="dg-step secondStepActive-headline" ng-class="{\'dg-step-active\': secondStepActive || secondEditActive, \'dg-pointer\': secondEditActive && !secondStepActive && !hideBottomCat}" ng-click="editStep(\'secondEditActive\', \'secondStepActive\')">          <div class="dg-step-titlecontainer">            <div class="dg-step-edit" ng-class="{\'dg-edit-active\': secondEditActive}" ng-if="!hideBottomCat">              <i class="fa fa-pencil-square-o" aria-hidden="true"></i>              <div class="dg-step-edit-title dg-rotate">Edit</div>            </div>            <div class="dg-step-title dg-rotate">              <span ng-if="subSubCatName.length === 0 || !secondEditActive">Subcategory</span>              <span ng-bind="subSubCatName" ng-if="subSubCatName.length > 0 && secondEditActive"></span>            </div>            <div class="icon dg-title-icon dg-title-icon-nr">              <span>3</span>            </div>          </div>        </div>        <div class="dg-step-container step-container-two secondStepActive" ng-class="{\'dg-step-container-active\': secondStepActive, \'dg-scroll\': scrollableContainer}" ng-cloak>          <div class="dg-loader" ng-if="dgLoader">            <div class="dg-loader-animation">              <img ng-src="/Content/images/sb/loaders/loader-piston-black-100x100-60fps.gif" width="60px">            </div>          </div>          <div class="dg-step-container-content" ng-class="{\'dg-step-container-content-large\': scrollableContainer}">            <h3 ng-if="subCatName.length > 0" ng-bind-html="\'Ok! What in &lt;span class=&quot;babyblue&quot;&gt;{0}&lt;/span&gt; are you interested in?\' | insert:[subCatName]:true"></h3>            <ul class="dg-cats">              <li data-ng-click="setDgFilter(\'bottomCategory\', bottomCategory)" data-ng-repeat="bottomCategory in $productlist.vars.productList.bottomCategories track by bottomCategory.id">                <div>                  <i class="fa fa-chevron-right" aria-hidden="true"></i>                  <span data-ng-bind="bottomCategory.title"></span>                </div>              </li>            </ul>          </div>        </div>        <!-- Step three -->        <div class="dg-step thirdStepActive-headline" ng-class="{\'dg-step-active\': thirdStepActive || thirdEditActive, \'dg-pointer\': thirdEditActive && !thirdStepActive}" ng-click="editStep(\'thirdEditActive\', \'thirdStepActive\')">          <div class="dg-step-titlecontainer">            <div class="dg-step-edit" ng-class="{\'dg-edit-active\': thirdEditActive}">              <i class="fa fa-pencil-square-o" aria-hidden="true"></i>              <div class="dg-step-edit-title dg-rotate">Edit</div>            </div>            <div class="dg-step-title dg-rotate">Filter <span ng-if="filtersLength > 0 && !thirdStepActive">(<span ng-bind="filtersLength"></span>)</div>            <i class="fa fa-filter dg-title-icon" aria-hidden="true"></i>          </div>        </div>        <div class="dg-step-container step-container-three thirdStepActive" ng-class="{\'dg-step-container-active\': thirdStepActive, \'dg-scroll\': scrollableContainer}" ng-cloak>          <div class="dg-loader" ng-if="dgLoader">            <div class="dg-loader-animation">              <img ng-src="/Content/images/sb/loaders/loader-piston-black-100x100-60fps.gif" width="60px">            </div>          </div>          <div class="dg-step-container-content" ng-class="{\'dg-step-container-content-large\': scrollableContainer && !hideFilters}">            <div ng-if="!hideFilters && !dgLoader">              <h3>Almost there, throw on some filters!</h3>              <!-- Filter custom -->                <div class="filter-column filter-column-custom dg-filter-column{{getCustomFilterColumn(filterSet)}}" data-ng-class="{\'filter-column-inactive\': filterSet.excluded}" data-ng-repeat="filterSet in $productlist.vars.productList.filters track by filterSet.group" data-ng-if="$productlist.vars.productList.filters && $productlist.vars.productList.filters.length > 0">                    <p>                        <span data-ng-bind="filterSet.title"></span>                                            </p>                    <ul class="filter-list" data-filter-setid="filterSet.group" data-ng-show="filterSet.values">                        <li class="filter-list-item custom-filter" data-ng-class="{\'highlight\': filter.state.checked, \'inactive\': filter.state.inactive}" data-ng-click="$productlist.customFilter(filter, filterSet)" data-ng-repeat="filter in filterSet.values track by filter.id">                            <span data-ng-bind="filter.value"></span>                        </li>                    </ul>                </div>            </div>            <div class="dg-summary" ng-if="hideFilters && !dgLoader">              <h3 class="dg-result"><span data-ng-bind="$productlist.vars.info.filteredCount"></span></h3>              <div class="dg-summary-headline">                <h3>Here is the awesome deals the Deal Generator has found you!</h3>              </div>            </div>          </div>        </div>      </div>      <div class="dealgenerator-counter" ng-class="{\'dealgenerator-counter-active\': counterActive && !dgLoader}">        <div class="dg-counter-container" ng-click="showProducts()">          <i class="fa fa-arrow-down" aria-hidden="true"></i>          <div class="dg-counter-content">            Deals found:            <span class="dg-counter-text" ng-bind="$productlist.vars.info.filteredCount"></span>          </div>          <i class="fa fa-arrow-down" aria-hidden="true"></i>        </div>      </div>      <div class="mr-rabatto" ng-class="{\'mr-rabatto-active\': thirdStepActive}">        <img ng-src="/Content/images/sb/campaigns/wintersale/MrRabatto.gif" width="300px">      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-productlist-item-bannerflow', '<div class="sb-productlist-item box box-productlist-item">  <div class="box-content box-content-productlist-item">    <div>      <div class="productlist-banner-container">        <div class="productlist-banner">          <div class="bannerflow-container">            <div class="bannerflow-inner-container">            </div>          </div>        </div>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-productlist-item-campaign', '<div class="sb-productlist-item sb-productlist-item-blackfriday box box-productlist-item">    <div class="box-content box-content-productlist-item">      <h3>black friday</h3>    </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-productlist-item', '<div class="sb-productlist-item box box-productlist-item">  <div class="box-content box-content-productlist-item">    <div>      <div class="productlist-image list-item-image" ng-class="::{\'list-item-image-large\': standingImages}" data-price-flag="{{::item.priceFlag}}">        <div class="productlistLoadingBlock" ng-show="$productlist.vars.loading"></div>           <sb-loader loading="productClicked[item.id] || list.clearCacheImageHide[item.id]" ng-if="::!touchEvents"></sb-loader>            <img ng-if="::!lazyLoad || isMobile" class="image-loaded" data-ng-src="{{::item.productImgUrl}}" alt="{{::getProductTitle(item)}}" title="{{::getProductTitle(item)}}" />          <img ng-if="::lazyLoad && !isMobile" lazy-img="{{::item.productImgUrl}}" alt="{{::getProductTitle(item)}}" title="{{::getProductTitle(item)}}" />          <div class="productlist-percentage-discount" ng-if="::item.roundedDiscountPercentage >= discountLimit && item.featured == \'\'">              -<span ng-bind="::item.roundedDiscountPercentage"></span>%          </div>          <div class="campaign-stripe stripe-red campaign-stripe-voucher" ng-if="::showPirelliCampaign" ng-class="::{\'campaign-stripe-single\': item.roundedDiscountPercentage === 0 || !item.roundedDiscountPercentage}"><span ng-bind="::\'+{0} voucher\' | insert: [pirelliValue]"></span></div>              <div class="campaign-stripe stripe-red badge-campaign" ng-if="::item.priceFlag && item.priceFlag === \'CAMPAIGN\'" ) ng-class="::{\'campaign-stripe-single\': item.roundedDiscountPercentage === 0}" ng-cloak>Campaign<span>!</span></div>              <div class="campaign-stripe stripe-yellow badge-clearance" ng-if="::item.priceFlag && item.priceFlag === \'CLEARANCE\'" ng-class="::{\'campaign-stripe-single\': item.roundedDiscountPercentage === 0}" ng-cloak>Clearance!</div>      </div>      <!-- Yotpo -->        <div class="yotpo bottomLine"             data-appkey="YCq9wUw7C5RSz89yKA8iPBYbqNjyChrD38AZOI1W"             data-product-id="{{::item.id}}"             data-url="{{::site}}{{::$url.getProductUrl(item, null, null, null, null, true)}}">        </div>      <!-- Product price -->      <div class="price-wrapper" ng-class="::{\'price-wrapper-sale\': item.comparisonPrice > 0}" ng-if="::item.price" data-from-price="{{::item.fromPrice}}">          <span class="price-from-label">              <span class="price-from-text" ng-if="::item.fromPrice">from</span>              <span class="price-ordinary price-ordinary-mobile" ng-bind="::item.comparisonPrice | sbcurrency:{v:1}"></span>          </span>          <span data-ng-class="::item.comparisonPrice > item.price ? \'price-sale\' : \'price-ordinary\'" ng-bind="::item.price | sbcurrency:{v:1}"></span>          <span class="price-ordinary" ng-bind="::item.comparisonPrice | sbcurrency:{v:1}" ng-if="::item.comparisonPrice > 0"></span>          <span class="stock-note">              <span class="stock-notice-outofstock" ng-if="::item.stock == 0">Sold out</span>              <span class="stock-notice" ng-if="::item.stock < 5 && item.stock > 0">Low in stock</span>              <span ng-if="::item.stock >= 5">In stock</span>          </span>          <div class="productlist-percentage-discount productlist-percentage-discount-mobile" ng-if="::item.roundedDiscountPercentage >= discountLimit && item.featured == \'\'">            -<span ng-bind="::item.roundedDiscountPercentage"></span>%          </div>      </div>      <!-- Stock status -->      <div ng-if="::item.stock == 0" class="productlist-outofstock-notice">          <div class="text">Sold out</div>      </div>      <!-- Product title -->      <div class="list-item-title productlist-title">          <h3 ng-bind="::getProductTitle(item)"></h3>      </div>      <div class="productlist-campaign-indication"></div>      <div class="productlist-percentage-discount productlist-percentage-discount-featured" ng-if="::item.roundedDiscountPercentage >= discountLimit && item.featured != \'\'">          -<span ng-bind="::item.roundedDiscountPercentage"></span>%      </div>      <!-- FMB indication -->      <div class="productlist-fmb-indication" ng-if="::item.fitMyBike && $productlist.vars.parameters.vehicle && $productlist.vars.parameters.vehicle > 0"></div>      <!-- Product link -->      <a href="" class="productlist-product-link list-item-link" data-ng-click="productClick($event)" ng-href="{{::$url.getProductUrl(item, null, null, { list: listName, pos: index }, $productlist.vars.parameters.vehicle)}}" title="{{::getProductTitle(item)}}"></a>      <!-- Product draggable handle -->      <div class="productlist-product-draggable" dnd-handle ng-class="{\'productlist-product-draggable--enabled\': item.sortOrder != undefined && toggleDraggable.vars.dragEnabled}"></div>      <!-- Product icons -->      <!-- IsPowerUser -->      <div class="productlistLoadingBlock-white" ng-show="$productlist.vars.loading"></div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-productlist-sorting', '<div class="sb-productlist-filter">    <p>      <i class="fa fa-sort-amount-desc" aria-hidden="true"></i>      Sort by    </p>    <li ng-hide="(!poweruser && option.powerUserOnly) || (option.value === \'percent_desc\' && !$productlist.vars.info.hasSale)" ng-repeat="option in $productlist.vars.sortingOptions" ng-class="{\'sort-active\': $productlist.vars.parameters.sort == option.value}" ng-click="$productlist.sortingFilter(option.value)">      <span ng-bind="::option.label"></span>    </li></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-productlist', '<div class="sb-productlist">  <ul class="productlist-items list-items" dnd-list="items" dnd-horizontal-list="true" data-ng-class="{\'productlist-short-list\': productlistCurrentCount <= 5}"      data-ng-if="items.length > 0" dnd-dragover="dragoverCallback(event, index, external, type)"      dnd-inserted="insertedCallback(event, index, item, type, external)">    <!-- Products -->    <li class="productlist-item productlist-item-product list-item list-item-{{::$index+1}}"      data-ng-repeat-start="item in items track by item.id+item.name+$index" data-repeat-completed="paginationCompleted()"      data-ng-init="link = getLink(item);"      data-id="{{::item.id}}"      data-ng-class="{        \'list-item-loaded\': !showLoader,        \'productlist-item-instock\': item.stock > 0,        \'productlist-item-outofstock\': item.stock == 0,        \'productlist-item-onsale\': item.salePriceWeb > 0,        \'productlist-item-notonsale\': !item.salePriceWeb,        \'selected\': models.selected === item,        \'featured-right featured\': item.featured == \'right\' && !toggleDraggable.vars.dragEnabled,        \'featured-left featured\': item.featured == \'left\' && !toggleDraggable.vars.dragEnabled,        \'featured-left featured featured-nosto\': listType == \'list-type-nosto-feature\',        \'featured-draggable\': item.featured == \'left\' && toggleDraggable.vars.dragEnabled || item.featured == \'right\' && toggleDraggable.vars.dragEnabled,        \'productlist-item-noselect\': item.sortOrder == undefined,        \'productlist-item--draggable\': item.sortOrder != undefined && toggleDraggable.vars.dragEnabled,        \'item-priceflag-{{item.priceFlag.toLowerCase()}}\': item.priceFlag != undefined,        \'bannerflow-item\': item.bannerflow,        \'bannerflow-item-desktop\': !item.bannerflowMobile,        \'bannerflow-item-mobile\': item.bannerflowMobile      }"      dnd-disable-if="item.sortOrder == undefined"      data-ng-if="$index < maxItems"      dnd-draggable="item"      dnd-effect-allowed="move"      dnd-moved="items.splice($index, 1);">      <dnd-nodrag>        <div ng-if="::item.blackFriday">          <sb-black-friday module="productlist"></sb-black-friday>        </div>        <div ng-if="::item.bannerflow && !hideBf">          <sb-productlist-item-bannerflow src="item.bannerflowSrc"></sb-productlist-item-bannerflow>        </div>        <div ng-if="::!item.bannerflow && !item.blackFriday">          <sb-productlist-item item="item" index="$index+1" data-list-name="{{::name}}"></sb-productlist-item>        </div>      </dnd-nodrag>    </li>    <li class="productlist-item list-item productlist-item-pagination-info" data-ng-repeat-end="" data-ng-if="!$productlist.vars.paging && (($index+1) % $productlist.vars.parameters.pagination.size) === 0 && $middle && listType == \'list-type-standard\' && showPagination">      <a ng-attr-id="p{{(($index+1)/$productlist.vars.parameters.pagination.size)+1}}"></a>      <div class="box box-productlist-item">        <div class="box-content box-content-transparent box-content-productlist-item">          <div class="productlist-pagination-paging">            <div>Page</div>            <div class="large"><span data-ng-bind="{{(($index+1)/$productlist.vars.parameters.pagination.size)+1}}"></span></div>            <div>Products <span ng-bind="::$index+1"></span> - <span data-ng-bind="pageRangeEnd($index)"></span></div>          </div>        </div>      </div>    </li>    <!-- Drag & drop -->    <li class="dndPlaceholder productlist-item productlist-item-product list-item">      <div class="box-productlist-item">        <div class="box-content box-content-productlist-item">          <div class="dndPlaceholder__stitches">            <p>Drop<br>zone</p>          </div>        </div>      </div>    </li>  </ul>  <!-- If productlist is empty - message -->  <div class="productlist-empty" ng-if="showMessage">    <div class="productlist-nosearchresults nosearchresults-productlist">      <header>        <h2>Zero products found. Either this category is empty, or there are no products suitable for use with your bike model.</h2>      </header>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-redirect', '<div class="sb-redirect">  <h2><img ng-src="/content/images/sb/flags/{{redirect.target.domain}}.png"/> <span data-ng-bind="redirect.target.strings.title"></span></h2>  <div class="columns">    <div class="column column-redirect">      <div class="redirect-block">        <p data-ng-bind="redirect.target.strings.description"></p>        <p class="redirect-link" data-ng-click="closeRedirect()" data-ng-bind="redirect.target.strings.disclaimer"></p>      </div>    </div>    <div class="column column-redirect">      <div class="redirect-block">        <p data-ng-bind="redirect.origin.strings.description"></p>        <p class="redirect-link" data-ng-click="closeRedirect()" data-ng-bind="redirect.origin.strings.disclaimer"></p>      </div>    </div>  </div>  <div data-ng-click="followRedirect()" class="btn btn-green btn-big btn-redirect"><i class="fa fa-check-circle"></i> <span data-ng-bind="\'www.\' + redirect.target.site + \'.\' + redirect.target.domain"></span></div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-safety-badge', '<div class="sb-safety-badge">  <div class="trygg" ng-if="::safeShop !== \'false\'">    <a ng-href="{{::tryggLink}}" ng-if="::trygg == true && !trustedShop" target="_blank">      <img ng-src="{{::img}}">    </a>    <img ng-src="{{::img}}" ng-if="::trygg == false && !trustedShop">    <div class="tooltip" ng-show="::tooltip == \'true\' && !trustedShop">      <p>Always satisfied! - When you shop with 24MX, you have 60 days to make returns and exchanges*, as well as a Lowest Price Guarantee.  If you order an article of clothing or protective gear and it does not fit, you may exchange it free of charge. You will find more information about this in your parcel. </p>    </div>    <div ng-if="trustedShop" id="sbTrustedShopsBadge"></div>  </div>  <div class="trustpilot-widget" ng-show="trustBoxActive === true && trustPilotActive === \'true\'" data-locale="{{::culture}}" data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="{{::businessunit}}" data-style-height="78px" data-style-width="150px" data-theme="{{::theme}}"></div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-search-loop', '<div class="sb-search-loop" ng-class="{\'sb-search-active\': showAutoComplete}">  <!-- Search blackout -->  <div ng-if="group !== \'header\' && searchresults !== false" ng-class="{\'searchlist-blackout-active\': showAutoComplete && (data.autoCompleteFacets.length > 0 || data.autoComplete.length > 0 || data.vehicleResults.length > 0)}" ng-click="closeSearch()" class="searchlist-blackout searchlist-transparentout"></div>  <!-- Searchform -->  <form method="get" class="searchform" ng-class="{\'searchform-active\': showAutoComplete && (data.autoCompleteFacets.length > 0 || data.autoComplete.length > 0 || data.vehicleResults.length > 0)}" ng-show="searchbar" ng-submit="runSearch()" autocomplete="off">    <input type="text" placeholder="{{placeholder}}" autocomplete="off" size="40" ng-model="loopSearchQuery" ng-change="runAutoComplete()" ng-focus="focus()" ng-blur="blur()" />    <i class="fa fa-search"></i>    <div class="searchform-clear" ng-click="clearSearch()" ng-class="{\'searchform-clear-active\': loopSearchQuery}"><i class="fa fa-times-circle"></i></div>  </form>  <!-- Searchlist -->  <div class="searchlist" ng-if="searchresults === true" ng-class="{\'searchlist-active\': showAutoComplete, \'searchlist--horizontal\': layout == \'horizontal\', \'searchlist--vertical\': layout == undefined || layout == \'vertical\' }">    <div class="box box-searchlist">      <div class="box-content">      <ul>        <div class="box-searchlist-headline" ng-if="data.autoComplete.length > 0">Products</div>        <li ng-repeat="model in data.autoComplete" ng-click="autoComplete(\'general\', model.Key)">          <a ng-mouseenter="autoCompleteHover()" ng-href="{{getSearchQueryUrlProducts(model.Key)}}" class="autocomplete-item autocomplete-focus-{{$index}}">            <strong><i class="fa fa-search" aria-hidden="true"></i> <span ng-bind="model.Key"></span></strong>          </a>        </li>        <div class="box-searchlist-headline" ng-if="data.autoCompleteFacets.length > 0">Search in categories</div>        <li ng-repeat="model in data.autoCompleteFacets">          <a ng-mouseenter="autoCompleteHover()" ng-href="{{getSearchQueryUrlCategories(model.Key)}}" class="autocomplete-item autocomplete-focus-{{(data.autoComplete.length + $index)}}">            <strong><i class="fa fa-search" aria-hidden="true"></i> <span ng-bind="data.autoCompleteFacetingString"></span></strong>            <span class="search-category">in <span ng-bind="model.Key"></span></span>          </a>        </li>        <div class="box-searchlist-headline" ng-if="data.vehicleResults.length > 0">Show products to vehicle</div>        <li ng-repeat="model in data.vehicleResults">          <a ng-mouseenter="autoCompleteHover()" ng-href="{{getSearchQueryUrlVehicle(model)}}" class="autocomplete-item autocomplete-focus-{{(data.autoCompleteFacets.length + data.autoComplete.length + $index)}}">            <strong><i class="fa fa-chevron-right red" aria-hidden="true"></i> <span ng-bind="model.Key.Attributes.Name[0]"></span></strong>          </a>        </li>      </ul>      </div>    </div>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-team-instagram', '<div class="team-instagram clearfix">  <sb-loader loaded="instafeedLoaded" transparent></sb-loader>  <div class="post count-{{ $index }} ig-format-{{ post.orientation }}" ng-repeat="post in instagramPosts" ng-show="instafeedLoaded" ng-cloak>    <a ng-href="{{ post.link }}" target="_blank">      <span class="img-holder"><img ng-src="{{ post.images.standard_resolution.url }}" /></span>      <span class="play-btn" ng-if="post.videos">        <i class="fa fa-play-circle-o" aria-hidden="true"></i>      </span>    </a>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-timeout', '<div class="sb-timeout">  <article>    <h1>Hello!</h1>    <p>We noticed that you have been idle for 10 minutes or more. For security reasons, we have paused your order and removed any discount codes or gift card information you may have entered. Click here to proceed with your order. </p>    <p><strong>Don&#39;t forget to enter any discount codes or gift card information again!</strong></p>    <div class="btn btn-green btn-big" data-ng-click="timeoutReload()">Continue checkout</div>  </article></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-tp-reviews', '<div class="sb-tp-reviews" ng-show="businessUnitId">  <article>    <h3>Welcome to XLmoto!</h3>    <p>      We are Europe&#39;s best motorcycle webshop with unbelievable      <span ng-bind="totalProductCount"></span>      products in stock. Shopping with us is a cinch, and you can feel confident that we will always offer incredible deals!    </p>  </article>  <div class="trustpilot-widget trustpilot-carousel" data-locale="{{::culture}}" data-template-id="53aa8912dec7e10d38f59f36" data-businessunit-id="{{::businessUnitId}}" data-style-height="130px" data-style-width="100%" data-stars="4,5"></div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-usp-info', '<div class="product-usp-info-container grey-overlay">  <div class="grey-overlay-container">    <h1 ng-bind="title"></h1>    <p ng-bind="description"></p>    <a class="btn btn-attention" data-ng-click="closeOverlay()">Close</a>  </div></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-shop-widget-klarna-part-payment', '<div class="sb-widget-klarna-part-payment">  <!-- Klarna -->  <div class="klarna-widget klarna-part-payment" data-eid="{{klarna.eid}}" data-locale="sv_se" data-layout="pale-v2" data-invoice-fee="{{attrs.invoiceFee}}" data-price="{{ attrs.price }}"></div><!--   <script async src="https://cdn.klarna.com/1.0/code/client/all.js"></script> --></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/sb-vehicle-added-message', '<div class="sb-timeout">  <article>    <h1>Hello!</h1>    <p data-ng-bind="message"></p>    <div class="btn btn-medium btn-grey" data-ng-click="closeOverlay()">Close</div>    <a data-ng-href="{{$url.getVehicleUrl(currentVehicle)}}" class="btn btn-green btn-medium" data-ng-if="currentVehicle">View all parts</a>  </article></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/selects/sb-shop-select-articles-detailed', '<div data-ng-repeat="articleGroup in product.articleGroups track by $index">  <ui-select ng-model="$parent.articleGroup.selectedArticle" on-select="update()" data-ng-if="articleGroup.isSelectable">    <ui-select-match placeholder="{{articleGroup.title}}" data-ng-bind="$select.selected"></ui-select-match>    <ui-select-choices repeat="article in articleGroup.articles | filter:articleFilter">      <div>        <p class=\'bolder\' data-ng-bind="article.name"></p><br />        <p ng-show="article.stock > 10">10+ In Stock</p>        <p ng-show="article.stock <= 10"><span data-ng-bind="article.stock"></span> In Stock</p>        <p class=\'red price bold\' ng-show="!product.hasUnitPrice && article.comparisonPrice > 0" data-ng-bind="article.price | sbcurrency"></p>        <p class=\'oldprice bold\' ng-show="!product.hasUnitPrice && article.comparisonPrice > 0" data-ng-bind="article.comparisonPrice | sbcurrency"></p>        <p class=\'price bold\' ng-show="!product.hasUnitPrice && article.comparisonPrice === 0" data-ng-bind="article.price | sbcurrency"></p>      </div>    </ui-select-choices>  </ui-select>  <input class="articleSingle" data-pid="{{product.id}}" type="hidden" value="{{group.articles[0].id}}" data-ng-if="!articleGroup.isSelectable" /></div>');$templateCache.put('https://www.xlmoto.ie/ng-templates?template=sb-shop/selects/sb-shop-select-articles', '<div data-ng-repeat="articleGroup in product.articleGroups track by $index">  <select class="articleSelect complementaryArticleSelect small" data-ng-change="update()" data-ng-model="articleGroup.selectedArticle" data-ng-options="article.name for article in articleGroup.articles | filter:articleFilter" data-ng-if="articleGroup.isSelectable">    <option value="" data-ng-bind="articleGroup.title" disabled></option>  </select>  <input class="articleSingle" data-pid="{{product.id}}" type="hidden" value="{{group.articles[0].id}}" data-ng-if="!articleGroup.isSelectable" /></div>');}]);