@karmo-co/drift-kit-public 23.18.2 → 24.0.0

package/components.js

@@ -5711,6 +5711,537 @@
             document.addEventListener('DOMContentLoaded', function () { init(document); });
     })();
 })(typeof window !== 'undefined' ? window : undefined);
+(function (w) {
+    if (!w)
+        return;
+    var d = (w.dk = w.dk || {});
+    d.__loaded = d.__loaded || {};
+    if (d.__loaded['components/carousel/behaviour.js'])
+        return;
+    d.__loaded['components/carousel/behaviour.js'] = true;
+    (function () {
+        'use strict';
+        var P = 'dk-component-carousel';
+        var dk = window.dk = window.dk || {};
+        dk.component = dk.component || {};
+        var PEAK = 1, FALL = 0.68;
+        var NEAR = 1e-4;
+        var DRAG = 4;
+        var REST = 2;
+        var QUIET = 400;
+        var SETTLE = 800;
+        function zoomOf(el) {
+            var z = el && el.currentCSSZoom;
+            return z > 0 ? z : 1;
+        }
+        function itemsOf(track) {
+            return Array.prototype.filter.call(track.children, function (c) { return c.classList.contains(P + '__item'); });
+        }
+        function isClone(it) { return it.hasAttribute('data-carousel-clone'); }
+        function smooth() { return dk.motion && dk.motion.reduced && dk.motion.reduced() ? 'auto' : 'smooth'; }
+        function presentationOf(root) {
+            if (root.hasAttribute('data-presentation-fixed'))
+                return root.getAttribute('data-presentation') === 'row' ? 'row' : 'slider';
+            var holder = root.closest('[data-device]');
+            var device = holder && holder.getAttribute('data-device');
+            var force = device === 'phone' || device === 'tablet' ? 'always' : device === 'desktop' ? 'never' : 'auto';
+            var phone = dk.sheet ? dk.sheet.wants(root, '--dk-breakpoint-phone', force) : force === 'always';
+            return phone ? 'slider' : 'row';
+        }
+        function topIn(node, item) {
+            var y = 0, n = node, home = item.offsetParent;
+            while (n && n !== item && n !== home) {
+                y += n.offsetTop;
+                n = n.offsetParent;
+            }
+            return n === item ? y + item.clientTop : y - item.offsetTop;
+        }
+        function liftOf(item, sel, scale) {
+            var part = null;
+            if (sel) {
+                try {
+                    part = item.querySelector(sel);
+                }
+                catch (e) {
+                    part = null;
+                }
+            }
+            if (!part)
+                return 0;
+            var off = topIn(part, item) + part.offsetHeight / 2 - item.offsetHeight / 2;
+            return off * (1 - scale);
+        }
+        var FOCUSABLE = 'a[href], button, input, select, textarea, summary, iframe, [tabindex], [contenteditable]';
+        function mark(c) {
+            if (!c.hasAttribute('data-carousel-clone'))
+                c.setAttribute('data-carousel-clone', '');
+            c.setAttribute('aria-hidden', 'true');
+            c.removeAttribute('inert');
+            if (c.matches(FOCUSABLE))
+                c.setAttribute('tabindex', '-1');
+            Array.prototype.forEach.call(c.querySelectorAll(FOCUSABLE), function (n) { n.setAttribute('tabindex', '-1'); });
+        }
+        function copy(src) {
+            var c = src.cloneNode(true);
+            c.removeAttribute('id');
+            Array.prototype.forEach.call(c.querySelectorAll('[id]'), function (n) { n.removeAttribute('id'); });
+            ['transform', 'opacity', 'scroll-margin-left', 'scroll-margin-right'].forEach(function (p) { c.style.removeProperty(p); });
+            if (c.getAttribute('style') === '')
+                c.removeAttribute('style');
+            mark(c);
+            return c;
+        }
+        function create(root, track) {
+            var pulls = new WeakMap();
+            var pres = null, loop = false, made = [], current = -1, lastReal = [];
+            var scroller = null;
+            var down = false, active = false, settling = false, dragged = false, startX = 0, startScroll = 0;
+            var raf = 0, quietT = 0, settleT = 0, dragT = 0;
+            function cards() { return itemsOf(track).filter(function (it) { return !it.hidden; }); }
+            function realItems() { return itemsOf(track).filter(function (it) { return !isClone(it); }); }
+            function cardMid(card) {
+                var r = card.getBoundingClientRect();
+                return (r.left + r.width / 2 - track.getBoundingClientRect().left) / zoomOf(track) + track.scrollLeft - (pulls.get(card) || 0);
+            }
+            function startOf(card) { return cardMid(card) - card.offsetWidth / 2; }
+            function edges() {
+                var prev = root.querySelector(':scope > .' + P + '__prev');
+                var next = root.querySelector(':scope > .' + P + '__next');
+                var max = track.scrollWidth - track.clientWidth, sl = track.scrollLeft;
+                if (prev)
+                    prev.hidden = !loop && sl <= 1;
+                if (next)
+                    next.hidden = !loop && sl >= max - 1;
+                if (pres === 'row') {
+                    root.toggleAttribute('data-at-start', sl <= 1);
+                    root.toggleAttribute('data-at-end', sl >= max - 1);
+                }
+            }
+            function findScroller() {
+                for (var n = root.parentElement; n && n !== document.documentElement; n = n.parentElement) {
+                    var cs = getComputedStyle(n);
+                    if (/^(auto|scroll)$/.test(cs.overflowX) || /^(auto|scroll)$/.test(cs.overflowY))
+                        return n;
+                }
+                return null;
+            }
+            function edgeOf() {
+                var sel = root.getAttribute('data-bleed');
+                if (sel) {
+                    var hit = null;
+                    try {
+                        hit = root.closest(sel);
+                    }
+                    catch (e) {
+                        hit = null;
+                    }
+                    if (hit)
+                        return hit.getBoundingClientRect();
+                }
+                return scroller ? scroller.getBoundingClientRect() : { left: 0, right: document.documentElement.clientWidth };
+            }
+            function bleed() {
+                if (!root.hasAttribute('data-bleed')) {
+                    root.style.removeProperty('--_bleed-l');
+                    root.style.removeProperty('--_bleed-r');
+                    return;
+                }
+                var z = zoomOf(track);
+                var b = edgeOf();
+                var w = root.getBoundingClientRect();
+                root.style.setProperty('--_bleed-l', Math.max(0, (w.left - b.left) / z) + 'px');
+                root.style.setProperty('--_bleed-r', Math.max(0, (b.right - w.right) / z) + 'px');
+            }
+            function realIndex(i, list) {
+                if (!loop)
+                    return i;
+                var n = list.length - 4;
+                return ((i - 2) % n + n) % n;
+            }
+            function indexNow() {
+                var list = cards();
+                if (!list.length)
+                    return -1;
+                var mid = track.scrollLeft + track.clientWidth / 2;
+                var best = 0, bd = Infinity;
+                list.forEach(function (card, i) {
+                    var d = pres === 'row' ? Math.abs(track.scrollLeft - startOf(card)) : Math.abs(mid - cardMid(card));
+                    if (d < bd) {
+                        bd = d;
+                        best = i;
+                    }
+                });
+                return realIndex(best, list);
+            }
+            function report(silent) {
+                var i = indexNow();
+                if (i === current)
+                    return;
+                current = i;
+                if (!silent && i >= 0)
+                    root.dispatchEvent(new CustomEvent(P + ':change', { detail: { index: i }, bubbles: true }));
+            }
+            function update(silent) {
+                bleed();
+                edges();
+                var W = track.clientWidth;
+                if (pres !== 'row' && W) {
+                    var mid = track.scrollLeft + W / 2;
+                    var sel = root.getAttribute('data-lift');
+                    cards().forEach(function (card) {
+                        var cm = cardMid(card);
+                        var d = Math.min(Math.abs(mid - cm) / W, 0.5);
+                        var raw = PEAK - d * FALL;
+                        var sc = Math.abs(raw - 1) < NEAR ? 1 : raw;
+                        var pull = Math.sign(mid - cm) * (1 - sc) * card.offsetWidth / 2;
+                        pulls.set(card, sc === 1 ? 0 : pull);
+                        card.style.scrollMarginLeft = sc !== 1 && pull > 0 ? (2 * pull) + 'px' : '';
+                        card.style.scrollMarginRight = sc !== 1 && pull < 0 ? (-2 * pull) + 'px' : '';
+                        card.style.transform = sc === 1 ? '' : 'translate(' + pull.toFixed(2) + 'px, ' + liftOf(card, sel, sc).toFixed(2) + 'px) scale(' + sc + ')';
+                        card.style.opacity = sc === 1 ? '' : (1 - 0.5 * Math.min((1 - sc) / (FALL / 2), 1)).toFixed(3);
+                    });
+                }
+                report(silent);
+            }
+            function clones(want) {
+                made.forEach(function (c) { if (c.parentNode)
+                    c.parentNode.removeChild(c); });
+                made = [];
+                var authored = itemsOf(track).filter(isClone);
+                if (authored.length) {
+                    authored.forEach(function (c) { mark(c); c.hidden = !want; });
+                    return;
+                }
+                if (!want)
+                    return;
+                var real = realItems(), n = real.length, after = real[n - 1].nextSibling;
+                [real[n - 2], real[n - 1]].forEach(function (src) { var c = copy(src); made.push(c); track.insertBefore(c, real[0]); });
+                [real[0], real[1]].forEach(function (src) { var c = copy(src); made.push(c); track.insertBefore(c, after); });
+            }
+            function startIndex(n) {
+                var s = parseInt(root.getAttribute('data-start'), 10);
+                return s >= 0 && s < n ? s : 0;
+            }
+            function same(a, b) {
+                if (a.length !== b.length)
+                    return false;
+                for (var i = 0; i < a.length; i++)
+                    if (a[i] !== b[i])
+                        return false;
+                return true;
+            }
+            function apply(first) {
+                var next = presentationOf(root);
+                var switched = !first && next !== pres;
+                var keep = current;
+                var real = realItems();
+                var wasLoop = loop;
+                pres = next;
+                if (!root.hasAttribute('data-presentation-fixed') && root.getAttribute('data-presentation') !== pres)
+                    root.setAttribute('data-presentation', pres);
+                loop = pres === 'slider' && root.hasAttribute('data-loop') && real.length >= 3;
+                var unchanged = !first && !switched && loop === wasLoop && same(real, lastReal);
+                lastReal = real;
+                if (!unchanged)
+                    clones(loop);
+                scroller = findScroller();
+                root.querySelectorAll(':scope > .' + P + '__prev, :scope > .' + P + '__next').forEach(function (b) {
+                    if (b.tagName === 'BUTTON' && !b.getAttribute('type'))
+                        b.type = 'button';
+                });
+                if (!down && !unchanged) {
+                    clearTimeout(quietT);
+                    clearTimeout(settleT);
+                    settling = false;
+                    track.style.scrollSnapType = '';
+                }
+                if (pres === 'row') {
+                    itemsOf(track).forEach(function (card) {
+                        ['transform', 'opacity', 'scroll-margin-left', 'scroll-margin-right'].forEach(function (p) { card.style.removeProperty(p); });
+                        if (card.getAttribute('style') === '')
+                            card.removeAttribute('style');
+                        pulls.delete(card);
+                    });
+                    if (first || switched)
+                        track.scrollLeft = 0;
+                }
+                else {
+                    root.removeAttribute('data-at-start');
+                    root.removeAttribute('data-at-end');
+                    if (!unchanged && !down) {
+                        var idx = first || switched || keep < 0 ? startIndex(real.length) : Math.min(keep, real.length - 1);
+                        var anchor = cards()[loop ? idx + 2 : idx];
+                        if (anchor)
+                            track.scrollLeft = cardMid(anchor) - track.clientWidth / 2;
+                    }
+                }
+                update(first);
+            }
+            function wrap() {
+                if (!loop || down || active || settling)
+                    return;
+                var all = cards(), n = all.length;
+                if (n - 4 < 3)
+                    return;
+                var period = (n - 4) * (cardMid(all[1]) - cardMid(all[0]));
+                var mid = track.scrollLeft + track.clientWidth / 2;
+                var best = 0, bd = Infinity;
+                all.forEach(function (card, i) {
+                    var d = Math.abs(mid - cardMid(card));
+                    if (d < bd) {
+                        bd = d;
+                        best = i;
+                    }
+                });
+                if (bd > REST)
+                    return;
+                if (best <= 1)
+                    track.scrollLeft += period;
+                else if (best >= n - 2)
+                    track.scrollLeft -= period;
+                else
+                    return;
+                update();
+            }
+            function onIdle() {
+                clearTimeout(quietT);
+                clearTimeout(settleT);
+                if (down || active)
+                    return;
+                if (settling) {
+                    settling = false;
+                    track.style.scrollSnapType = '';
+                }
+                wrap();
+            }
+            function onScroll() {
+                if (!raf)
+                    raf = requestAnimationFrame(function () { raf = 0; update(); });
+                clearTimeout(quietT);
+                quietT = setTimeout(onIdle, QUIET);
+            }
+            function onAnyDown() { active = true; clearTimeout(quietT); clearTimeout(settleT); }
+            function onAnyUp() { active = false; quietT = setTimeout(onIdle, QUIET); }
+            function onDown(e) {
+                if (e.pointerType !== 'mouse' || e.button !== 0)
+                    return;
+                down = true;
+                dragged = false;
+                startX = e.clientX;
+                startScroll = track.scrollLeft;
+            }
+            function onMove(e) {
+                if (!down)
+                    return;
+                if (e.buttons === 0) {
+                    onUp();
+                    return;
+                }
+                var dx = (e.clientX - startX) / zoomOf(track);
+                if (!dragged && Math.abs(dx) > DRAG) {
+                    dragged = true;
+                    settling = false;
+                    track.style.scrollSnapType = 'none';
+                    try {
+                        track.setPointerCapture(e.pointerId);
+                    }
+                    catch (err) { }
+                }
+                if (dragged)
+                    track.scrollLeft = startScroll - dx;
+            }
+            function onUp() {
+                if (!down)
+                    return;
+                down = false;
+                if (!dragged)
+                    return;
+                var mid = track.scrollLeft + track.clientWidth / 2;
+                var best = null, bd = Infinity;
+                cards().forEach(function (card) {
+                    var d = pres === 'row' ? Math.abs(track.scrollLeft - startOf(card)) : Math.abs(mid - cardMid(card));
+                    if (d < bd) {
+                        bd = d;
+                        best = card;
+                    }
+                });
+                settling = true;
+                if (best)
+                    track.scrollTo({ left: pres === 'row' ? startOf(best) : cardMid(best) - track.clientWidth / 2, behavior: smooth() });
+                settleT = setTimeout(onIdle, SETTLE);
+                dragT = setTimeout(function () { dragged = false; }, 0);
+            }
+            function onWinUp() {
+                if (!root.isConnected) {
+                    teardown();
+                    return;
+                }
+                active = false;
+                onUp();
+            }
+            function originalOf(clone) {
+                var all = itemsOf(track), real = realItems(), n = real.length;
+                if (!n)
+                    return null;
+                var first = all.indexOf(real[0]), at = all.indexOf(clone);
+                if (at < first)
+                    return real[((n - (first - at)) % n + n) % n];
+                var k = 0;
+                for (var i = all.indexOf(real[n - 1]) + 1; i < at; i++)
+                    if (isClone(all[i]))
+                        k++;
+                return real[k % n];
+            }
+            function forward(e) {
+                var t = e.target, clone = null, path = [];
+                for (var n = t; n && n !== track; n = n.parentElement) {
+                    if (n.parentElement === track) {
+                        if (n.classList.contains(P + '__item') && isClone(n))
+                            clone = n;
+                        break;
+                    }
+                    path.unshift(Array.prototype.indexOf.call(n.parentElement.children, n));
+                }
+                if (!clone)
+                    return;
+                e.preventDefault();
+                e.stopPropagation();
+                var orig = originalOf(clone);
+                if (!orig)
+                    return;
+                var m = orig;
+                for (var i = 0; i < path.length && m; i++)
+                    m = m.children[path[i]];
+                if (!m)
+                    m = orig;
+                var hit = m.closest(FOCUSABLE);
+                if (hit && !orig.contains(hit))
+                    hit = null;
+                if (!hit)
+                    hit = m !== orig || orig.matches(FOCUSABLE) ? m : orig.querySelector(FOCUSABLE) || orig;
+                hit.click();
+            }
+            function onClick(e) {
+                if (dragged) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    return;
+                }
+                forward(e);
+            }
+            function onArrow(e) {
+                var b = e.target.closest && e.target.closest('.' + P + '__prev, .' + P + '__next');
+                if (!b || b.parentElement !== root || b.disabled)
+                    return;
+                step(b.classList.contains(P + '__prev') ? -1 : 1);
+            }
+            function step(dir) {
+                var list = cards();
+                if (list.length < 2)
+                    return;
+                track.scrollBy({ left: dir * (list[1].offsetLeft - list[0].offsetLeft), behavior: smooth() });
+            }
+            var bound = [];
+            function on(el, type, fn, opts) { el.addEventListener(type, fn, opts); bound.push([el, type, fn, opts]); }
+            on(track, 'scroll', onScroll, { passive: true });
+            on(track, 'scrollend', onIdle);
+            on(track, 'pointerdown', onAnyDown);
+            on(track, 'pointerup', onAnyUp);
+            on(track, 'pointercancel', onAnyUp);
+            on(track, 'pointerdown', onDown);
+            on(track, 'pointermove', onMove);
+            on(track, 'pointerup', onUp);
+            on(track, 'pointercancel', onUp);
+            on(track, 'click', onClick, true);
+            on(root, 'click', onArrow);
+            on(window, 'pointerup', onWinUp);
+            on(window, 'pointercancel', onWinUp);
+            on(window, 'blur', onWinUp);
+            var ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(function () {
+                if (!root.isConnected) {
+                    teardown();
+                    return;
+                }
+                update();
+            }) : null;
+            if (ro)
+                ro.observe(track);
+            var unwatch = dk.sheet && dk.sheet.watch ? dk.sheet.watch(function () {
+                if (!root.isConnected) {
+                    teardown();
+                    return;
+                }
+                if (presentationOf(root) !== pres)
+                    apply(false);
+                else
+                    update();
+            }) : null;
+            var mo = typeof MutationObserver !== 'undefined' ? new MutationObserver(function (recs) {
+                var forced = recs.some(function (r) { return r.attributeName === 'data-loop' || r.attributeName === 'data-bleed' || r.attributeName === 'data-presentation-fixed'; });
+                if (forced || presentationOf(root) !== pres)
+                    apply(false);
+            }) : null;
+            if (mo)
+                mo.observe(root, { attributes: true, attributeFilter: ['data-presentation', 'data-presentation-fixed', 'data-device', 'data-loop', 'data-bleed'] });
+            function teardown() {
+                bound.forEach(function (b) { b[0].removeEventListener(b[1], b[2], b[3]); });
+                bound = [];
+                if (ro)
+                    ro.disconnect();
+                if (mo)
+                    mo.disconnect();
+                if (unwatch)
+                    unwatch();
+                if (raf)
+                    cancelAnimationFrame(raf);
+                clearTimeout(quietT);
+                clearTimeout(settleT);
+                clearTimeout(dragT);
+                if (root.__dcCarousel && root.__dcCarousel.track === track)
+                    delete root.__dcCarousel;
+            }
+            var api = { track: track, apply: apply, step: step, teardown: teardown };
+            root.__dcCarousel = api;
+            apply(true);
+            return api;
+        }
+        function initRoot(root) {
+            var track = root.querySelector(':scope > .' + P + '__track');
+            var api = root.__dcCarousel;
+            if (api && api.track === track) {
+                api.apply(false);
+                return;
+            }
+            if (api)
+                api.teardown();
+            if (track)
+                create(root, track);
+        }
+        function init(scope) {
+            var s = scope || document;
+            if (s.matches && s.matches('.' + P))
+                initRoot(s);
+            Array.prototype.forEach.call(s.querySelectorAll('.' + P), initRoot);
+        }
+        function sync(root) { if (root)
+            initRoot(root); }
+        function step(root, dir) {
+            var api = root && root.__dcCarousel;
+            if (api)
+                api.step(dir < 0 ? -1 : 1);
+        }
+        function destroy(root) {
+            var api = root && root.__dcCarousel;
+            if (api)
+                api.teardown();
+        }
+        dk.component.carousel = { init: init, sync: sync, step: step, destroy: destroy };
+        if (document.readyState !== 'loading')
+            init(document);
+        else
+            document.addEventListener('DOMContentLoaded', function () { init(document); });
+    })();
+})(typeof window !== 'undefined' ? window : undefined);
 (function (w) {
     if (!w)
         return;
@@ -6303,28 +6834,81 @@
                     ]
                 }
             },
-            "volvo": {
+            "mykarmo": {
                 "symbol": {
-                    "viewBox": "0 0 62 61",
+                    "viewBox": "0 0 64 64",
                     "paths": [
+                        {
+                            "part": "secondary",
+                            "d": "M54.8007 54.4141C60.5009 48.6626 64.0001 40.7119 64.0001 31.9718C64.0001 23.2317 60.5009 15.3374 54.8007 9.52948L32.5076 31.9718L54.8007 54.4141Z"
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M29.065 41.7832C26.8074 39.5277 23.5905 38.2308 20.5992 37.4977V57.7973V61.9136C24.1549 63.2669 27.9362 64 31.9433 64C37.5307 64 42.7795 62.5903 47.351 60.0528L36.0069 48.6625L29.065 41.7832Z"
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M36.0069 15.3375L47.351 3.94714C42.7795 1.46608 37.5307 0 31.9433 0C27.9362 0 24.0984 0.733041 20.5992 2.08635V5.92071V26.5586C23.6469 25.8256 26.8074 24.4723 29.065 22.2731L36.0069 15.3375Z"
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M11.2867 36.4829C9.3678 36.4829 3.27248 36.4829 0.28125 36.4829C1.41001 44.4336 5.47357 51.4257 11.2867 56.3878V36.4829Z"
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M0.28125 27.517H11.2867V7.61212C5.47357 12.5742 1.41001 19.5663 0.28125 27.517Z"
+                        },
                         {
                             "part": "primary",
-                            "d": "M28.1659 31.7612H29.4026L29.4001 28.0965H28.1659V27.2838H33.0623V28.0965H31.8433V31.7587H32.9765C34.0239 31.7587 34.7104 31.0671 34.7104 30.1282H35.5181V32.5815H28.1659V31.7612ZM39.0516 32.5865H41.9137L44.3418 28.0965H45.5583V27.2838H41.8986V28.0965H42.9561L41.1869 31.365L39.3949 28.0965H40.6821L40.677 27.2838H35.3667V28.0965H36.5832L39.0516 32.5865ZM13.5271 27.2838H8.21418V28.0965H9.42819L11.9016 32.5865H14.7613L17.1893 28.0965H18.4058V27.2838H14.7461V28.0965H15.8011L14.0344 31.365L12.2424 28.0965H13.5271V27.2838ZM22.8833 27.1727C25.3441 27.1727 26.6641 28.3993 26.6641 29.9389C26.6641 31.4987 25.4173 32.743 22.8959 32.743C20.3745 32.743 19.1176 31.4987 19.1176 29.9389C19.1176 28.3993 20.4224 27.1727 22.8833 27.1727ZM22.9262 28.0056C22.0857 27.993 21.5961 28.8839 21.5784 29.9061C21.5633 30.8905 21.957 31.8849 22.8555 31.9C23.7793 31.9177 24.1781 30.9157 24.1932 29.9516C24.2134 28.9294 23.7692 28.0233 22.9262 28.0081V28.0056ZM50.0282 27.1727C52.4865 27.1727 53.8065 28.3993 53.8065 29.9389C53.8065 31.4987 52.5622 32.743 50.0408 32.743C47.5169 32.743 46.26 31.4987 46.26 29.9389C46.26 28.3993 47.5674 27.1727 50.0282 27.1727ZM48.7233 29.9061C48.7057 30.8905 49.1019 31.8849 50.0004 31.9C50.9242 31.9177 51.323 30.9157 51.3381 29.9516C51.3583 28.9294 50.9141 28.0233 50.0711 28.0081C49.2306 27.993 48.741 28.8839 48.7233 29.9061ZM55.9342 13.0791L52.8575 16.1532C55.5869 20.3613 57.0354 25.2715 57.0271 30.2872C57.0271 44.656 45.3791 56.304 31.0104 56.304C16.6416 56.304 4.99364 44.656 4.99364 30.2872C4.99364 15.9185 16.6416 4.27053 31.0104 4.27053C36.2349 4.27053 41.096 5.81013 45.1721 8.46026L48.2488 5.38359C43.1878 1.86961 37.1716 -0.00923839 31.0104 3.41568e-05C14.2842 3.41568e-05 0.723145 13.5611 0.723145 30.2872C0.723145 47.0134 14.2842 60.5744 31.0104 60.5744C47.7365 60.5744 61.2976 47.0134 61.2976 30.2872C61.2976 23.8941 59.3163 17.9654 55.9342 13.0791ZM46.2448 1.19133V2.0419C48.0822 3.03633 49.8111 4.20996 51.4113 5.52997L47.0954 9.8459C48.724 11.1233 50.1941 12.5909 51.4744 14.2174L55.7853 9.90648C57.1078 11.5117 58.2815 13.2431 59.2784 15.0503H60.1063V1.19385L46.2448 1.19133Z"
+                            "d": "M54.7451 54.3577L32.5084 31.9718L54.6886 9.58589C52.4875 7.38676 50.0043 5.46958 47.2388 3.94711L35.9511 15.3374L29.0657 22.1603C26.8082 24.4159 23.5912 25.7128 20.5999 26.4458C18.286 27.0097 16.0285 27.2916 14.3353 27.4044C13.3759 27.4608 12.5293 27.4608 11.9085 27.4608C11.5134 27.4608 11.3441 27.4608 11.3441 27.4608H0.338629C0.112877 28.9269 0 30.393 0 31.9154C0 33.4379 0.112877 34.9604 0.338629 36.4264C3.32985 36.4264 9.42518 36.4264 11.3441 36.4264C11.6827 36.4264 11.9085 36.4264 11.9085 36.4264C12.5293 36.4264 13.3759 36.4828 14.3353 36.4828C16.0285 36.5956 18.286 36.8212 20.5999 37.4414C23.6476 38.1745 26.8082 39.5278 29.0657 41.7269L36.0076 48.5498L47.2952 59.9401C50.0607 58.5304 52.544 56.6132 54.7451 54.3577Z"
                         }
-                    ],
-                    "clip": {
-                        "x": 0.723145,
-                        "y": 0,
-                        "width": 60.5744,
-                        "height": 60.5744
-                    }
+                    ]
                 },
                 "symbol-text": {
-                    "viewBox": "0 0 800 110.066",
+                    "viewBox": "0 0 423 65",
                     "paths": [
+                        {
+                            "part": "secondary",
+                            "d": "M20.5751 37.5C23.5651 38.23 26.7851 39.53 29.0451 41.79L35.9851 48.67L47.3251 60.06C42.7551 62.6 37.5051 64.01 31.9151 64.01C27.9051 64.01 24.1251 63.28 20.5751 61.92V37.5ZM11.2651 56.39C5.44513 51.43 1.38513 44.43 0.255127 36.48H11.2651V56.38V56.39ZM54.7751 9.53C60.4751 15.34 63.9751 23.23 63.9751 31.97C63.9751 40.71 60.4751 48.66 54.7751 54.41L32.4851 31.97L54.7751 9.53ZM11.2651 27.52H0.255127C1.38513 19.57 5.44513 12.58 11.2651 7.62V27.52ZM31.9151 0C37.5051 0 42.7551 1.47 47.3251 3.95L35.9851 15.34L29.0451 22.28C26.7851 24.48 23.6251 25.83 20.5751 26.57V2.09C24.0751 0.74 27.9151 0 31.9151 0Z"
+                        },
+                        {
+                            "part": "primary",
+                            "d": "M54.8 54.41L32.51 31.97L54.8 9.53C52.6 7.33 50.12 5.47001 47.35 3.95001L35.95 15.33L29.06 22.15C26.8 24.41 23.59 25.7 20.59 26.44C18.28 27 16.02 27.29 14.33 27.4C13.37 27.46 12.52 27.46 11.9 27.46L0.279999 27.52C0.0499988 28.99 0 30.39 0 31.91C0 33.43 0.0499988 35.01 0.279999 36.48H11.91C12.53 36.48 13.5 36.5 14.34 36.53C16.03 36.64 18.29 36.88 20.6 37.5C23.65 38.23 26.81 39.59 29.07 41.79L35.94 48.6L47.35 60.06C50.12 58.65 52.6 56.66 54.8 54.41Z"
+                        },
+                        {
+                            "part": "primary",
+                            "d": "M95.6301 11.2918C88.0822 11.2918 82 16.448 82 25.7563H82.0122V47.5584C82.0122 49.2688 83.3313 50.595 84.9678 50.595C86.6044 50.595 87.9235 49.2564 87.9235 47.5584V25.6447C87.9235 19.7449 91.3065 16.7702 95.6423 16.7702C99.978 16.7702 103.41 19.7449 103.41 25.6447V47.5584C103.41 49.2688 104.729 50.595 106.366 50.595C108.002 50.595 109.321 49.2564 109.321 47.5584V25.6447C109.321 19.7449 112.704 16.7702 117.04 16.7702C121.376 16.7702 124.808 19.7449 124.808 25.6447V47.6079C124.808 49.3184 126.127 50.6446 127.763 50.6446C129.4 50.6446 130.719 49.306 130.719 47.6079V25.7563C130.719 16.448 124.637 11.2918 117.028 11.2918C112.582 11.2918 108.417 13.0518 106.353 16.7206C104.24 13.1014 100.442 11.2918 95.6301 11.2918Z",
+                            "letter": 0
+                        },
                         {
                             "part": "primary",
-                            "d": "m0 4.723v14.607h23.959l46.887 87.931h57.697l46.887-88.077 23.955-.151.052-14.31h-71.676v14.36h19.088l-33.109 62.512-35.807-62.294 26.117-.117-.046-14.461zm462.405 0v14.607h23.952l46.888 87.931h57.699l46.887-88.077 23.958-.151.043-14.31h-71.663v14.36h19.08l-33.108 62.512-35.811-62.294 26.125-.117-.049-14.461zm-117.89 0v14.607h23.955l.04 71.788h-25.255v16.001l25.272.143h119.612v-47.73h-15.581c-.854 25.271-22.776 31.62-32.01 31.62-8.461 0-24.855-.033-24.855-.033v-71.818l23.595-.118-.032-14.461h-94.741zm-81.707 89.407c-14.355 0-25.986-17.195-25.986-38.417 0-21.227 11.631-38.435 25.986-38.435 14.351 0 25.986 17.208 25.986 38.435 0 21.222-11.635 38.417-25.986 38.417zm1.056-92.353c-40.72 0-73.729 24.247-73.729 54.145 0 29.9 33.008 54.144 73.729 54.144 40.717 0 73.731-24.244 73.731-54.144 0-29.898-33.014-54.145-73.731-54.145zm461.351 92.08c-14.35 0-25.98-17.48-25.98-39.053 0-21.565 11.631-39.049 25.98-39.049 14.352 0 25.98 17.484 25.98 39.049.001 21.572-11.628 39.053-25.98 39.053zm1.061-93.857c-40.729 0-73.728 24.642-73.728 55.028 0 30.385 32.998 55.022 73.728 55.022 40.714 0 73.724-24.637 73.724-55.022 0-30.386-33.01-55.028-73.724-55.028z"
+                            "d": "M166.621 13.0137C167.278 11.5069 169.011 10.8383 170.508 11.5127C172.048 12.2074 172.682 13.9432 172.025 15.4502L152.489 62.1934C151.813 63.7458 150.118 64.4467 148.577 63.752C147.036 63.0572 146.404 61.3214 147.085 59.7578L153.963 43.2988L140.564 15.833C139.908 14.3259 140.541 12.5892 142.082 11.8945C143.578 11.22 145.312 11.8894 145.969 13.3965L157.005 36.0205L166.621 13.0137Z",
+                            "letter": 1
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M191.803 11.2383C193.466 11.2383 194.806 12.5664 194.806 14.2168V27.4893C196.749 27.0088 198.747 26.1784 200.215 24.7705L204.665 20.4053L212.734 12.3018C213.849 11.1983 215.7 11.0879 216.926 12.3018C218.042 13.4052 218.091 15.3055 216.926 16.458L202.385 30.9746L216.926 45.54C218.091 46.6926 218.091 48.5447 216.926 49.6973C215.7 50.9106 213.898 50.8493 212.734 49.6973L204.665 41.5928L200.215 37.2275C198.734 35.8196 196.749 34.9883 194.806 34.5078V47.7109C194.806 49.4233 193.515 50.751 191.803 50.751C190.091 50.7509 188.8 49.4108 188.8 47.7109V14.2168C188.8 12.5665 190.091 11.2384 191.803 11.2383Z",
+                            "letter": 2
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M250.165 11.2383C255.799 11.2383 260.689 13.5223 264.239 17.208V14.3906C264.239 12.7402 265.579 11.4121 267.241 11.4121C268.904 11.4121 270.244 12.7402 270.244 14.3906V47.6113C270.244 49.3114 268.954 50.6514 267.241 50.6514C265.529 50.6514 264.239 49.3239 264.239 47.6113V44.7822C260.702 48.5051 255.812 50.751 250.165 50.751C239.109 50.7507 230.683 42.0146 230.683 30.9951C230.683 19.9755 239.109 11.2385 250.165 11.2383ZM250.55 16.7861C243.092 16.7864 236.801 22.9658 236.801 31.0566C236.801 39.1476 242.918 45.3279 250.55 45.3281C258.182 45.3281 263.916 39.3591 264.239 31.5908V30.4111C263.916 22.6429 258.008 16.7861 250.55 16.7861Z",
+                            "letter": 3
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M301.865 11.1895C303.366 11.1895 304.656 12.3554 304.656 13.9561C304.656 15.5569 303.366 16.7236 301.865 16.7236C296.28 16.7236 292.359 20.3969 292.359 27.3213V47.5488C292.359 49.2489 291.018 50.5897 289.356 50.5898C287.693 50.5898 286.353 49.2614 286.353 47.5488V27.3213C286.353 17.6791 292.533 11.1895 301.865 11.1895Z",
+                            "letter": 4
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M352.769 11.2383C360.5 11.2383 366.68 16.4011 366.68 25.7207V47.5986C366.68 49.2987 365.34 50.6395 363.677 50.6396C362.014 50.6396 360.674 49.3112 360.674 47.5986V25.6094C360.674 19.7025 357.187 16.7238 352.781 16.7236C348.376 16.7236 344.939 19.7024 344.939 25.6094V47.5488C344.939 49.249 343.598 50.5898 341.935 50.5898C340.272 50.5897 338.932 49.2613 338.932 47.5488V25.6094C338.932 19.7024 335.445 16.7236 331.039 16.7236C326.634 16.7237 323.197 19.7024 323.197 25.6094V47.5488C323.197 49.2489 321.856 50.5898 320.194 50.5898C318.531 50.5898 317.191 49.2614 317.191 47.5488V25.7207H317.178C317.178 16.4012 323.358 11.2385 331.027 11.2383C335.916 11.2383 339.776 13.0502 341.923 16.6738C344.02 13.0008 348.252 11.2383 352.769 11.2383Z",
+                            "letter": 5
+                        },
+                        {
+                            "part": "secondary",
+                            "d": "M402.494 11.2383C413.775 11.2384 422.3 19.9754 422.3 30.9951C422.3 42.0147 413.762 50.7509 402.494 50.751C391.227 50.751 382.626 42.0147 382.626 30.9951C382.626 19.9753 391.214 11.2383 402.494 11.2383ZM402.494 16.7236C394.763 16.7236 388.695 23.115 388.695 30.9951C388.695 38.8751 394.713 45.2656 402.445 45.2656C410.176 45.2656 416.194 38.8255 416.195 30.9951H416.182C416.182 23.115 410.226 16.7237 402.494 16.7236Z",
+                            "letter": 6
                         }
                     ]
                 }
@@ -6346,7 +6930,7 @@
         var api = dk.component.logo = dk.component.logo || {};
         var NS = 'http://www.w3.org/2000/svg';
         var uid = 0;
-        var NAMES = { karmo: 'Karmo', volvo: 'Volvo' };
+        var NAMES = { karmo: 'Karmo', mykarmo: 'MyKarmo' };
         function brandOf(el) {
             var b = el.closest('[data-brand]');
             var name = b && b.getAttribute('data-brand');
@@ -6386,6 +6970,8 @@
                 var path = document.createElementNS(NS, 'path');
                 path.setAttribute('d', p.d);
                 path.setAttribute('data-part', p.part);
+                if (p.letter != null)
+                    path.setAttribute('data-letter', String(p.letter));
                 host.appendChild(path);
             });
             el.textContent = '';
@@ -9382,6 +9968,8 @@
                 var lead = wm && q(wm, '.' + P + '__chars') ? 1 : 0;
                 if (lead)
                     wm.style.setProperty('--_sb-row', '0');
+                if (!lead && q(root, '.' + P + '__mark .dk-component-logo'))
+                    lead = 1;
                 qa(root, '.' + P + '__item, .' + P + '__user').filter(railOnly).forEach(function (item, n) { item.style.setProperty('--_sb-row', String(n + lead)); });
             }
             function forwarder(original, asHeading) {
@@ -9729,8 +10317,46 @@
                         root.removeAttribute('data-indicator');
                     else
                         root.setAttribute('data-indicator', '');
+                    paintBar(animate);
                 });
             }
+            function paintBar(animate) {
+                var ind = q(root, ':scope > .' + P + '__bar-indicator');
+                if (presentation !== 'bar') {
+                    if (ind)
+                        ind.remove();
+                    root.removeAttribute('data-bar-indicator');
+                    return;
+                }
+                if (!ind) {
+                    ind = document.createElement('span');
+                    ind.className = P + '__bar-indicator';
+                    ind.setAttribute('aria-hidden', 'true');
+                    ind.hidden = true;
+                    root.insertBefore(ind, root.firstChild);
+                }
+                root.setAttribute('data-bar-indicator', '');
+                var target = q(root, '.' + P + '__item[aria-current="page"]');
+                if (!visible(target))
+                    target = q(root, '.' + P + '__item[data-current-within]');
+                if (!visible(target)) {
+                    ind.hidden = true;
+                    ind.__placed = false;
+                    return;
+                }
+                var first = !ind.__placed || ind.hidden;
+                if (!animate || first)
+                    ind.style.transition = 'none';
+                ind.hidden = false;
+                ind.style.width = target.offsetWidth + 'px';
+                ind.style.height = target.offsetHeight + 'px';
+                ind.style.translate = target.offsetLeft + 'px ' + target.offsetTop + 'px';
+                ind.__placed = true;
+                if (!animate || first) {
+                    void ind.offsetWidth;
+                    ind.style.transition = '';
+                }
+            }
             var panelKey = null;
             function keyOf(p) {
                 if (!p)