Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-

I lager

Snabbfakta

Passar till:

Moped / Derbi / Senda 50 / SM DRD D50B 06-
Moped / Aprilia / SR 50 / Di-Tech 2T LC 03-
Moped / Piaggio / NRG 50 / Power Purejet LC 02-

Passar även:

Passar även till modellbeteckning: (jämför ev. mått)

Aprilia RS4 50 H2O 2T '11-'14 (D50B0)<br />
Aprilia RS50 H2O 2T '06-'10 (D50B0)<br />
Aprilia Scarabeo 50 AIR 4T 2V '02-'06<br />
Aprilia Scarabeo RST 50 AIR 4T 2V '06-'09<br />
Aprilia Scarabeo RST 50 AIR 4T 4V '09-'12<br />
Aprilia Sportcity One 50 AIR 4T 2V '08-'10<br />
Aprilia Sportcity One 50 AIR 4T 4V '11<br />
Aprilia SR50i Ditech H2O 2T '07/03-> (Pure Jet)<br />
Aprilia SR50i Factory H2O 2T '06-'08 (Pure Jet)<br />
Derbi Atlantis 50 AIR 4T '04-'06<br />
Derbi Atlantis City 50 AIR 4T '07<br />
Derbi Boulevard 50 AIR 4T '02-'07<br />
Derbi Boulevard 50 AIR 4T '09-'14<br />
Derbi GPR50 Nude H2O 2T '06-'08 (D50B0)<br />
Derbi GPR50 Racing H2O 2T '06-'09 (D50B0)<br />
Derbi GPR50 Racing H2O 2T '09-> (D50B0)<br />
Gilera Runner Pure Jet 50i H2O 2T '01-'05<br />
Gilera Runner Pure Jet RST 50i H2O 2T '05-'11<br />
Italjet Jet-Set 50 AIR 4T '04-><br />
Italjet Torpedo 50 AIR 4T '04<br />
Malaguti Centro 50 AIR 4T '08-'11<br />
Malaguti Ciak Master 50 AIR 4T '06-><br />
Piaggio Fly 50 AIR 4T '04-'06<br />
Piaggio Fly 50 AIR 4T '07-'10<br />
Piaggio Fly 50 AIR 4T 4V '11<br />
Piaggio Fly II 25km/h AIR 4T 2V '12-><br />
Piaggio Fly II 50 AIR 4T 4V '12-><br />
Piaggio Liberty 50 AIR 4T '02-'03<br />
Piaggio Liberty RST 50 AIR 4T '04-'05<br />
Piaggio Liberty RST 50 AIR 4T '06-'08<br />
Piaggio Liberty RST Delivery 50 AIR 4T '09-><br />
Piaggio Liberty RST MOC 50 AIR 4T '09-'13<br />
Piaggio Liberty Sport 50 AIR 4T '06-><br />
Piaggio NRG MC3 Pure Jet 50i H2O 2T '01-'04<br />
Piaggio NRG Power Pure Jet 50i H2O 2T '05-><br />
Piaggio Zip II 50 AIR 4T '00-'05<br />
Piaggio Zip II 50 AIR 4T '06-'13<br />
Vespa ET4 50 AIR 4T '00-'05<br />
Vespa LX 50 AIR 4T '05-'08<br />
Vespa LX 50 AIR 4T 4V '09-'13<br />
Vespa LX Touring 50 AIR 4T 4V '10-'13<br />
Vespa Primavera 50 AIR 4T 4V '13-><br />
Vespa S College 50 AIR 4T 4V '08-'13<br />
Vespa Sprint 50 AIR 4T 4V '14-><br />
    </div>
        </div>
            </div>

<div class="tab-content hidden lg:block desktop-block">
                <div x-show="activeTab === 10" class="p-4">
            
    
    
    <strong class="fits-on-title">Passar till:</strong>
    <div class="fits-on border p-2 my-2" id="fits_on" data-mage-init='{"Swebike_Design/js/accordion":{}}'>
        Moped / Derbi / Senda 50 / SM DRD D50B  06-<br>Moped / Aprilia / SR 50 / Di-Tech 2T LC  03-<br>Moped / Piaggio / NRG 50 / Power Purejet LC  02-<br>    </div>

<strong class="extra-fits-on-title">Passar även:</strong>
    <div class="extra-fits-on border p-2 my-2" id="extra_fits_on">
        Passar även till modellbeteckning: (jämför ev. mått)<br />
<textarea cols="1" name="supplier" style="margin: 0px; width: 400px; height: 174px;">Aprilia RS4 50 H2O 2T '11-'14 (D50B0)<br />
Aprilia RS50 H2O 2T '06-'10 (D50B0)<br />
Aprilia Scarabeo 50 AIR 4T 2V '02-'06<br />
Aprilia Scarabeo RST 50 AIR 4T 2V '06-'09<br />
Aprilia Scarabeo RST 50 AIR 4T 4V '09-'12<br />
Aprilia Sportcity One 50 AIR 4T 2V '08-'10<br />
Aprilia Sportcity One 50 AIR 4T 4V '11<br />
Aprilia SR50i Ditech H2O 2T '07/03-> (Pure Jet)<br />
Aprilia SR50i Factory H2O 2T '06-'08 (Pure Jet)<br />
Derbi Atlantis 50 AIR 4T '04-'06<br />
Derbi Atlantis City 50 AIR 4T '07<br />
Derbi Boulevard 50 AIR 4T '02-'07<br />
Derbi Boulevard 50 AIR 4T '09-'14<br />
Derbi GPR50 Nude H2O 2T '06-'08 (D50B0)<br />
Derbi GPR50 Racing H2O 2T '06-'09 (D50B0)<br />
Derbi GPR50 Racing H2O 2T '09-> (D50B0)<br />
Gilera Runner Pure Jet 50i H2O 2T '01-'05<br />
Gilera Runner Pure Jet RST 50i H2O 2T '05-'11<br />
Italjet Jet-Set 50 AIR 4T '04-><br />
Italjet Torpedo 50 AIR 4T '04<br />
Malaguti Centro 50 AIR 4T '08-'11<br />
Malaguti Ciak Master 50 AIR 4T '06-><br />
Piaggio Fly 50 AIR 4T '04-'06<br />
Piaggio Fly 50 AIR 4T '07-'10<br />
Piaggio Fly 50 AIR 4T 4V '11<br />
Piaggio Fly II 25km/h AIR 4T 2V '12-><br />
Piaggio Fly II 50 AIR 4T 4V '12-><br />
Piaggio Liberty 50 AIR 4T '02-'03<br />
Piaggio Liberty RST 50 AIR 4T '04-'05<br />
Piaggio Liberty RST 50 AIR 4T '06-'08<br />
Piaggio Liberty RST Delivery 50 AIR 4T '09-><br />
Piaggio Liberty RST MOC 50 AIR 4T '09-'13<br />
Piaggio Liberty Sport 50 AIR 4T '06-><br />
Piaggio NRG MC3 Pure Jet 50i H2O 2T '01-'04<br />
Piaggio NRG Power Pure Jet 50i H2O 2T '05-><br />
Piaggio Zip II 50 AIR 4T '00-'05<br />
Piaggio Zip II 50 AIR 4T '06-'13<br />
Vespa ET4 50 AIR 4T '00-'05<br />
Vespa LX 50 AIR 4T '05-'08<br />
Vespa LX 50 AIR 4T 4V '09-'13<br />
Vespa LX Touring 50 AIR 4T 4V '10-'13<br />
Vespa Primavera 50 AIR 4T 4V '13-><br />
Vespa S College 50 AIR 4T 4V '08-'13<br />
Vespa Sprint 50 AIR 4T 4V '14-><br />
    </div>
        </div>
            </div>
</div>

<div class="product-slider related-product-slider">
    <div>
        <style>
    .swiper-pagination-horizontal.am-swiper-pagination-67bc8a3ee3ebc.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-horizontal-gap, 4px);
    }
</style>

<div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div>
    </div>
</div>
                    </div>
    </template>
    </div>
    </div>
</div>
<div class="product-slider upsell-product-slider">
    <div>
        <style>
    .swiper-pagination-horizontal.am-swiper-pagination-67bc8a3ee667c.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-horizontal-gap, 4px);
    }
</style>

</div>
                    </div></div></main><footer class="page-footer"><div class="footer content">
<div class="bg-container-lighter mt-8 border-t border-solid shadow-inner">

<div class="main-container">
        <div class="flex flex-col md:flex-row pt-8 pb-0 md:py-8 leading-relaxed">
            <div class="basis-1/3 lg:basis-1/4 mb-6 md:mb-0">
                <h6 class="font-semibold text-lg mb-2 uppercase">I butiken</h6>
<ul class="text-sm leading-6 text-primary">
    <li><a class="link-lighter" href="/tekniskt-lexikon">Moped</a></li>
    <li><a class="link-lighter" href="/elmoped/">Elmoped</a></li>
    <li><a class="link-lighter" href="/mc/" target="_self">MC</a></li>
    <li><a class="link-lighter" href="/atv-fyrhjuling/">ATV & Fyrhjuling</a></li>
    <li><a class="link-lighter" href="/mopedbil/">Mopedbil</a></li>
    <li><a class="link-lighter" href="/tillbehor/">Tillbehör</a></li>
    <li><a class="link-lighter" href="/reservdelar/">Reservdelar</a></li>
</ul>            </div>
            <div class="basis-1/3 lg:basis-1/4 mb-6 md:mb-0 md:pl-4 md:pl-8 lg:pl-16">
                <h6 class="font-semibold text-lg mb-2 uppercase">Information</h6>
<ul class="text-sm leading-6 text-primary">
    <li><a class="link-lighter" href="/kundservice/">Kundservice</a></li>
    <li><a class="link-lighter" href="/om-oss/">Om oss</a></li>
    <li><a class="link-lighter" href="/vara-aterforsaljare/" target="_self">Hitta närmaste återförsäljare</a></li>
    <li><a class="link-lighter" href="/bli-aterforsaljare/">Bli Återförsäljare eller Företagskund</a></li>
    <li><a class="link-lighter" href="/press/">Pressmeddelande</a></li>
    <li><a class="link-lighter" href="https://swebike.se/customer/account/">Mina sidor</a></li>
</ul>            </div>
            <div class="basis-1/3 lg:basis-1/4 mb-6 mt-4 md:ml-auto md:mb-0 md:mt-0 md:pl-4 md:pl-8 lg:pl-16">
                <style>.cmsb34-flex {
display: flex
}
.cmsb34-items-center {
align-items: center
}
.cmsb34-justify-center {
justify-content: center
}
.cmsb34-gap-4 {
gap: 1rem
}
@media (min-width: 768px) {
.cmsb34-md\:justify-end {
justify-content: flex-end
}
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb34-flex cmsb34-gap-4 cmsb34-justify-center cmsb34-items-center cmsb34-md:justify-end">
    <img src="https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/images/media/di-gasell-logo.jpg" alt="">
</div></div>            </div>
        </div>
    </div>

<div class="bg-container-darker text-white">
        <div class="main-container">
            <div class="flex flex-wrap md:flex-row items-center justify-center py-3 text-center text-sm leading-6">
                <div class="basis-1/2 md:basis-1/3 mt-2 md:mt-0 md:order-2">Made by <a href="https://forbytes.com/" target="_blank">
    <img class="inline md:pb-1" width="89" height="20" src="/static/frontend/Swebike/hyva/sv_SE/images/footer_logo_forbytes_filled.svg"/>
</a></div>
                <div class="basis-1/2 md:basis-1/3 mt-2 md:mt-0 md:order-3 md:ml-auto flex justify-center md:justify-end"><a href="/">
    <img src='https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/images/media/footer-logo-swebike.png' alt="Footer Logo" />
</a></div>
                <div class="text-center basis-full mt-6 md:text-left md:mt-0 md:mr-auto md:basis-1/3 md:order-1">2024 Swebike. Alla rättigheter förbehålls.</div>
            </div>
        </div>
    </div>
</div>

</div></footer>

<dialog
        class="w-[640px] bg-white text-slate-800 p-0 shadow-xl backdrop:bg-black/75 backdrop:backdrop-blur-sm"
        x-data="initAjaxCartModal"
        x-show="open"
        x-transition.duration.500ms
        @keydown.window.escape="closeDialog()"
        @click="!onDialogBackdropClickHelper(event) && closeDialog()"
        @open-ajax-cart.window="setNewCartData(event)"
    >
        <template x-if="open && cartItem">
            <div>
                <div class="flex gap-6 justify-between items-center p-6">
                    <span class="text-xl font-bold">
                        Produkten lades till i din kundvagn.                    </span>
                    <button
                        title="Close fullscreen"
                        aria-label="Close fullscreen"
                        @click="closeDialog()"
                        class="text-slate-300 hover:text-slate-500 focus:text-slate-500"
                    >
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="32" height="32" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                    </button>
                </div>
                <div class="flex gap-3 sm:gap-x-6 items-start p-6">
                    <div class="shrink-0 max-w-[theme(spacing.20)] sm:max-w-[theme(spacing.32)]">
                        <img
                            loading="lazy"
                            :src="cartItem.product_image.src"
                            :width="cartItem.product_image.width"
                            :height="cartItem.product_image.height"
                            :alt="hyva.str('Product\u0020\u0022\u00251\u0022', cartItem.product_name)"
                        >
                    </div>
                    <div class="grow flex gap-2 flex-col sm:flex-row">
                        <div class="grow">
                            <p class="text-lg">
                                <strong class="font-bold" x-html="cartItem.product_name"></strong>
                            </p>
                            <template x-if="(cartItem.options && cartItem.options.length > 0) || showSku">
                                <dl class="table mt-2 text-sm">
                                    <template x-if="cartItem.product_sku && showSku">
                                        <div class="table-row">
                                            <dt class="table-cell pb-1.5 pr-2 min-w-[theme(spacing.12)] sm:min-w-[theme(spacing.24)] font-normal text-slate-500 uppercase">
                                                Artikelnummer                                            </dt>
                                            <dd class="table-cell pb-1.5 font-bold" x-html="cartItem.product_sku"></dd>
                                        </div>
                                    </template>
                                    <template x-for="option in cartItem.options">
                                        <div class="table-row">
                                            <dt class="table-cell pb-1.5 pr-2 min-w-[theme(spacing.12)] sm:min-w-[theme(spacing.24)] font-normal text-slate-500" x-text="option.label"></dt>
                                            <dd class="table-cell pb-1.5 font-bold" x-html="option.value"></dd>
                                        </div>
                                    </template>
                                </dl>
                            </template>
                        </div>
                        <div class="leading-7 shrink-0 [&_.price]:font-normal" x-html="cartItem.product_price"></div>
                    </div>
                </div>
                <div class="flex gap-2 justify-between items-end p-6 text-slate-600 font-bold">
                    <span>
                        <span>Totalt</span>
                        <span x-text="getItemCountText()"></span>
                    </span>
                    <span x-html="cart.subtotal"></span>
                </div>
                <div class="flex flex-col sm:flex-row lg:justify-end gap-4 p-6 bg-slate-100">
                    <button
                        @click="closeDialog()"
                        class="sm:w-1/2 lg:w-auto btn justify-center py-3 px-6 text-base"
                    >Fortsätt handla</button>
                    <a
                        href="https://swebike.se/checkout/"
                        @click.prevent.stop="closeDialog(); $dispatch('toggle-authentication', {
                            url: 'https://swebike.se/checkout/'
                        });"
                        class="sm:w-1/2 lg:w-auto btn btn-primary justify-center py-3 px-6 text-base"
                    >Kassan</a>
                </div>
            </div>
        </template>
    </dialog>

</div><div x-data="fpcTracking()" x-init="sendRequest()"></div>

<script  type="text/javascript"  src="https://swebike.se/static/version1727464539/_cache/merged/d18594437ed26ffcc02744bc5dd15575.js"></script>
<script>
console.log(
    'No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started'
);
</script>
<script type="text/javascript">
    function initMagepalGtmDatalayer_4f71f1c5e6503faecb6d9e35a59f2399() {
        'use strict';

let lastPushedCart = {};
        let lastPushedCustomer = {};

function objectKeyExist(object)
        {
            const items = Array.isArray(object) ? object : Object.values(object);
            return items.reduce((acc, v) => (acc || v.customer || v.cart), false);
        }

const isObject = x => x === Object(x);
        const has = (x, p) => isObject(x) && x.hasOwnProperty(p);
        const isEqual = (x, y) => JSON.stringify(x) === JSON.stringify(y);

//Update datalayer
        function updateDataLayer(_gtmDataLayer, _dataObject, _forceUpdate)
        {
            let customer = {isLoggedIn : false},
                cart = {hasItems: false};

if (_gtmDataLayer !== undefined && (!objectKeyExist(_gtmDataLayer) || _forceUpdate)) {
                if (isObject(_dataObject) && has(_dataObject, 'customer')) {
                    customer = _dataObject.customer;
                }

if (isObject(_dataObject) && has(_dataObject, 'cart')) {
                    cart = _dataObject.cart;
                }

if (!isEqual(lastPushedCart, cart) || !isEqual(lastPushedCustomer, customer)) {
                    window.dispatchEvent(new CustomEvent('mpCustomerSession', {detail: [customer, cart, _gtmDataLayer]}));
                    _gtmDataLayer.push({'event': 'mpCustomerSession', 'customer': customer, 'cart': cart});
                    lastPushedCustomer = customer;
                    lastPushedCart = cart;
                }
            }
        }

function isTrackingAllowed(config)
        {
            let allowServices = false,
                allowedCookies,
                allowedWebsites;

if (!config.isGdprEnabled || (!config.isGdprEnabled && !config.addJsInHeader)) {
                allowServices = true;
            } else if (config.isCookieRestrictionModeEnabled && config.gdprOption === 1) {
                allowedCookies = hyva.getCookie(config.cookieName);

if (allowedCookies !== null) {
                    allowedWebsites = JSON.parse(allowedCookies);

if (allowedWebsites[config.currentWebsite] === 1) {
                        allowServices = true;
                    }
                }
            } else if (config.gdprOption === 2) {
                allowServices = hyva.getCookie(config.cookieName) !== null;
            } else if (config.gdprOption === 3) {
                allowServices = hyva.getCookie(config.cookieName) === null;
            }

return allowServices;
        }

//load gtm
        function initTracking(dataLayerName, accountId, containerCode)
        {
            window.dispatchEvent(new CustomEvent('gtm:beforeInitialize'));

(function (w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != dataLayerName ? '&l=' + l : '';
                j.async = true;
                j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl + containerCode;
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', dataLayerName, accountId);
            window.dispatchEvent(new CustomEvent('gtm:afterInitialize'));
        }

function pushData(dataLayerName, dataLayer)
        {
            if (Array.isArray(dataLayer)) {
                dataLayer.forEach(function (data) {
                    window[dataLayerName].push(data);
                });
            }
        }

const config = {
            dataLayer: "dataLayer",
            gdprOption: 0,
            isGdprEnabled: 0,
            isCookieRestrictionModeEnabled: 0,
        };

config.currentWebsite = 1;
        config.cookieName = "user_allowed_save_cookie";
        config.accountId = "GTM-54K8XQW";
        config.data = [{"ecommerce":{"currencyCode":"SEK"},"pageType":"catalog_product_view","list":"detail"},{"event":"productPage","product":{"id":"71249","sku":"16-5816","parent_sku":"16-5816","product_type":"simple","name":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","price":239.2,"attribute_set_id":"13","path":"Reservdelar > Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","category":"Reservdelar","image_url":"https:\/\/swebike.se\/media\/catalog\/product\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg"}}];
        config.addJsInHeader = 0;
        config.containerCode = "";
        
        window[config.dataLayer] = window[config.dataLayer] || [];

if (has(config, 'accountId') && isTrackingAllowed(config)) {
            pushData(config.dataLayer, config.data);
            initTracking(config.dataLayer, config.accountId, config.containerCode);
        }

try {
            smileTracker.setConfig({
                beaconUrl     : 'https://swebike.se/elasticsuite/tracker/hit/image/h.png',
                telemetryUrl     : 'https://t.elasticsuite.io/track',
                telemetryEnabled : '',
                sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"swebike.se","path":"\/"},
            });

smileTracker.addPageVar('store_id', '1');

window.hyva = window.hyva || {}

window.cookie_consent_groups = window.cookie_consent_groups || {}
    window.cookie_consent_groups['necessary'] = true;

window.cookie_consent_config = window.cookie_consent_config || {};
    window.cookie_consent_config['necessary'] = [].concat(
        window.cookie_consent_config['necessary'] || [],
        [
            'user_allowed_save_cookie',
            'form_key',
            'mage-messages',
            'private_content_version',
            'mage-cache-sessid',
            'last_visited_store',
            'section_data_ids'
        ]
    );
</script>
<script>
    'use strict';
    (function( hyva, undefined ) {

function lifetimeToExpires(options, defaults) {

const lifetime = options.lifetime || defaults.lifetime;

if (lifetime) {
                const date = new Date;
                date.setTime(date.getTime() + lifetime * 1000);
                return date;
            }

return null;
        }

function generateRandomString() {

const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
                length = 16;

let formKey = '',
                charactersLength = allowedCharacters.length;

for (let i = 0; i < length; i++) {
                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
            }

return formKey;
        }

const sessionCookieMarker = {noLifetime: true}

const cookieTempStorage = {};

const internalCookie = {
            get(name) {
                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
                return v ? v[2] : null;
            },
            set(name, value, days, skipSetDomain) {
                let expires,
                    path,
                    domain,
                    secure,
                    samesite;

const defaultCookieConfig = {
                    expires: null,
                    path: '/',
                    domain: null,
                    secure: false,
                    lifetime: null,
                    samesite: 'lax'
                };

const cookieConfig = window.COOKIE_CONFIG || {};

expires = days && days !== sessionCookieMarker
                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;

path = cookieConfig.path || defaultCookieConfig.path;
                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
                secure = cookieConfig.secure || defaultCookieConfig.secure;
                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;

document.cookie = name + "=" + encodeURIComponent(value) +
                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
                    (path ? '; path=' + path : '') +
                    (domain ? '; domain=' + domain : '') +
                    (secure ? '; secure' : '') +
                    (samesite ? '; samesite=' + samesite : 'lax');
            },
            isWebsiteAllowedToSaveCookie() {
                const allowedCookies = this.get('user_allowed_save_cookie');
                if (allowedCookies) {
                    const allowedWebsites = JSON.parse(unescape(allowedCookies));

return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
                }
                return false;
            },
            getGroupByCookieName(name) {
                const cookieConsentConfig = window.cookie_consent_config || {};
                let group = null;
                for (let prop in cookieConsentConfig) {
                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
                    if (cookieConsentConfig[prop].includes(name)) {
                        group = prop;
                        break;
                    }
                }
                return group;
            },
            isCookieAllowed(name) {
                const cookieGroup = this.getGroupByCookieName(name);
                return cookieGroup
                    ? window.cookie_consent_groups[cookieGroup]
                    : this.isWebsiteAllowedToSaveCookie();
            },
            saveTempStorageCookies() {
                for (const [name, data] of Object.entries(cookieTempStorage)) {
                    if (this.isCookieAllowed(name)) {
                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
                        delete cookieTempStorage[name];
                    }
                }
            }
        };

hyva.getCookie = (name) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
            }

return internalCookie.get(name);
        }

hyva.setCookie = (name, value, days, skipSetDomain) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                cookieTempStorage[name] = {value, days, skipSetDomain};
                return;
            }
            return internalCookie.set(name, value, days, skipSetDomain);
        }

hyva.setSessionCookie = (name, value, skipSetDomain) => {
            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
        }

hyva.getBrowserStorage = () => {
            const browserStorage = window.localStorage || window.sessionStorage;
            if (!browserStorage) {
                console.warn('Browser Storage is unavailable');
                return false;
            }
            try {
                browserStorage.setItem('storage_test', '1');
                browserStorage.removeItem('storage_test');
            } catch (error) {
                console.warn('Browser Storage is not accessible', error);
                return false;
            }
            return browserStorage;
        }

hyva.postForm = (postParams) => {
            const form = document.createElement("form");

let data = postParams.data;

if (! postParams.skipUenc && ! data.uenc) {
                data.uenc = btoa(window.location.href);
            }
            form.method = "POST";
            form.action = postParams.action;

Object.keys(postParams.data).map(key => {
                const field = document.createElement("input");
                field.type = 'hidden'
                field.value = postParams.data[key];
                field.name = key;
                form.appendChild(field);
            });

const form_key = document.createElement("input");
            form_key.type = 'hidden';
            form_key.value = hyva.getFormKey();
            form_key.name="form_key";
            form.appendChild(form_key);

document.body.appendChild(form);

form.submit();
        }

hyva.getFormKey = function () {
            let formKey = hyva.getCookie('form_key');

if (!formKey) {
                formKey = generateRandomString();
                hyva.setCookie('form_key', formKey);
            }

return formKey;
        }

hyva.formatPrice = (value, showSign, options = {}) => {
            const formatter = new Intl.NumberFormat(
                'sv\u002DSE',
                Object.assign({
                    style: 'currency',
                    currency: 'SEK',
                    signDisplay: showSign ? 'always' : 'auto'
                }, options)
            );
            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
                formatter.formatToParts(value).map(({type, value}) => {
                    switch (type) {
                        case 'currency':
                            return 'kr' || value;
                        case 'minusSign':
                            return '- ';
                        case 'plusSign':
                            return '+ ';
                        default :
                            return value;
                    }
                }).reduce((string, part) => string + part) :
                formatter.format(value);
        }

const formatStr = function (str, nStart) {
            const args = Array.from(arguments).slice(2);

return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
                const idx = parseInt(n) - nStart;

if (args[idx] === null || args[idx] === void 0) {
                    return m;
                }
                return p.length % 2
                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
                    : p.replace('%%', '%') + n;
            })
        }

hyva.str = function (string) {
            const args = Array.from(arguments);
            args.splice(1, 0, 1);

return formatStr.apply(undefined, args);
        }

hyva.strf = function () {
            const args = Array.from(arguments);
            args.splice(1, 0, 0);

return formatStr.apply(undefined, args);
        }

/**
         * Take a html string as `content` parameter and
         * extract an element from the DOM to replace in
         * the current page under the same selector,
         * defined by `targetSelector`
         */
        hyva.replaceDomElement = (targetSelector, content) => {
            // Parse the content and extract the DOM node using the `targetSelector`
            const parser = new DOMParser();
            const doc = parser.parseFromString(content, 'text/html');
            const contentNode = doc.querySelector(targetSelector);

// Bail if content can't be found
            if (!contentNode) {
                return;
            }

hyva.activateScripts(contentNode)

// Replace the old DOM node with the new content
            document.querySelector(targetSelector).replaceWith(contentNode);

// Reload customerSectionData and display cookie-messages if present
            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
            hyva.initMessages();
        }

hyva.activateScripts = (contentNode) => {
            // Extract all the script tags from the content.
            // Script tags won't execute when inserted into a dom-element directly,
            // therefore we need to inject them to the head of the document.
            const tmpScripts = contentNode.getElementsByTagName('script');

if (tmpScripts.length > 0) {
                // Push all script tags into an array
                // (to prevent dom manipulation while iterating over dom nodes)
                const scripts = [];
                for (let i = 0; i < tmpScripts.length; i++) {
                    scripts.push(tmpScripts[i]);
                }

// Iterate over all script tags and duplicate+inject each into the head
                for (let i = 0; i < scripts.length; i++) {
                    let script = document.createElement('script');
                    script.innerHTML = scripts[i].innerHTML;

document.head.appendChild(script);

// Remove the original (non-executing) node from the content
                    scripts[i].parentNode.removeChild(scripts[i]);
                }
            }
            return contentNode;
        }

const replace = {['+']: '-', ['/']: '_', ['=']: ','};
        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);

let currentTrap;

const focusableElements = (rootElement) => {
            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
            return Array.from(rootElement.querySelectorAll(selector))
                .filter(el => {
                    return el.style.display !== 'none'
                        && !el.disabled
                        && el.tabIndex !== -1
                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
                })
        }

const focusTrap = (e) => {
            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
            if (!isTabPressed) return;

const focusable = focusableElements(currentTrap)
            const firstFocusableElement = focusable[0]
            const lastFocusableElement = focusable[focusable.length - 1]

e.shiftKey
                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
        };

hyva.releaseFocus = (rootElement) => {
            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
                currentTrap.removeEventListener('keydown', focusTrap)
                currentTrap = null
            }
        }
        hyva.trapFocus = (rootElement) => {
            if (!rootElement) return;
            hyva.releaseFocus()
            currentTrap = rootElement
            rootElement.addEventListener('keydown', focusTrap)
            const firstElement = focusableElements(rootElement)[0]
            firstElement && firstElement.focus()
        }

hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())

}( window.hyva = window.hyva || {} ));
</script>
<script>
    if (!window.IntersectionObserver) {
        window.IntersectionObserver = function (callback) {
            this.observe = el => el && callback(this.takeRecords());
            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
            this.disconnect = () => {};
            this.unobserve = () => {};
        }
    }
</script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/swebike.se\/","name":"Swebike"}</script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":{"@id":"https:\/\/swebike.se\/reservdelar","name":"Reservdelar"},"position":1},{"@type":"ListItem","item":{"@id":"https:\/\/swebike.se\/startmotor-piaggio-liberty-50-4t-fly-50-4t-aprilia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-16-5816","name":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-"},"position":2}]}</script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Product","name":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","description":"","image":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg","offers":{"@type":"http:\/\/schema.org\/Offer","price":299,"url":"https:\/\/swebike.se\/startmotor-piaggio-liberty-50-4t-fly-50-4t-aprilia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-16-5816","priceCurrency":"SEK","availability":"http:\/\/schema.org\/InStock","shippingDetails":{"deliveryTime":{"businessDays":{"@type":"OpeningHoursSpecification","dayOfWeek":[""]},"@type":"ShippingDeliveryTime"},"@type":"OfferShippingDetails"}},"sku":"16-5816"}</script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","speakable":{"@type":"SpeakableSpecification","cssSelector":[".description"],"xpath":["\/html\/head\/title"]}}</script>
<script>
    window.addEventListener('init-external-scripts', () => {
        if (window._amSwiperLoaded) {
            return;
        }

// Load Swiper script asynchronously
        const script = document.createElement('script');
        script.src = 'https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/Amasty_MostviewedHyva/js/swiper.min.js';
        script.async = true;
        document.body.appendChild(script);

window._amSwiperLoaded = true;

script.onload = () => {
            // Dispatch custom event when Swiper is loaded
            window.dispatchEvent(new CustomEvent('amSwiperLoaded', {}));
        }

// Load Swiper CSS file
        const styles = document.createElement('link');
        styles.rel = 'stylesheet';
        styles.href = 'https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/Amasty_MostviewedHyva/css/swiper.min.css';

return {
            show:false,
            formSelector: "#search_mini_form",
            url: "https://swebike.se/search/ajax/suggest/",
            destinationSelector: "#search_autocomplete",
            templates: {"term":{"title":"Search terms","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"Produkter","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"Kategorier","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"Attribut","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms page","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}},
            priceFormat: {"pattern":"%s\u00a0kr","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u00a0","groupLength":3,"integerRequired":false},
            minSearchLength: 2,
            searchResultsByType: {},
            currentRequest: null,
            loader: {
                container: null,
                el: null,
                active: false,
                searchIcon: null
            },

/**
             * Get search results.
             */
            getSearchResults: function () {
                let value = document.querySelector('#search').value.trim();

if (value.length < parseInt(this.minSearchLength, 10)) {
                    this.searchResultsByType = [];

return false;
                }

let url = this.url + '?' + new URLSearchParams({
                    q: document.querySelector('#search').value,
                    _: Date.now()
                }).toString();

if (this.currentRequest !== null) {
                    this.currentRequest.abort();
                }
                this.currentRequest = new AbortController();

if (!this.loader.active) {
                    this.addLoader();
                }

fetch(url, {
                    method: 'GET',
                    signal: this.currentRequest.signal,
                }).then((response) => {
                    if (response.ok) {
                        return response.json();
                    }
                }).then((data)  => {
                    this.show = data.length > 0;

this.searchResultsByType = data.reduce((acc, result) => {
                        if (! acc[result.type]) acc[result.type] = [];
                        acc[result.type].push(result);
                        return acc;
                    }, {});

this.loader.el.remove();
                    this.loader.searchIcon.classList.remove('hidden');
                    this.loader.active = false;
                }).catch((error) => {
                    ;
                });
            },

/**
             * Adds loader.
             */
            addLoader() {
                this.loader.container = document.querySelector('#search-button');
                this.loader.searchIcon = document.querySelector('#minisearch-icon');
                this.loader.el = document.createElement('div');

this.loader.el.className = 'absolute loader text-secondary-lighter top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2';
                this.loader.el.innerHTML = `
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xml:space="preserve" width="42" height="42">
                <path fill="#e5e7eb"
                    d="M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50">
                    <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s"
                        from="0 50 50" to="360 50 50"
                        repeatCount="indefinite"/>
                </path>
            </svg>
        `;

this.loader.searchIcon.classList.add('hidden');
                this.loader.container.prepend(this.loader.el);
                this.loader.active = true;
            }
        }
    }
</script>
<script>
    function renderEsAutocompleteTitleAttribute(data)
    {
        data = data.filter(function(item) {
            return item.type === 'product_attribute';
        }).map(function(item) {
            return item['attribute_label']
        }).reduce(function(prev, item) {
            if (item in prev) {
                prev[item]++;
            } else {
                prev[item] = 1;
            }
            return prev;
        }, {});

data = Object.entries(data).sort(function(item1, item2) {
            return item2[1] - item1[1]
        }).map(function(item) {return item[0]});

if (data.length > 2) {
            data = data.slice(0, 2);
            data.push('...');
        }

return data.join(', ');
    }
</script>
<script>
    function initCartDrawer() {
        return {
            open: false,
            isLoading: false,
            cart: {},
            maxItemsToDisplay: 100,
            itemsCount: 0,
            totalCartAmount: 0,
            getData(data) {
                if (data.cart) {
                    this.cart = data.cart;
                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
                    this.totalCartAmount = this.cart.summary_count;
                    this.setCartItems();
                }
                this.isLoading = false;
            },
            cartItems: [],
            getItemCountTitle() {
                return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.totalCartAmount)
            },
            setCartItems() {
                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];

if (this.maxItemsToDisplay > 0) {
                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
                }
            },
            deleteItemFromCart(itemId) {
                this.isLoading = true;

const formKey = hyva.getFormKey();
                const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';

fetch(postUrl, {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&item_id=" + itemId,
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(response => {
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else if (response.ok) {
                        return response.json();
                    } else {
                        window.dispatchMessages && window.dispatchMessages([{
                            type: 'warning',
                            text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
                        }]);
                        this.isLoading = false;
                    }
                }).then(result => {
                    window.dispatchMessages && window.dispatchMessages([{
                        type: result.success ? 'success' : 'error',
                        text: result.success
                            ? 'Du\u0020tog\u0020bort\u0020varan.'
                            : result.error_message
                    }], result.success ? 5000 : 0)
                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
                });
            },
            toggleCartDrawer(event) {
                if (event.detail && event.detail.isOpen !== undefined) {
                    if (event.detail.isOpen) {
                        this.openCartDrawer()
                    } else {
                        this.open = false
                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent)
                    }
                } else {
                                        this.openCartDrawer()
                }
            },
            openCartDrawer() {
                this.open = true;
                this.$nextTick(() => {
                    this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
                })
            },
            closeCartDrawer() {
                this.$dispatch('toggle-cart', { isOpen: false })
            }
        }
    }
</script>
<script>
    function initAuthentication() {
        return {
            open: false,
            forceAuthentication: false,
            checkoutUrl: 'https://swebike.se/checkout/index/',
            errors: 0,
            hasCaptchaToken: 0,
            displayErrorMessage: false,
            errorMessages: [],
            setErrorMessages: function setErrorMessages(messages) {
                this.errorMessages = [messages];
                this.displayErrorMessage = this.errorMessages.length;
            },
            submitForm: function () {
                // Do not rename $form, the variable is expected to be declared in the recaptcha output
                const $form = document.querySelector('#login-form');
                    if (!this.hasCaptchaToken) {
        this.errors = 1;

if (window.grecaptcha) {
            executeGreCaptcha();
        } else {
            const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LeswvshAAAAAKA8e5sKqlI4Tq5aBloZ09qqdI0R";
            const script = document.createElement('script');
            script.setAttribute('type', 'text/javascript');
            script.setAttribute('src', recaptchaUrl);
            document.head.appendChild(script);

script.addEventListener("load", executeGreCaptcha, false);
        }
    }
    
                if (this.errors === 0) {
                    this.dispatchLoginRequest($form);
                }
            },
            onPrivateContentLoaded: function (data) {
                const isLoggedIn = data.customer && data.customer.firstname;
                if (data.cart && !isLoggedIn) {
                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
                }
            },
            redirectIfAuthenticated: function (event) {
                if (event.detail && event.detail.url) {
                    this.checkoutUrl = event.detail.url;
                }
                if (!this.forceAuthentication) {
                    window.location.href = this.checkoutUrl;
                }
            },
            dispatchLoginRequest: function(form) {
                this.isLoading = true;
                const username = this.$refs['customer-email'].value;
                const password = this.$refs['customer-password'].value;
                const formKey = hyva.getFormKey();
                const bodyFields = {
                    'username': username,
                    'password': password,
                    'formKey': formKey
                };
                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
                const recaptchaField = fieldName && form[fieldName];
                if (recaptchaField) {
                    bodyFields[fieldName] = recaptchaField.value;
                }
                fetch('https://swebike.se/customer/ajax/login/', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest'
                        },
                        body: JSON.stringify(bodyFields)
                    }
                ).then(response => {
                        return response.json()
                    }
                ).then(data=> {
                    this.isLoading = false;
                    if (data.errors) {
                        dispatchMessages([{
                            type: 'error',
                            text: data.message
                        }], 5000);
                        this.errors = 1;
                        this.hasCaptchaToken = 0;
                    } else {
                        window.location.href = this.checkoutUrl;
                    }
                });
            }
        }
    }
</script>
<script>
        function initMessages() {
        "use strict";
        return {
            messages: window.mageMessages || [],
            isEmpty() {
                return this.messages.reduce(
                    function (isEmpty, message) {
                        return isEmpty && message === undefined
                    }, true
                )
            },
            removeMessage(messageIndex) {
                this.messages[messageIndex] = undefined;
            },
            addMessages(messages, hideAfter) {
                messages.map((message) => {
                    this.messages = this.messages.concat(message);
                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
                        hideAfter = window.defaultSuccessMessageTimeout;
                    }
                    if (hideAfter) {
                        this.setHideTimeOut(this.messages.length -1, hideAfter);
                    }
                });
            },
            setHideTimeOut(messageIndex, hideAfter) {
                setTimeout((messageIndex) => {
                    this.removeMessage(messageIndex);
                }, hideAfter, messageIndex);
            },
            getIcon(messageType) {
                let iconHtml;
                switch (messageType) {
                                    case 'success':
                        iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"25\" height=\"25\" role=\"img\">\n  <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n<title>check-circle<\/title><\/svg>\n";
                        break;
                    case 'error':
                        iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"25\" height=\"25\" role=\"img\">\n  <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"\/>\n<title>exclamation<\/title><\/svg>\n";
                        break;
                    case 'warning':
                        iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"25\" height=\"25\" role=\"img\">\n  <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"\/>\n<title>exclamation<\/title><\/svg>\n";
                        break;
                    case 'notice':
                        iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"25\" height=\"25\" role=\"img\">\n  <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"\/>\n<title>information-circle<\/title><\/svg>\n";
                        break;
                    case 'info':
                        iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"25\" height=\"25\" role=\"img\">\n  <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"\/>\n<title>information-circle<\/title><\/svg>\n";
                        break;
                    // phpcs:enable Generic.Files.LineLength.TooLong
                }
                return iconHtml;
            },
            /*
               Full classes for tailwind purging
               bg-white text-white bg-green-600 bg-red-600 bg-yellow-500 bg-blue-500 text-green-600 text-red-600 text-yellow-500 text-blue-500
            */
            getColor(messageType, property, contrary) {
                let color;
                switch (messageType) {
                    case 'success':
                        color = !contrary ? 'green-600' : 'white';
                        break;
                    case 'error':
                        color = !contrary ? 'red-600' : 'white';
                        break;
                    case 'warning':
                        color = !contrary ? 'yellow-500' : 'white';
                        break;
                    case 'notice':
                        color = !contrary ? 'blue-500' : 'white';
                        break;
                    case 'info':
                        color = !contrary ? 'blue-500' : 'white';
                        break;
                }
                return property + '-' + color;
            },
            eventListeners: {
                ['@messages-loaded.window'](event) {
                    this.addMessages(event.detail.messages, event.detail.hideAfter)
                },
                ['@private-content-loaded.window'](event) {
                    const data = event.detail.data;
                    if (
                        data.messages &&
                        data.messages.messages &&
                        data.messages.messages.length
                    ) {
                        this.addMessages(data.messages.messages);
                    }
                },
                ['@clear-messages.window']() {
                    this.messages = [];
                }
            }
        }
    }
</script>
<script>
        function initGallery() {
            return {
                activeItem: 0,
                activeVideo: false,
                itemCount: 0,
                fullscreen: false,
                focusTrapListener: null,
                loop: false,
                isStart: true,
                isEnd: false,
                videoOptions: {
                    autoplay: true,
                    loop: false,
                    allowApi: false
                },
                swipeStart: null,
                swipeDir: "x",
                initialImages: [{"thumb":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg","img":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg","full":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg","caption":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","position":"1","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1744350305_1.jpg","img":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1744350305_1.jpg","full":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1744350305_1.jpg","caption":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","position":"2","isMain":false,"type":"image","videoUrl":null}],
                images: [{"thumb":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg","img":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg","full":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1437265676_1.jpg","caption":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","position":"1","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1744350305_1.jpg","img":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1744350305_1.jpg","full":"https:\/\/swebike.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/l\/i\/lia-di-tech-scarabeo-50-4t-derbi-senda-drd-06-1744350305_1.jpg","caption":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","position":"2","isMain":false,"type":"image","videoUrl":null}],
                init() {
                    this.itemCount = this.images.length;
                    this.$watch('activeItem', (item) => {
                        this.activeVideo = this.images[item].type === 'video';
                        this.isStart = this.activeItem === 0;
                        this.isEnd = this.activeItem === (this.itemCount - 1);

this.$nextTick(() => {
                            const activeThumb = this.getActiveThumb();
                            if (activeThumb) {
                                this.scrollTo(activeThumb);
                            };
                        });
                                            })
                    this.$watch('itemCount', () => {
                        this.calcThumbsOverflow()
                    });
                    this.$watch('fullscreen', (open) => {
                        this.$nextTick(() => {
                            this.scrollLock(open);
                            this.tabLock(this.$refs.galleryDialog, open);
                        })
                    })
                },
                scrollLock(use = true) {
                    document.body.style.overflow = use ? "hidden" : "";
                },
                tabLock(target, use = true) {
                    if (!use) {
                        hyva.releaseFocus(target);
                        return;
                    }

hyva.trapFocus(target);
                },
                nextItem() {
                    const hasNext = this.activeItem < (this.itemCount - 1);
                    this.activeItem = hasNext
                        ? this.activeItem += 1
                        : this.loop ? 0 : this.activeItem;
                },
                prevItem() {
                    const hasPrev = this.activeItem > 0;
                    this.activeItem = hasPrev
                        ? this.activeItem -= 1
                        : this.loop ? (this.itemCount - 1) : this.activeItem;
                },
                swipeItem(event) {
                    const swipeEnd = this.getTouchPosition(event);
                    if (Math.abs((swipeEnd - this.swipeStart)) < 40) return;

if (this.swipeStart > swipeEnd) {
                        this.nextItem();
                    } else {
                        this.prevItem();
                    }

this.swipeStart = null;
                },
                getVideoData(source) {
                    const videoUrl = source.videoUrl;
                    if (!videoUrl) return;

const videoData = {
                        id: null,
                        type: null,
                        src: null,
                        additionalParams: "",
                        allow: "fullscreen; picture-in-picture;"
                    }

if (this.videoOptions.autoplay) {
                        videoData.additionalParams += '&autoplay=1';
                        videoData.allow += ' autoplay;';
                    }

if (this.videoOptions.loop) {
                        videoData.additionalParams += '&loop=1';
                    }

if (videoUrl.match(/youtube\.com|youtu\.be|youtube-nocookie.com/)) {
                        const youtubeRegex = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
                        const baseSrc = videoUrl.match(/youtube-nocookie.com/)
                            ? 'https://www.youtube-nocookie.com/embed'
                            : 'https://www.youtube.com/embed';

videoData.type = "youtube";
                        videoData.id = videoUrl.match(youtubeRegex)[1];
                        if (this.videoOptions.loop) {
                            videoData.additionalParams += `&playlist=${videoData.id}`
                        }
                        if (this.videoOptions.allowApi) {
                            videoData.additionalParams += '&enablejsapi=1';
                        }
                        videoData.src = `${baseSrc}/${videoData.id}?origin=https://swebike.se/${videoData.additionalParams}`;
                        videoData.allow += " accelerometer; clipboard-write; encrypted-media; gyroscope;"
                    } else if (videoUrl.match(/vimeo\.com/)) {
                        const vimeoRegex = new RegExp([
                            'https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)',
                            '?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)'
                        ].join(''));
                        const timestamp = new Date().getTime();
                        const baseSrc = "https://player.vimeo.com/video";

videoData.type = "vimeo";
                        videoData.id = videoUrl.match(vimeoRegex)[3];
                        if (this.videoOptions.allowApi) {
                            videoData.additionalParams += "&api=1"
                        }
                        videoData.src = `${baseSrc}/${videoData.id}?player_id=vimeo${videoData.id}${timestamp}${videoData.additionalParams}`;
                    }

return videoData;
                },
                getTouchPosition(event) {
                    const position = this.swipeDir === "y"
                        ? event.changedTouches[0].clientY
                        : event.changedTouches[0].clientX;
                    return Math.round(position);
                },
                receiveImages(images) {
                                            this.images = images;
                                        this.itemCount = this.images.length;
                },
                resetGallery() {
                    this.images = this.initialImages;
                    this.itemCount = this.images.length;
                    this.activeItem = 0;
                },
                eventListeners: {
                    ['@keydown.window.escape']() {
                        this.fullscreen = false;
                    },
                    ['@update-gallery.window'](event) {
                        this.receiveImages(event.detail);
                    },
                    ['@reset-gallery.window']() {
                        this.resetGallery();
                    },
                },
                galleryBody: {
                    ['@touchstart.passive'](event) {
                        this.swipeStart = this.getTouchPosition(event);
                    },
                    ['@touchend.passive'](event) {
                        this.swipeItem(event);
                    },
                },
                                thumbsOverflow: false,
                thumbsStart: true,
                thumbsEnd: true,
                scrollTo(target) {
                    target.scrollIntoView({
                        behavior: "smooth",
                        block: "nearest",
                        inline: "nearest"
                    });
                },
                getActiveThumb() {
                    return this.$refs.jsThumbSlides.querySelector('button[aria-selected="true"]');
                },
                isThumbInView(index, action = "leave") {
                    const isFirst = index === 0;
                    const isLast = index === (this.itemCount - 1);

if (isFirst) {
                        this.thumbsStart = (action === "enter");
                    }

if (isLast) {
                        this.thumbsEnd = (action === "enter");
                    }
                },
                calcThumbsOverflow() {
                    const thumbs = this.$refs.jsThumbSlides;
                    if (!thumbs) return;

const { scrollWidth, scrollHeight, offsetWidth, offsetHeight } = thumbs;
                    const hasOverflow = scrollHeight > scrollWidth
                        ? scrollHeight > offsetHeight
                        : scrollWidth > offsetWidth;

this.thumbsOverflow = hasOverflow;
                },
                            }
        }

</script>
<script>
    function initSkuInfo_71249() {
        return {
            skuMap: {"71249":"16-5816"},
            currentSku: '',
            changeSku($event) {
                const productId = $event.detail.productIndex;
                if (productId) {
                    this.currentSku = this.skuMap[productId] ?? '';
                }
            }
        }
    }
</script>
<script>
    function initPrice71249() {

const regularPriceInclTaxKey = 'oldPrice',
              regularPriceExclTaxKey = 'baseOldPrice',
              finalPriceInclTaxKey = 'finalPrice',
              finalPriceExclTaxKey = 'basePrice';

return {
            regularPriceKey: regularPriceInclTaxKey,
            finalPriceKey: finalPriceInclTaxKey,
            activeProductsPriceData: false,
            initialFinalPrice: 299.000001,
            calculatedFinalPrice: false,
            calculatedFinalPriceWithCustomOptions: false,
            initialTierPrices: [],
            showRegularPriceLabel: false,
            customOptionPrices: [],
                        activeCustomOptions: [],
            qty: 1,
            updateCustomOptionActive(data) {
                let activeCustomOptions = this.activeCustomOptions;
                const customOptionId = data.customOptionId;

if (data.active) {
                    if (!activeCustomOptions.includes(customOptionId)) {
                        activeCustomOptions.push(data.customOptionId);
                    }
                } else {
                    if (customOptionId && activeCustomOptions.includes(customOptionId)) {
                        let index = activeCustomOptions.indexOf(customOptionId);
                        activeCustomOptions.splice(index, 1);
                    }
                }
                this.calculateFinalPriceWithCustomOptions()
            },
            updateCustomOptionPrices(prices, basePrices) {
                if (prices) {
                    this.customOptionPrices = prices;
                }

this.calculateFinalPriceWithCustomOptions();
            },
            calculateFinalPrice() {

const findApplicableTierPrice = (initialPrice, withTax) => {
                    if (this.activeProductsPriceData && this.activeProductsPriceData.tierPrices) {
                        const key = withTax ? 'price' : 'basePrice'
                        return this.activeProductsPriceData.tierPrices.reduce((acc, tierPrice) => {
                            if (this.qty >= tierPrice.qty && tierPrice[key] < acc) {
                                return tierPrice[key];
                            }
                            return acc;
                        }, this.activeProductsPriceData[withTax ? finalPriceInclTaxKey : finalPriceExclTaxKey].amount);

} else {
                        const key = withTax ? 'price_incl_tax' : 'price_excl_tax';
                        return Object.values(this.initialTierPrices).reduce((acc, tierPrice) => {
                            if (this.qty >= tierPrice.price_qty && tierPrice[key] < acc) {
                                return tierPrice[key];
                            }
                            return acc;
                        }, initialPrice);

}
                }

this.calculatedFinalPrice = findApplicableTierPrice(this.initialFinalPrice, true);
                window.dispatchEvent(new CustomEvent("update-product-final-price", {detail: this.calculatedFinalPrice}));

},
            calculatePriceLabelVisibility() {
                this.showRegularPriceLabel =
                    (this.calculatedFinalPrice === this.activeProductsPriceData[this.regularPriceKey].amount) &&
                    this.activeProductsPriceData.isMinimalPrice;
            },
            calculateFinalPriceWithCustomOptions() {
                const finalPrice = this.calculatedFinalPrice || this.initialFinalPrice;
                this.calculatedFinalPriceWithCustomOptions = finalPrice + this.getCustomOptionPrice();
                            },
            getCustomOptionPrice() {
                return calculateCustomOptionPrices(this.activeCustomOptions, this.customOptionPrices);
            },
                        getFormattedFinalPrice() {
                return hyva.formatPrice(
                    this.calculatedFinalPriceWithCustomOptions ||
                    this.calculatedFinalPrice ||
                    this.initialFinalPrice
                )
            },
                        isPriceHidden() {
                const finalPrice = this.calculatedFinalPriceWithCustomOptions ||
                    this.calculatedFinalPrice ||
                    this.initialFinalPrice;
                return false && finalPrice === 0;
            },
            eventListeners: {
                ['@update-prices-71249.window'](event) {
                    this.activeProductsPriceData = event.detail;

this.calculateFinalPrice();
                    this.calculateFinalPriceWithCustomOptions();
                    this.calculatePriceLabelVisibility();
                },
                ['@update-qty-71249.window'](event) {
                    this.qty = event.detail;
                    this.calculateFinalPrice();
                    this.calculateFinalPriceWithCustomOptions();
                },
                ['@update-custom-option-active.window'](event) {
                    this.updateCustomOptionActive(event.detail);
                },
                ['@update-custom-option-prices.window'](event) {
                    this.updateCustomOptionPrices(event.detail);
                },
                            }
        }
    }
</script>
<script>
        function initQtyField() {

return {
                qty: 1,
                itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
                productId: '71249',
                                onGetCartData: function onGetCartData(data, $dispatch) {
                    const cart = data && data.data && data.data.cart;
                    if (this.itemId && cart && cart.items) {
                        const cartItem = cart.items.find((item) => {
                            return item.item_id === this.itemId && item.product_id === this.productId;
                        });
                        if (cartItem && cartItem.qty) {
                            this.qty = cartItem.qty;
                            $dispatch('update-qty-' + this.productId, this.qty);
                        }
                    }
                }
            };
        }
    </script>
<script>
    function initCompareOnProductView() {
        return {
            addToCompare: function (productId) {
                const formKey = hyva.getFormKey();
                const postUrl = BASE_URL + 'catalog/product_compare/add/';

fetch(postUrl, {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(function (response) {
                    if (response.redirected) {
                        window.location.href = response.url;
                    }
                }).catch(function (error) {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: error
                        }], 5000
                    );
                });
            }
        };
    }
</script>
<script defer>
    window.addEventListener("load", function () {
        setTimeout(() => {
            // Q&A
            let lipscoreQAMobilePost = document.querySelector(".mobile-block #lipscore-question-post");
            let lipscoreQAMobileList = document.querySelector(".mobile-block #lipscore-question-list");
            let lipscoreQADesktopPost = document.querySelector(".desktop-block #lipscore-question-post");
            let lipscoreQADesktopList = document.querySelector(".desktop-block #lipscore-question-list");

if (lipscoreQAMobileList && lipscoreQADesktopList) {
                lipscoreQADesktopList.innerHTML = lipscoreQAMobileList.innerHTML || '';
            }

if (lipscoreQAMobilePost && lipscoreQADesktopPost) {
                lipscoreQADesktopPost.innerHTML = lipscoreQAMobilePost.innerHTML || '';
            }

// Reviews
            let lipscoreReviewMobilePost = document.querySelector(".mobile-block #lipscore-review-post");
            let lipscoreReviewMobileList = document.querySelector(".mobile-block #lipscore-review-list");
            let lipscoreReviewDesktopPost = document.querySelector(".desktop-block #lipscore-review-post");
            let lipscoreReviewDesktopList = document.querySelector(".desktop-block #lipscore-review-list");

if (lipscoreReviewMobileList && lipscoreReviewDesktopList) {
                lipscoreReviewDesktopList.innerHTML = lipscoreReviewMobileList.innerHTML || '';
            }

if (lipscoreReviewMobilePost && lipscoreReviewDesktopPost) {
                lipscoreReviewDesktopPost.innerHTML = lipscoreReviewMobilePost.innerHTML || '';
            }
        }, 2000);
    });
</script>
<script>
    'use strict';
    function initSwiper_67bc8a3ee3ebc() {
        return {
            countSlides: 0,
            swiperInstance: null,
            isLoading: true,
            init() {
                if (!window.Swiper) {
                    window.addEventListener('amSwiperLoaded', () => {
                        this.initializeSwiper();
                    });
                } else {
                    this.initializeSwiper();
                }
            },
            initializeSwiper() {
                const self = this;
                if (!this.countSlides) {
                    this.isLoading = false;
                    return false;
                } else {
                    this.swiperInstance = new Swiper(this.$refs.swiperContainer67bc8a3ee3ebc, {
                        slidesPerView: 1,
                        slidesPerGroup: 1,
                        direction: 'horizontal',
                        spaceBetween: 5,
                        pagination: {
                            el: '.am-swiper-pagination-67bc8a3ee3ebc',
                            clickable: true,
                        },
                        breakpoints: {
                            1024: {
                                slidesPerView: 4,
                                slidesPerGroup: 4,
                                spaceBetween: 5
                            },
                        },
                        on: {
                            init: function () {
                                self.isLoading = false;
                            }
                        }
                    });
                }
            },
            slideNext() {
                if (this.swiperInstance) {
                    this.swiperInstance.slideNext();
                }
            },
            slidePrev() {
                if (this.swiperInstance) {
                    this.swiperInstance.slidePrev();
                }
            },
            destroy() {
                if (this.swiperInstance) {
                    this.swiperInstance.destroy();
                }
            },
        };
    }
</script>
<script>
    'use strict';
    function initSwiper_67bc8a3ee667c() {
        return {
            countSlides: 0,
            swiperInstance: null,
            isLoading: true,
            init() {
                if (!window.Swiper) {
                    window.addEventListener('amSwiperLoaded', () => {
                        this.initializeSwiper();
                    });
                } else {
                    this.initializeSwiper();
                }
            },
            initializeSwiper() {
                const self = this;
                if (!this.countSlides) {
                    this.isLoading = false;
                    return false;
                } else {
                    this.swiperInstance = new Swiper(this.$refs.swiperContainer67bc8a3ee667c, {
                        slidesPerView: 1,
                        slidesPerGroup: 1,
                        direction: 'horizontal',
                        spaceBetween: 5,
                        pagination: {
                            el: '.am-swiper-pagination-67bc8a3ee667c',
                            clickable: true,
                        },
                        breakpoints: {
                            1024: {
                                slidesPerView: 4,
                                slidesPerGroup: 4,
                                spaceBetween: 5
                            },
                        },
                        on: {
                            init: function () {
                                self.isLoading = false;
                            }
                        }
                    });
                }
            },
            slideNext() {
                if (this.swiperInstance) {
                    this.swiperInstance.slideNext();
                }
            },
            slidePrev() {
                if (this.swiperInstance) {
                    this.swiperInstance.slidePrev();
                }
            },
            destroy() {
                if (this.swiperInstance) {
                    this.swiperInstance.destroy();
                }
            },
        };
    }
</script>
<script>
            /* e.g. hyva theme */
            document.addEventListener('DOMContentLoaded', function(){
                var items =  document.getElementsByClassName('mfblogunveil');
                var el, url;
                if (items.length) {
                    for (var i=0; i<items.length;i++) {
                        el = items[i];
                        url = el.getAttribute('data-original');
                        if (!url) {
                            continue;
                        };
                        if ('IMG' == el.tagName) {
                            el.src = url;
                        } else {
                            el.style.backgroundImage = "url('" + url  + "')";
                        }
                    }
                }
            });
        </script>
<script>
    function initAmPreorderAvailability(note, productId, isNeedShow) {
        return {
            note: note,
            isNeedShow: isNeedShow,
            eventListeners: {
                [`@am-preorder-change-availability-${productId}.window`](event) {
                    this.note = event.detail.preOrderNote;
                    this.isNeedShow = event.detail.isNeedShow;
                }
            }
        }
    }
</script>
<script>
    function initAmPreorderBtn(cartLabel, productId) {
        return {
            cartLabel: cartLabel,
            eventListeners: {
                [`@am-preorder-change-btn-${productId}.window`](event) {
                    this.cartLabel = event.detail.addToCartLabel;
                }
            }
        }
    }
</script>
<script type="text/javascript">
            (function() {
                window.addEventListener("private-content-loaded", event => {
                    const dataObject = event.detail.data['magepal-eegtm-jsdatalayer'] || {};
                    pushAddRemoveItemDataLayer(dataObject)
                });

const isObject = x => x === Object(x);
                const has = (x, p) => isObject(x) && x.hasOwnProperty(p);

function isEmpty(obj){
                    return JSON.stringify(obj) === '{}';
                }

function addDynamicElements(storedData, item) {
                    if (has(storedData, 'position')) {
                        item.position = storedData.position;
                    }
                }
                /**
                 * Add click position/index to data
                 * @param ecommerceData
                 * @return {*}
                 */
                function processData(ecommerceData) {
                    var storedData = JSON.parse(window.localStorage.getItem("product-click"));

ecommerceData.forEach((data) => {
                        if (has(data, 'parent_sku')
                            && isObject(storedData)
                            && has(storedData, 'sku')
                            && data.parent_sku === storedData.sku
                        ) {
                            addDynamicElements(storedData, data);
                        } else if (has(data, 'parent_sku')) {
                            var product = getProductBySku(data.parent_sku);

if (product) {
                                addDynamicElements(product, data);
                            }
                        }
                    });

return ecommerceData;
                }

function getProductBySku(sku) {
                    var dlItems = window.dataLayer.find((item) => item?.ecommerce?.items)

if (dlItems !== 'undefined') {
                        var dlItem = dlItems?.ecommerce?.items.find((item) => item.item_id === sku)
                        if (dlItem !== undefined) {
                            return dlItem;
                        }
                    }

return false;
                }

function pushAddRemoveItemDataLayer(data) {
                    if (isObject(data) && has(data, 'cartItems')) {
                        var ts = window.localStorage.getItem("magepal-eegtm-jsdatalayer-ajax-ts");

if (ts !== 'undefined' && parseInt(ts) === parseInt(data.data_id)) {
                            return false;
                        } else {
                            window.localStorage.setItem("magepal-eegtm-jsdatalayer-ajax-ts", parseInt(data.data_id));
                        }

var cartGenericLayer = {};
                        var dataLayer = window.dataLayer;
                        var self = this;

data.cartItems.forEach((cartItem) =>  {
                            if (has(cartItem, 'event')) {
                                if (has(cartItem,'ecommerce')) {
                                    cartItem.ecommerce.currency = 'SEK';
                                }

if (cartItem.event === 'addToCart') {
                                    var itemsAdded = processData(cartItem.ecommerce.add.products);

/** $("body").trigger("mpGa4ItemAddToCart", [itemsAdded, dataLayer]); **/
                                    cartGenericLayer.add = {
                                        'products': itemsAdded
                                    };
                                }

if (cartItem.event === 'removeFromCart') {
                                    var itemsRemoved = processData(cartItem.ecommerce.remove.products);

/** $("body").trigger("mpGa4ItemRemoveFromCart", [itemsRemoved, dataLayer]); **/
                                    cartGenericLayer.remove = {
                                        'products': itemsRemoved
                                    };
                                }
                            }

if (!isEmpty(cartGenericLayer)) {
                                cartItem.cart = cartGenericLayer;
                            }

dataLayer.push(cartItem);
                        });
                    }
                }
            })();
        </script>
<script>document.addEventListener("DOMContentLoaded", function() {
        if (document.querySelectorAll('.mf-ytw-wrapper').length || document.querySelectorAll('[data-mf-ytw-youtube-link]').length) {
            !function (f, b, e, v, t, s) {
                if(f.mfytwcss)return;
                f.mfytwcss=1;
                t = b.createElement(e);
                t.rel = 'stylesheet';
                t.type = 'text/css';
                t.href = v;
                s = b.getElementsByTagName('HEAD')[0];
                s.appendChild(t)
            }(window, document, 'link', 'https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/Magefan_YouTubeWidget/css/youtubewidget.css');
        }
        if (document.querySelectorAll('.mf-ytw-wrapper').length) {
            !function (f, b, e, v, t, s) {
                if(f.mfytwjs)return;
                f.mfytwjs=1;
                t = b.createElement(e);
                t.type = 'text/javascript';
                t.src = v;
                s = b.getElementsByTagName('HEAD')[0];
                s.appendChild(t)
            }(window, document, 'script', 'https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/Magefan_YouTubeWidget/js/iframe.js');
        }
        if (document.querySelectorAll('[data-mf-ytw-youtube-link]').length) {
            !function (f, b, e, v, t) {
                if(f.mflinkjs)return;
                f.mflinkjs=1;
                t = b.createElement(e);
                t.type = 'text/javascript';
                t.src = v;
                s = b.getElementsByTagName('HEAD')[0];
                s.appendChild(t)
            }(window, document, 'script', 'https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/Magefan_YouTubeWidget/js/link.js');
        }
    });</script>
<script>try {
smileTracker.addPageVar('type.identifier', 'catalog_product_view');
smileTracker.addPageVar('type.label', 'Catalog Product View (Any)');
smileTracker.addPageVar('locale', 'sv_SE');
} catch (err) { ; }</script>
<script>try {
smileTracker.addPageVar('product.id', '71249');
smileTracker.addPageVar('product.label', 'Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-');
smileTracker.addPageVar('product.sku', '16-5816');
} catch (err) { ; }</script>
<script>
    (() => {
        function src_default(Alpine) {
            Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
                let evaluate = evaluateLater(expression);
                let options = {
                    rootMargin: getRootMargin(modifiers),
                    threshold: getThreshhold(modifiers)
                };
                let observer = new IntersectionObserver((entries) => {
                    entries.forEach((entry) => {
                        if (entry.isIntersecting === (value === "leave"))
                            return;
                        evaluate();
                        modifiers.includes("once") && observer.disconnect();
                    });
                }, options);
                observer.observe(el);
                cleanup(() => {
                    observer.disconnect();
                });
            });
        }
        function getThreshhold(modifiers) {
            if (modifiers.includes("full"))
                return 0.99;
            if (modifiers.includes("half"))
                return 0.5;
            if (!modifiers.includes("threshold"))
                return 0;
            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
            if (threshold === "100")
                return 1;
            if (threshold === "0")
                return 0;
            return Number(`.${threshold}`);
        }
        function getLengthValue(rawValue) {
            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
            return match ? match[1] + (match[2] || "px") : void 0;
        }
        function getRootMargin(modifiers) {
            const key = "margin";
            const fallback = "0px 0px 0px 0px";
            const index = modifiers.indexOf(key);
            if (index === -1)
                return fallback;
            let values = [];
            for (let i = 1; i < 5; i++) {
                values.push(getLengthValue(modifiers[index + i] || ""));
            }
            values = values.filter((v) => v !== void 0);
            return values.length ? values.join(" ").trim() : fallback;
        }

const hasAlpine = new Promise(resolve => {
            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
        });

function runComponent(el) {
            hasAlpine.then(() => {
                el.removeAttribute('x-ignore');
                queueMicrotask(() => Alpine.initTree(el));
            });
        }

// packages/collapse/builds/cdn.js
        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(src_default);
        });
    })();
</script>
<script>
    function createAjaxLoader() {
        const loader = document.createElement('div');
        loader.className = 'absolute inset-0 flex justify-center items-center loader';
        loader.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="w-full h-full p-2" width="24" height="24" role="img">
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(1 1)" stroke-width="2">
            <circle cx="5" cy="50" r="5">
                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
            </circle>
            <circle cx="27" cy="5" r="5">
                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
            </circle>
            <circle cx="49" cy="50" r="5">
                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
            </circle>
        </g>
    </g>
<title>Laddar...</title></svg>
`;
        return loader;
    }

function addAjaxLoader(button, loader) {
        button.setAttribute('data-label', button.getAttribute('aria-label'));
        button.removeAttribute('aria-label');
        button.prepend(loader);
        button.classList.add('relative', '[&>:not(.loader)]:invisible');
        button.disabled = true;
    }

function removeAjaxLoader(button, loader) {
        button.setAttribute('aria-label', button.getAttribute('data-label'));
        button.removeAttribute('data-label');
        loader.remove();
        button.classList.remove('[&>:not(.loader)]:invisible');
        button.disabled = false;
    }

async function addAjaxCartForm(form, extraDelay = 500) {
        if (!form) return;
        event.preventDefault();

if (!form.reportValidity()) {
            return form.submit();
        }

const formData = new FormData(form);
        const button = form.querySelector('button:not([type=button], [type=reset])')
            ? form.querySelector('button:not([type=button], [type=reset])')
            : document.getElementById('product-addtocart-button');
        const loader = createAjaxLoader(button);
        const formUenc = hyva.getUenc();
        const postUrl = event.target.action.replace('%25uenc%25', formUenc);

let bodyUrl = new URLSearchParams(formData);
        bodyUrl.append("uenc", formUenc);
        addAjaxLoader(button, loader);

try {
            const response = await fetch(postUrl, {
                method: 'POST',
                body: bodyUrl.toString(),
                mode: "cors",
                credentials: "include",
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
                    'X-Requested-With': 'XMLHttpRequest'
                }
            });
            // Here to make sure the request is handled as a promise
            const responseData = await response.text();

if (!response.ok) {
                return form.submit();
            }

if (response.redirected) {
                return window.location.href = response.url;
            }

window.dispatchEvent(new CustomEvent("reload-customer-section-data"));

const productFormData = {
                    productId: formData.get("product"),
                    options: {}
                }

for (const formEntry of formData.entries()) {
                    if (!formEntry[0].startsWith('super_attribute')) continue;
                    const formEntryOption = { [formEntry[0].match(/\[(\d+)\]/)[1]]: formEntry[1] };
                    productFormData.options = { ...productFormData.options, ...formEntryOption };
                }

window.dispatchEvent(new CustomEvent('open-ajax-cart', { detail: productFormData }));
                    } catch (err) {
            console.warn(err);
            window.dispatchEvent(new CustomEvent('product-addtocart-error'));

if (typeof window.dispatchMessages === "undefined") return;
            window.dispatchMessages([{
                text:'There\u0020was\u0020a\u0020problem\u0020adding\u0020your\u0020item\u0020to\u0020the\u0020cart.',
                type: 'error'
            }], 5000);
        } finally {
            setTimeout(() => removeAjaxLoader(button, loader), extraDelay);
        }
    }

function removeAjaxCartForm(form) {
        removeEventListener('submit', form);
    }

document.addEventListener('submit', function(event) {
        if (!event.target.matches('#product_addtocart_form, .product_addtocart_form')) return;
        addAjaxCartForm(event.target, 500);
    });
</script>
<script>
        function initAjaxCartModal() {
            return {
                open: false,
                cart: {},
                initialTotalCartAmount: 0,
                totalCartAmount: 0,
                cartItem: null,
                showSku: true,
                init() {
                    window.addEventListener('private-content-loaded', (event) => {
                        const cartData = event.detail.data && event.detail.data.cart;
                        if (!cartData) return;

this.cart = cartData;
                        this.totalCartAmount = this.cart.summary_count;
                        this.initialTotalCartAmount = this.cart.summary_count;
                    }, { once: true });

this.$watch('totalCartAmount', (value, oldValue) => {
                        if (this.initialTotalCartAmount === this.totalCartAmount) return;
                                                                            this.openDialog();
                                                this.initialTotalCartAmount = this.totalCartAmount;
                    })
                },
                sortObjectByNumberKey(obj) {
                    let keys = Object.keys(obj).map(Number).sort((a, b) => a - b);
                    let sortedObj = {};
                    keys.forEach(key => sortedObj[key] = obj[key]);
                    return sortedObj;
                },
                setNewCartData(event) {
                    const productData = event.detail;
                    window.addEventListener('private-content-loaded', (event) => {
                        const cartData = event.detail.data && event.detail.data.cart;
                        if (!cartData) return;
                        this.cart = cartData;
                        this.totalCartAmount = this.cart.summary_count;

if (!productData) return;
                        this.getCurrentProductFromCart(productData);
                    }, { once: true });
                },
                getCurrentProductFromCart(productData) {
                    if (!this.cart.items) return;
                    this.cartItem = this.cart.items.filter((item) => {
                        if (item.product_id !== productData.productId) return;
                        if (item.product_type !== "configurable") {
                            return item;
                        }

let cartItemOptions = {};
                        for (const option of item.options) {
                            const filterOptions = { [option.option_id]: option.option_value };
                            cartItemOptions = { ...cartItemOptions, ...filterOptions }
                        }

const cartItemOptionsCompare = JSON.stringify(this.sortObjectByNumberKey(cartItemOptions));
                        const productDataOptionsCompare = JSON.stringify(this.sortObjectByNumberKey(productData.options));
                        if (cartItemOptionsCompare === productDataOptionsCompare) {
                            return item;
                        }
                    });

if (this.cartItem > 1) {
                        this.cartItem = this.cartItem.slice(0, 1);
                    }

this.cartItem = this.cartItem[0];
                },
                getItemCountText() {
                    if (this.totalCartAmount > 1) {
                        return hyva.str('(\u00251\u0020artiklar)', this.totalCartAmount);
                    }

return hyva.str('(\u00251\u0020item)', this.totalCartAmount);
                },
                openDialog() {
                    if (!this.cartItem) return;
                    this.$root.showModal();
                    this.open = true;
                    this.scrollLock(this.open);
                },
                closeDialog() {
                    this.$root.close();
                    this.open = false;
                    this.scrollLock(this.open);
                },
                scrollLock(use = true) {
                    document.body.style.overflow = use ? "hidden" : "";
                },
                onDialogBackdropClickHelper(event, target = this.$root) {
                    const rect = target.getBoundingClientRect();
                    const isInDialog =
                        rect.top <= event.clientY &&
                        event.clientY <= rect.top + rect.height &&
                        rect.left <= event.clientX &&
                        event.clientX <= rect.left + rect.width;
                    return isInDialog;
                }
            }
        }
    </script>
<script type="module"
        src="https://swebike.se/static/version1727464539/frontend/Netab/hyva-swebike/sv_SE/Hyva_Theme/js/alpine3.min.js"
        defer
        crossorigin
></script>
<script>
    'use strict';
    function dispatchMessages(messages, hideAfter) {
        const messagesEvent = new CustomEvent("messages-loaded", {
            detail: {
                messages: messages,
                hideAfter: hideAfter
            }
        });
        window.dispatchEvent(messagesEvent);
    }

if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
    }

(function( hyva, undefined ) {

hyva.initFormKey = () => {
            const inputSelector = 'input[name="form_key"]',
                formKey = hyva.getFormKey();

Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
                input.value = formKey
            });
        }

hyva.initMessages = () => {
            try {
                const messages = hyva.getCookie('mage-messages');
                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];

dispatchMessages(window.mageMessages);

// empty `mage-messages` cookie
                const skipSetDomain = true;
                hyva.setCookie('mage-messages','', -1, skipSetDomain);

} catch (error) {
                console.warn('Error parsing Cookie Messages:', error);
            }
        }

window.addEventListener('DOMContentLoaded', hyva.initFormKey);
        hyva.alpineInitialized(hyva.initMessages)

}( window.hyva = window.hyva || {} ));
</script>
<script>
    'use strict';
    {
        const private_content_key = 'mage-cache-storage';
        const private_content_expire_key = 'mage-cache-timeout';
        const private_content_version_key = 'private_content_version';
        const section_data_ids_key = 'section_data_ids';
        const mage_cache_session_id_key = 'mage-cache-sessid';
        const last_visited_store_key = 'last_visited_store';

const ttl = 3600;

if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
        }

function loadSectionData () {
            const browserStorage = hyva.getBrowserStorage();
            if (!browserStorage) {
                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                    [{
                        type: "warning",
                        text: "Please enable LocalStorage in your browser."
                    }]
                );
                return;
            }
            try {
                let isInvalid = false;

if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
                    isInvalid = true;
                }
                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);

if (!hyva.getCookie(mage_cache_session_id_key)) {
                    isInvalid = true;
                    browserStorage.removeItem(private_content_key);
                    const skipSetDomain = true;
                    const days = false;
                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
                }

const cookieVersion = hyva.getCookie(private_content_version_key);
                const storageVersion = browserStorage.getItem(private_content_version_key);

if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
                    isInvalid = true;
                }

const privateContentExpires = browserStorage.getItem(private_content_expire_key);
                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
                    browserStorage.removeItem(private_content_key);
                }

if (isInvalid && cookieVersion) {
                    fetchPrivateContent([]);
                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
                    if (
                        privateContent &&
                        privateContentExpires &&
                        privateContent.cart &&
                        privateContent.customer
                    ) {
                        dispatchPrivateContent(privateContent);
                    } else {
                        fetchPrivateContent([]);
                    }
                } else {
                    if (document.getElementById('default-section-data')) {
                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
                        dispatchPrivateContent(privateContent);
                    } else {
                        dispatchPrivateContent({});
                    }
                }

} catch (error) {
                console.warn('Error retrieving Private Content:', error);
            }
        }

hyva.alpineInitialized(loadSectionData)
        window.addEventListener('reload-customer-section-data', loadSectionData);

function dispatchPrivateContent(data) {
            const privateContentEvent = new CustomEvent("private-content-loaded", {
                detail: {
                    data: data
                }
            });
            window.dispatchEvent(privateContentEvent);
        }

function fetchPrivateContent(sections) {
            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                }
            })
                .then(response => response.json())
                .then(
                    data => {
                        if (data) {
                            try {
                                const browserStorage = hyva.getBrowserStorage();

// merge new data preserving non-invalidated sections
                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};

if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
                                    delete oldSectionData['checkout-data'];
                                }
                                const newSectionData = Object.assign(oldSectionData, data);

dispatchPrivateContent(newSectionData);

// don't persist messages, they've been dispatched already
                                if (newSectionData.messages && newSectionData.messages.messages ) {
                                    newSectionData.messages.messages = [];
                                }

browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));

const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
                                browserStorage.setItem(private_content_expire_key, expiresAt);

const newCookieVersion = hyva.getCookie(private_content_version_key);
                                browserStorage.setItem(private_content_version_key, newCookieVersion);

// We don't need the section_data_ids in Hyvä, but we store them for compatibility
                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
                                hyva.setCookie(
                                    section_data_ids_key,
                                    JSON.stringify(
                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
                                            return sectionDataIds;
                                        }, {})
                                    ),
                                    false,
                                    true
                                );
                            } catch (error) {
                                console.warn("Couldn't store privateContent", error);
                            }
                        }
                    }
                );
        }
    }
</script>
<script>
    (() => {
        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
    })()
</script>
<script>
    (events => {
        const dispatchUserInteractionEvent = () => {
            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
            window.dispatchEvent(new Event('init-external-scripts'))
        };
        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
    })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
</script>
<script>
    function initConfigurableOptions(productId, optionConfig) {

return {
            optionConfig,
            productId,
            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
            allowedAttributeOptions: [],
            selectedValues: [],
            init() {
                this.findAllowedAttributeOptions();
                this.$nextTick(() => {
                    if (typeof this.optionConfig.defaultValues === 'object') {
                        for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
                            this.changeOption(attributeId, value + '');
                        }
                    }
                });
            },
            findSimpleIndex() {
                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
            },
            calculateSimpleIndexForPartialSelection(selectedValues) {
                if (selectedValues.length === 0) return 0;
                let productIndexIds = Object.keys(this.optionConfig.index);
                Object.keys(this.optionConfig.attributes).forEach((attribute) => {
                                        const productsWithAttributeMatch = selectedValues[attribute]
                        ? productIndexIds.filter((productIndex) => {
                            return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
                        })
                        : [];

productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
                })
                return productIndexIds[0];
            },
            calculateSimpleIndexForFullSelection(selectedValues) {
                const productIndexes = this.optionConfig.index;
                return Object.keys(productIndexes).find(productIndex => {
                    const productCandidateOptions = productIndexes[productIndex];

for (const productOption in productCandidateOptions) {
                        if (
                            ! selectedValues[productOption] ||
                            selectedValues[productOption] !== productCandidateOptions[productOption]
                        ) {
                            return false;
                        }
                    }
                    return productIndex;
                });
            },
            productIndex: 0,
            findAllowedAttributeOptions() {
                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
            },
            calculateAllowedAttributeOptions(selectedValues) {
                const allAttributes = this.optionConfig.attributes;
                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
                    return a.position - b.position
                });

const newAllowedAttributeOptions = [];

allAttributesSorted.forEach(attribute => {
                    const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
                    const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
                    newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
                        return !!option.products.find(product => {
                            return availableIndexes.includes(product);
                        })
                    });
                });
                return newAllowedAttributeOptions;
            },
            calculateAvailableProductIndexes(selectedOptions) {
                if (Object.keys(selectedOptions).length === 0) {
                                        if (Object.values(this.optionConfig.salable || {}).length) {
                                                return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
                    }
                                        return Object.keys(this.optionConfig.index);
                }

const currentPrice = this.getOptionPriceAdjustmentBasePrice();

if (this.optionConfig.optionPrices[optionProduct]) {
                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
                    if (optionPrice !== currentPrice){
                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
                    }
                }
                return option.label;
            },
            getOptionPriceAdjustmentBasePrice() {
                if (this.optionConfig.optionPrices[this.productIndex]) {
                    return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
                }
                const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
                return this.optionConfig.optionPrices[cheapestForSelection]
                    ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
                    : this.optionConfig.prices.finalPrice.amount; // default price if no option selection
            },
            clearOptionIfActive(optionId, value) {
                if (this.selectedValues[optionId] === value) {
                    this.blurLabel()
                    this.changeOption(optionId, '')
                }
            },
            removeAttrFromSelection(selectedValues, attributeId) {
                                attributeId = parseInt(attributeId);
                return selectedValues.reduce((newSelection, val, attr) => {
                    if (attr !== attributeId) {
                        newSelection[attr] = val;
                    }
                    return newSelection;
                }, []);
            },
            changeOption(attributeId, value) {
                if (value === '') {
                    this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
                } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
                                        this.selectedValues[attributeId] = value;
                }
                this.findSimpleIndex();
                this.findAllowedAttributeOptions();
                this.updatePrices();
                this.updateGallery();
                window.dispatchEvent(
                    new CustomEvent(
                        'configurable-selection-changed',
                        {
                            detail: {
                                productId: this.productId,
                                optionId: attributeId,
                                value: value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: this.findProductIdsForPartialSelection(this.selectedValues),
                            }
                        }
                    )
                );
            },
            calculateIsMinimalPrice() {
                return (
                    this.selectedValues.filter(value => !!value).length <
                        Object.keys(this.optionConfig.attributes).length
                );
            },
            updatePrices() {
                const value = this.productIndex ?
                    this.optionConfig.optionPrices[this.productIndex] :
                    this.optionConfig.prices;
                window.dispatchEvent(
                    new CustomEvent(
                        "update-prices-" + this.productId,
                        {
                            detail: Object.assign(
                                value,
                                { isMinimalPrice: this.calculateIsMinimalPrice() }
                            )
                        }
                    )
                );
            },
            updateGallery () {
                if (this.productIndex) {
                    const images = this.optionConfig.images[this.productIndex];
                    images && window.dispatchEvent(new CustomEvent(
                        "update-gallery",
                        { detail: this.sortImagesByPosition(images) }
                    ));
                } else {
                    window.dispatchEvent(new Event("reset-gallery"));
                }
            },
            sortImagesByPosition(images) {
                return images.sort((x, y) => {
                    return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
                });
            },
            onGetCartData(data) {
                                if (this.productId === '71249') {
                    this.preselectCartItems(data);
                    this.preselectQuerystringItems();
                    this.preselectLocationHashItems();
                }
                            },
            preselectCartItems(data) {
                // pre-select options based on cart data for current (quote) itemId
                const cart = data && data.cart;
                if (cart && cart.items) {
                    const cartItem = cart.items.find((item) => {
                        return (
                            item.item_id === this.itemId
                            && item.product_id === this.productId
                        )
                    });
                    if (cartItem && cartItem.options && cartItem.options.length) {
                        cartItem.options.map(option => {
                            this.changeOption(option.option_id, option.option_value);
                        })
                    }
                }
            },
            preselectQuerystringItems() {
                // pre-select option like ?size=167
                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
                this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
            },
            preselectLocationHashItems() {
                // pre-select option like #144=167
                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
                this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
            },
            preselectItemsBasedOnLocation(getLocationValue) {
                Object.values(this.optionConfig.attributes).map(attribute => {
                    this.changeOption(attribute.id, getLocationValue(attribute))
                });
            }
        }
    }

</script>
<script>
    function initSwatchOptions(swatchConfig) {
        return {
            swatchConfig,
            getAttributeSwatchData(attributeId) {
                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);

return swatchConfig;
            },
            getAllAttributeOptions(attributeId) {
                return (
                    this.optionConfig.attributes[attributeId] &&
                    this.optionConfig.attributes[attributeId].options
                ) || []
            },
            optionIsActive(attributeId, optionId) {
                // return true if a product with this option is in stock
                return !!this.getAllowedAttributeOptions(attributeId).find(
                    option => option.id === optionId
                )
            },
            optionIsEnabled(attributeId, optionId) {
                // return true if a product with this option is enabled
                for (const productId in this.optionConfig.index) {
                    if (this.optionConfig.index[productId][attributeId] === optionId) {
                        return true;
                    }
                }
                return false;
            },
            mapSwatchTypeNumberToTypeCode(typeNumber) {
                switch ("" + typeNumber) {
                    case "1":
                        return "color"
                    case "2":
                        return "image"
                    case "3":
                        return "empty"
                    case "0":
                    default:
                        return "text"
                }
            },
            getTypeOfFirstOption(attributeId) {
                for (const optionId in this.swatchConfig[attributeId]) {
                    const option = this.swatchConfig[attributeId][optionId];
                    if (typeof option.type !== 'undefined') {
                        return this.mapSwatchTypeNumberToTypeCode(option.type);
                    }
                }
            },
            getVisualSwatchType(attributeId, targetOptionId) {
                // If a type configuration is present for the given option id, use it
                const config = this.swatchConfig[attributeId];
                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
                }

// Otherwise - if no config is present for the target option - use the type of the first option
                // with a type property from the attribute, thus assuming its the same type as the target option.
                // (This edge case condition can occur on single swatch products if some options are not salable)
                return this.getTypeOfFirstOption(attributeId);
            },
            getSwatchType(attributeId, optionId) {
                // Deserialize the attribute details the first time they are used
                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
                }
                const type =  this.swatchConfig[attributeId] &&
                    this.swatchConfig[attributeId].details &&
                    this.swatchConfig[attributeId].details.swatch_input_type ||
                    "empty";
                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
            },
            isTextSwatch(attributeId, optionId) {
                return this.getSwatchType(attributeId, optionId) === 'text';
            },
            isVisualSwatch(attributeId, optionId) {
                const type = this.getSwatchType(attributeId, optionId);

return ['image', 'color'].includes(type);
            },
            getSwatchBackgroundStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

if (type === "color") {
                        return 'background-color:' + config.value;
                } else if (type === "image") {
                        return "background: #ffffff url('" + config.value + "') no-repeat center";
                } else {
                    return '';
                }
            },
            getSwatchText(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
            },
            getOptionLabelFromOptionConfig(attributeId, optionId) {
                // Fallback if no value is present in swatchConfig data
                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
                return option && option[0] && option[0].label ||'';
            },
            getSwatchConfig(attributeId, optionId) {
                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
                    ? this.swatchConfig[attributeId][optionId]
                    : false;
            },
            activeTooltipItem: false,
            tooltipPositionElement: false,
            isTooltipVisible() {
                return this.activeTooltipItem &&
                    this.getSwatchConfig(
                        this.activeTooltipItem.attribute,
                        this.activeTooltipItem.item
                    );
            },
            isFirstItemCol() {
                return this.activeTooltipItem.index === 0;
            },
            getTooltipImageStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

if (type === "color") {
                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
                } else if (type === "image") {
                    return "background: #ffffff url('" + config.thumb +
                        "') center center no-repeat; width: 110px; height: 90px;";
                } else {
                    return 'display:none';
                }
            },
            getTooltipPosition() {
                return this.tooltipPositionElement ?
                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
                    `left: ${
                        this.tooltipPositionElement.offsetLeft - (
                            this.tooltipPositionElement.closest('.snap') &&
                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
                            0
                        )
                    }px;` : ''
            },
            getTooltipLabel() {
                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
            },
            focusedLabel: false,
            focusLabel(optionId) {
                this.focusedLabel = optionId;
            },
            blurLabel() {
                this.focusedLabel = false;
            },
            showSwatches: false,
            initShowSwatchesIntersect() {
                if ('IntersectionObserver' in window && !window.scrollY) {
                    let io = new IntersectionObserver(
                        entries => {
                            entries.map(entry => {
                                if (entry.isIntersecting) {
                                    this.showSwatches = true;
                                    io.unobserve(this.$root);
                                }
                            })
                        }
                    );
                    io.observe(this.$root);
                } else {
                    this.showSwatches = true
                }
            }
        }
    }
</script>
<script>
    'use strict';

const grecaptchaV2LoadCallbacks = [];

function executeRecaptchaLoadCallbacks () {
        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
            const callback = grecaptchaV2LoadCallbacks.pop();
            typeof callback === 'string' ? window[callback]() : callback();
        }
    }

(function() {
        const loadRecaptchaScript = (event) => {

if (window.grecaptcha || !event.target.form) {
                return;
            }

script.addEventListener('load', () => {
                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
            });
        }

window.forceLoadRecaptchaScript = (form) => {
            loadRecaptchaScript({target: {form: form || 'dummy'}});
            executeRecaptchaLoadCallbacks();
        };

document.body.addEventListener('input', loadRecaptchaScript, { once: true });
        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });

}());

</script>
<script type="text/javascript">
    window.dataLayer = window.dataLayer || [];

function init() {
        const data = [{"event":"productDetail","ecommerce":{"currencyCode":"SEK","detail":{"products":[{"id":"16-5816","name":"Startmotor - Piaggio Liberty 50 4T Fly 50 4T, Aprilia Di-Tech Scarabeo 50 4T, Derbi Senda DRD 06-","p_id":"71249","category":"Reservdelar","price":299}]}}}];
        if (data) {
            let storedData = null

data.forEach((item) => {
                // Set category data on product detail page
                if (item?.event === 'productDetail') {
                    if (storedData === null) {
                        storedData = JSON.parse(window.localStorage.getItem("product-click"));
                    }

if (storedData?.sku && storedData?.list) {
                        if (item.ecommerce.detail.products.find((product) => product.id == storedData.sku)) {
                            item.ecommerce.detail.actionField = {
                                list: storedData.list
                            };
                        }
                    }

if (storedData?.position) {
                        item?.ecommerce?.detail?.products.forEach((product) => {
                            product.position = storedData.position
                        })
                    }
                }

// Set datalayer
                window.dataLayer.push(item);
            })
        }
    }

init();

</script>
<script type="text/javascript">
            window.dataLayer = window.dataLayer || [];

let prevForm = null;
            [...document.querySelectorAll("#product_addtocart_form [required]")].forEach((input) => {
                input.addEventListener('invalid', () => {
                    const form = input.form
                    if (form !== prevForm) {
                        window.dataLayer.push({
                            'event': 'addToCartItemOptionRequired',
                            'productErrors': {
                                'product': getProductData()
                            }
                        })
                        prevForm = form
                    }
                })
            });

if (this.isCategory) {
                    this.productForm = document.querySelector(`input[name='product'][value='${productId}']`)?.parentNode;
                    availabilityElement = this.productForm?.querySelector('.ampreorder-category');
                } else {
                    availabilityElement = document.querySelector(this.availabilityElementSelector)
                        || document.querySelector(this.availabilityElementSelector);

if (this.availabilityElementSelector === this.defaultStockSelector) {
                        availabilityElement = availabilityElement?.parentNode;
                    }
                }

this.originalNote = this.originalNote || availabilityElement?.innerHTML;

if (!availabilityElement) {
                    return;
                }

availabilityElement.setAttribute(
                    'x-data',
                    `{...initAmPreorderAvailability(
                        '${this.currentNote || this.originalNote}',
                        '${productId}',
                         ${this.isCategory ? this.isNeedShowPreorderStatus : true})
                    }`);
                availabilityElement.setAttribute('x-bind', 'eventListeners');
                availabilityElement.setAttribute('x-spread', 'eventListeners');
                availabilityElement.setAttribute('x-html', 'note');
                availabilityElement.setAttribute('x-show', 'isNeedShow');
            },
            initAddToCartButton() {
                let addToCartBtn;

if (this.isCategory) {
                    addToCartBtn = this.productForm.querySelector('.btn-primary span');
                } else {
                    addToCartBtn = document.querySelector(this.addToCartBtnSelector);
                }

this.originalCartLabel = addToCartBtn.innerHTML.replace(/(\r\n|\n|\r)/gm, '');

if (!addToCartBtn) {
                    return;
                }

addToCartBtn.setAttribute('x-data', `{...initAmPreorderBtn('${this.currentCartLabel || this.originalCartLabel}', '${productId}')}`);
                addToCartBtn.setAttribute('x-bind', 'eventListeners');
                addToCartBtn.setAttribute('x-spread', 'eventListeners');
                addToCartBtn.setAttribute('x-text', 'cartLabel');
                if (this.isNeedShowPreorderStatus) addToCartBtn.parentElement.classList.add('bg-sky-600', 'hover:bg-sky-500')
            },
            setStatusToPreorder() {
                this.currentNote = this.preOrderNote || this.originalNote;
                this.currentCartLabel = this.addToCartLabel || this.originalCartLabel;
                this.isNeedShowPreorderStatus = true;
            },
            resetToOriginalStatus() {
                this.currentNote = this.originalNote;
                this.currentCartLabel = this.originalCartLabel;
                this.isNeedShowPreorderStatus = false;
            },
            dispatchChangeAvailabilityElement() {
                window.dispatchEvent(new CustomEvent(`am-preorder-change-availability-${productId}`, {
                    detail: {
                        isNeedShow: this.isCategory ? this.isNeedShowPreorderStatus : true,
                        preOrderNote: this.currentNote
                    }
                }));
            },
            dispatchChangeBtnElement() {
                window.dispatchEvent(new CustomEvent(`am-preorder-change-btn-${productId}`, {detail: {addToCartLabel: this.currentCartLabel}}));
            },
            dispatchChanges() {
                this.dispatchChangeAvailabilityElement();
                this.dispatchChangeBtnElement();
            }
        }
    }
</script>
<script>
    function initAmPreorderConfigurable(isAllProductsPreorder = false, map = [], originalNote = '') {
        return {
            isAllProductsPreorder: isAllProductsPreorder,
            map: map,
            originalNote: originalNote,
            initPreorderConfigurable() {
                if (this.isAllProductsPreorder) {
                    this.setStatusToPreorder();
                }

this.initAvailabilityElement();
                this.initAddToCartButton();
                this.addSwatchGridEvent();

(function () {
        const modals = [];
        const excludedFromFocusTrapping = new Set();

function focusables(dialogElement) {
            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
            return Array.from(dialogElement.querySelectorAll(selector))
                .filter(el => !el.hasAttribute('disabled'));
        }

function firstVisible(elements) {
            const a = Array.from(elements);
            for (let i = 0; i < a.length; i++) {
                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
            }
            return null;
        }

function isInViewport(element) {
            const rect = element && element.getBoundingClientRect();
            return rect &&
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.right <= window.innerWidth &&
                rect.bottom <= window.innerHeight;
        }

return null;
        }

function isOverlayDisabled(dialog) {
            return dialog && dialog.hasAttribute('x-no-overlay')
        }

function areRemainingModalsWithoutOverlay(modals)
        {
            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);

return overflowDisabled.length === modals.length;
        }

window.hyva.modal = function(options) {

const config = Object.assign({
                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
                transitionEnterStart: 'opacity-0',
                transitionEnterEnd: 'opacity-100',
                transitionLeave: 'transition ease-in duration-300',
                transitionLeaveStart: 'opacity-100',
                transitionLeaveEnd: 'opacity-0',
            }, options);
            let lastHide = 0;

return {
                opened: {},
                show(dialog, trigger) {
                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    const dialogElement = this.$refs[name];
                    if (! dialogElement) {
                                                console.error(`Use $modal->getShowJs() in the open trigger, or specify a custom name with\n$modal->withDialogRefName("my-name") and use show("my-name", $event).`);
                                                return;
                    }
                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');

dialogElement.scrollTop = 0;

if (this.opened[name]) {
                        return;
                    }

if (focusTargetAfterHide) {
                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
                    }

this.opened[name] = true;
                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
                    setFocusAfterTransition(dialogElement, config.duration);

const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};

modals.push(frame);
                    if (useOverlay) {
                        document.body.classList.add('overflow-hidden');
                    }
                    return new Promise(resolve => frame.resolve = resolve);
                },
                cancel() {
                    this.hide(false);
                },
                ok() {
                    this.hide(true);
                },
                hide(value) {
                                        if (Date.now() - lastHide < config.duration) {
                        return;
                    }
                    lastHide = Date.now();

const modal = modals.pop() || {};
                    const name = modal.name;
                    this.opened[name] = false;
                    hyva.releaseFocus(modal.instance.$refs[modal.name])
                    trapFocusInNextModalWithOverlay();

const nextFocusAfterHide = modal.focusTarget;
                    nextFocusAfterHide && setTimeout(() => {
                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
                        nextFocusAfterHide.focus()
                    }, config.duration);

if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
                        document.body.classList.remove('overflow-hidden');
                    }

modal.resolve(value);
                },
                overlay(dialog) {
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    return {
                        ['x-show']() {
                            return this.opened[name]
                        },
                        ['x-transition:enter']: config.transitionEnter,
                        ['x-transition:enter-start']: config.transitionEnterStart,
                        ['x-transition:enter-end']: config.transitionEnterEnd,
                        ['x-transition:leave']: config.transitionLeave,
                        ['x-transition:leave-start']: config.transitionLeaveStart,
                        ['x-transition:leave-end']: config.transitionLeaveEnd,
                        ['@hyva-modal-show.window'](event) {
                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
                        }
                    };
                }
            };
        }

window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]

window.hyva.modal.pop = function () {
            if (modals.length > 0) {
                const modal = modals[modals.length -1];
                modal.instance.hide();
            }
        }

window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
            typeof selectors === 'string' || selectors instanceof String
                ? excludedFromFocusTrapping.add(selectors)
                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
        }

document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);