{"version":3,"file":"index.es.min.js","sources":["../../../packages/components/src/slider-menu/js/constants.js","../../../packages/helpers/src/utils.ts","../../../packages/components/src/slider-menu/js/SliderMenuLib.js","../../../packages/helpers/src/assets/js/eventDispatch.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/helpers/src/gtmEvents.js","../../../packages/components/src/slider-menu/slider-menu.js","../../../packages/components/src/constants.mjs"],"sourcesContent":["export const root = 'pn-ProductNav'\nexport const container = 'pn-ProductNavContents'\nexport const slidesContainer = 'pn-ProductContainer'\nexport const item = 'pn-ProductNavLinkWrapper'\nexport const next = 'pnAdvancerRight'\nexport const prev = 'pnAdvancerLeft'\nexport const pnIndicator = 'pn-ProductNavIndicator'\nexport const link_plp_category_padding_x = 10\nexport const TRANSITION_FAST = 300\n\nexport const colours = {\n    0: '#000000',\n    1: '#000000',\n    2: '#99813D',\n    3: '#40FEFF',\n    4: '#14CC99',\n    5: '#00BAFF',\n    6: '#0082B2',\n    7: '#B25D7A',\n    8: '#00FF17',\n    9: '#006B49',\n    10: '#00B27A',\n    11: '#996B3D',\n    12: '#CC7014',\n    13: '#40FF8C',\n    14: '#FF3400',\n    15: '#ECBB5E',\n    16: '#ECBB0C',\n    17: '#B9D912',\n    18: '#253A93',\n    19: '#125FB9'\n}\n","export { waitForSelector } from './waitForSelector'\n\nexport const constants = {\n    LEFT: 37,\n    UP: 38,\n    RIGHT: 39,\n    DOWN: 40,\n    ESC: 27,\n    SPACE: 32,\n    ENTER: 13,\n    TAB: 9\n}\n\nexport function capitalize(s = '') {\n    return s[0].toUpperCase() + s.slice(1)\n}\n\nexport const convertToCamelCase = (str: string): string => {\n    const arr = str.match(/[a-z]+|\\d+/gi)\n    if (!arr) { return str }\n    return arr.map((m, i) => {\n        let low = m.toLowerCase()\n        if (i !== 0) {\n            low = low.split('').map((s, k) => (k === 0 ? s.toUpperCase() : s)).join(\"\")\n        }\n        return low\n    }).join(\"\")\n}\n\nexport function slug(s = '') {\n    return s\n        .toLowerCase()\n        .trim()\n        .replace(/\\s+/g, '-') // Replace spaces with -\n        .replace(/[^\\w-]+/g, '') // Remove all non-word chars\n        .replace(/--+/g, '-') // Replace multiple - with single -\n}\n\nexport function pxToEm(target: number, stripedInnerFontSize = 1) {\n    return target / 14 / stripedInnerFontSize + 'em'\n}\n\nexport function percent(target: number) {\n    return target + '%'\n}\n\nexport function parseHTML(str: string) {\n    const tmp = document.implementation.createHTMLDocument('')\n    tmp.body.innerHTML = str\n    return tmp.body.childNodes\n}\n\nexport function stripHTML(str: string) {\n    const tmp = document.implementation.createHTMLDocument('')\n    tmp.body.innerHTML = str\n    return (tmp.body.textContent ?? \"\").replace(RegExp('[\\\\s|\\'|\"]', 'g'), '')\n}\n\nexport function makeId(length: number) {\n    var result = ''\n    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n    var charactersLength = characters.length\n    for (var i = 0; i < length; i++) {\n        result += characters.charAt(Math.floor(Math.random() * charactersLength))\n    }\n    return result\n}\n\nexport function removeEmptyValues(obj: { [key: string]: any }): { [key: string]: any } {\n    const findText = [\n        'Default campaign ID (tracking missing in Page Builder export)',\n        'Default campaign name (tracking missing in Page Builder export)',\n        'promoname', \n        'promoid', \n        'promocreative', \n        'undefined'\n    ];\n    \n    for (let key in obj) {\n        const value = obj[key];\n        \n        if (value === null || value === undefined || value === '') {\n            delete obj[key];\n            continue;\n        }\n        \n        if (typeof value === 'string') {\n            for (const text of findText) {\n                if (value.includes(text)) {\n                    delete obj[key];\n                    break;\n                }\n            }\n        }\n    }\n    \n    return obj;\n}\n\nexport function makeHash(str: string) {\n    var hash = 0,\n        i,\n        chr\n    if (!str) {\n        return hash\n    }\n    for (i = 0; i < str.length; i++) {\n        chr = str.charCodeAt(i)\n        hash = (hash << 5) - hash + chr\n        hash |= 0 // Convert to 32bit integer\n    }\n    return 'id-' + hash\n}\n\nexport function getHashLink(link: string) {\n    let linkHash = link\n    let linkNoHash = link\n    if (link.indexOf('#') !== -1) {\n        linkNoHash = link.replace('#', '')\n    } else {\n        linkHash = '#' + link\n    }\n\n    return { linkNoHash, linkHash }\n}\n\nexport function lazyLoad(node: Element, attribute: string, value: any, url: string) {\n    const CLASSNAME_OUT_OF_SCREEN = 'lazy-load'\n    const CLASSNAME_IN_SCREEN = 'lazy-loaded'\n    const CLASSNAME_ON_ERROR = 'lazy-loaded-error'\n\n    const isOldIOS = () => {\n        var agent = window.navigator.userAgent,\n            start = agent.indexOf('OS ')\n        if ((agent.indexOf('iPhone') > -1 || agent.indexOf('iPad') > -1) && start > -1) {\n            return window.Number(agent.substr(start + 3, 3).replace('_', '.')) < 14\n        }\n        return false\n    }\n\n    const inViewPort = (attribute: string, value: any) => {\n        node.setAttribute(attribute, value)\n\n        const cb = () => node.classList.add(CLASSNAME_IN_SCREEN)\n\n        if (url) {\n            const img = new Image()\n            img.src = url\n            img.onload = cb\n            img.onerror = () => {\n                cb()\n                node.classList.add(CLASSNAME_ON_ERROR)\n                throw new Error(`Image ${url} cannot be loaded`)\n            }\n\n            return\n        }\n\n        cb()\n    }\n\n    if (/Trident\\/|MSIE/.test(window.navigator.userAgent) || isOldIOS()) {\n        inViewPort(attribute, value)\n    } else {\n        if ('IntersectionObserver' in window) {\n            node.classList.add(CLASSNAME_OUT_OF_SCREEN)\n            let lazyBackgroundObserver = new IntersectionObserver(function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        inViewPort(attribute, value)\n                        lazyBackgroundObserver.unobserve(entry.target)\n                    }\n                })\n            })\n            lazyBackgroundObserver.observe(node)\n        } else {\n            inViewPort(attribute, value)\n        }\n    }\n}\n\nexport function lazyLoadCallback(node: Element, cb: () => void) {\n    const isOldIOS = () => {\n        var agent = window.navigator.userAgent,\n            start = agent.indexOf('OS ')\n        if ((agent.indexOf('iPhone') > -1 || agent.indexOf('iPad') > -1) && start > -1) {\n            return window.Number(agent.substr(start + 3, 3).replace('_', '.')) < 14\n        }\n        return false\n    }\n\n    if (/Trident\\/|MSIE/.test(window.navigator.userAgent) || isOldIOS()) {\n        cb()\n    } else {\n        if ('IntersectionObserver' in window) {\n            let lazyBackgroundObserver = new IntersectionObserver(\n                function (entries) {\n                    entries.forEach(function (entry) {\n                        if (entry.isIntersecting) {\n                            cb()\n                            lazyBackgroundObserver.unobserve(entry.target)\n                        }\n                    })\n                },\n                { rootMargin: '150% 0px' }\n            )\n            lazyBackgroundObserver.observe(node)\n        }\n    }\n}\n\n// Debounce\nexport function debounce<T>(func: (v: T) => void, time = 100) {\n    let timer: number\n    return function (event: T) {\n        if (timer) {\n            window.clearTimeout(timer)\n        }\n        timer = window.setTimeout(func, time, event)\n    }\n}\n\n// isIE - to check for internet explorer\nexport function isIE() {\n    let ua = window.navigator.userAgent,\n        isIE = /MSIE|Trident/.test(ua)\n\n    return isIE\n}\n\n// Load external script\nexport const loadExternalScript = ({\n    src,\n    callback = null,\n    async = false,\n    defer = false,\n    module = false,\n    id = ''\n}: {\n    src: string;\n    callback: null | GlobalEventHandlers[\"onload\"]\n    module: boolean,\n    defer: boolean,\n    async: boolean,\n    id: string\n}) => {\n    const script = document.createElement('script')\n    script.type = module ? 'module' : 'text/javascript'\n    script.src = src\n    id ? (script.id = id) : false // add id attribute only if passed\n    if (typeof callback === 'function') {\n        script.onload = callback\n    }\n    script.async = async\n    script.defer = defer\n    document.body.appendChild(script)\n}\n\n// Load external css\nexport const loadExternalCss = ({ src }: { src: string }) => {\n    const script = document.createElement('link')\n    script.rel = 'stylesheet'\n    script.href = src\n    document.body.appendChild(script)\n}\n// Lazy load vendor script\nexport const lazyLoadVendorScript = (handler, el) => {\n    const observer = new IntersectionObserver(handler)\n    observer.observe(el)\n}\n\n/**\n * Replaces variable inside a given string\n * Each variable have to be enclosed between stChr and enChr\n * The values have to be contained in the vars object, they key must match\n * example :\n * txt : 'See {resultsLength} Results'\n * vars : {resultsLength:'30'}\n * stChr : '{'\n * enChr : '}'\n *\n * will return : 'See 30 Results'\n *\n * @param {string} txt\n * @param {object} vars\n * @param {string} stChr\n * @param {string} enChr\n */\nexport function interpolate(txt: string, vars: Record<string, null | undefined | string>, stChr: string, enChr: string) {\n    let curIdx = 0\n\n    while (txt) {\n        const stIdx = txt.indexOf(stChr, curIdx)\n        if (stIdx === -1) {\n            break\n        }\n        const enIdx = txt.indexOf(enChr, stIdx + 1)\n        if (enIdx === -1) {\n            break\n        }\n        const hashId = txt.substring(stIdx + stChr.length, enIdx)\n        if (vars[hashId] != null) {\n            txt = txt.substr(0, stIdx) + vars[hashId] + txt.substr(enIdx + enChr.length)\n            curIdx = stIdx\n        } else {\n            curIdx = enIdx\n        }\n    }\n    return txt\n}\n\n/**\n * Find in container element, add height to equal size of element\n * @param container css path where my element is contain e.g. `.c-container`\n * @param el css path of elements to equalized\n */\nexport const equalHeight = (containerSelector: string, el: string, elementScope: HTMLElement) => {\n    const container = elementScope.querySelector<HTMLElement>(containerSelector)\n    if (!container) {\n        return\n    }\n\n    const items = container.querySelectorAll<HTMLElement>(el)\n    let max = -1\n\n    for (let i = 0; i < [...items].length; i++) {\n        const item = [...items][i]\n        let h = item.offsetHeight\n        max = h > max ? h : max\n    }\n\n    if (max <= 0) {\n        return\n    }\n\n    for (let i = 0; i < [...items].length; i++) {\n        const item = [...items][i]\n        item.style.height = `${max}px`\n    }\n}\n\nexport const stringifyCurlyQuote = (data: {}) => JSON.stringify(data).replace(\"'\", '’')\n\nexport const stringifyForAttribute = (data = {}) => {\n    return escapeHtml(JSON.stringify(data))\n}\n\n/**\n * This function is included instead of sanitizeString because for\n * inserting HTML into innerHTML we need to make sure all HTML\n * entities are escaped.\n */\nexport const escapeHtml = (text: string) => {\n    const map = {\n        '&': '&amp;',\n        '<': '&lt;',\n        '>': '&gt;',\n        '\"': '&quot;',\n        \"'\": '&#039;'\n    } as { [s: string]: string }\n\n    return text.replace(/[&<>\"']/g, (m) => map[m])\n}\n\n/**\n * Because setting attributes escapes more than the characters above and then preact also\n * escapes text we need a more complete way of unescaping all html entities (not just the ones\n * above)\n */\nconst domParser = new DOMParser()\nexport const unescapeHtml = (text: string) => {\n    return domParser.parseFromString(text, \"text/html\").body.textContent\n}\n\nexport const sanitizeString = (data: {}) => {\n    if (!data) {\n        return ''\n    }\n\n    return data.toString().replace(/\"/g, '&quot;').replace(/'/g, '&apos;')\n}\n\nexport const stripTags = (s: string) => {\n    return (s || '').replace(/(<([^>]+)>)/gi, '')\n}\n\nexport const setAttributes = (element: Element, attrs: Record<string, any>) => {\n    for (let key in attrs) {\n        element.setAttribute(key, attrs[key])\n    }\n    return element\n}\n\nexport const getMetaContent = (metaName: string) => {\n    const metaTag = document.querySelector(`meta[name=${metaName}]`)\n    if (!metaTag) {\n        return ''\n    }\n    return metaTag.getAttribute('content')\n}\n\nexport const isObjectEmpty = (obj: {}) => {\n    return Object.keys(obj).length === 0\n}\n","import * as constants from './constants'\nimport { colours, link_plp_category_padding_x, TRANSITION_FAST } from './constants'\nimport { makeId } from '@kissui/helpers/src/utils'\n\nclass SliderMenu {\n    /**\n     * @param {HTMLElement} element\n     * @param {Object} options\n     * @param {Number} [options.slidesToScroll=1] options.slidesToScroll of element do slide\n     * @param {Number} [options.slidesVisible=1] options.slidesVisible of element to display\n     * @param {Boolean} [options.navigationButton=true] options.navigationButton show navigation button\n     */\n\n    constructor(element, options = {}) {\n        this.boundNextClick = this.onNextClick.bind(this)\n        this.boundPrevClick = this.onPrevClick.bind(this)\n        this.boundLinkClick = this.onLinkClick.bind(this)\n        this.boundTouchEnd = this.onTouchEnd.bind(this)\n        this.disableAutoScroll = options.disableAutoScroll === 'true' || false\n        this._entriesBounds = null\n\n        return new Promise(resolve => {\n            this._element = element\n            this._slides = [].slice.call(element.children)\n            this._options = Object.assign(\n                {},\n                {\n                    id: 'uuid',\n                    last_known_scroll_position: 0,\n                    ticking: false,\n                    navBarTravelDirection: '',\n                    navBarTravelling: false,\n                    navBarTravelDistance: 150,\n                    scrollAmount: 220\n                },\n                options\n            )\n\n            this.buildIHM()\n            resolve(this)\n\n            // Wait for CSS animation before setting the indicator\n            setTimeout(() => {\n                this.setOverflowAttribute()\n                this.initializeIndicatorPosition()\n            }, 0)\n        })\n    }\n\n    /**\n     * @returns {HTMLElement}\n     */\n    get element() {\n        return this._element\n    }\n\n    // MAIN BUILDER\n    buildIHM() {\n        this._root = this.createElement('nav', constants.root)\n        this._container = this.createElement('ul', constants.container)\n        this._pnIndicator = null\n        this._containerSlidesContent = null\n\n        if (this.hasContainer()) {\n            this._containerSlidesContent = this.createElement('div', constants.slidesContainer)\n        }\n\n        this.wrapItems()\n        this._root.appendChild(this._container)\n\n        if (this._containerSlidesContent) {\n            this._element.appendChild(this._containerSlidesContent)\n        }\n\n        // Insert the slider between Arrows for accessibility keyboard navigation\n        this._element.insertBefore(this._root, this._element.childNodes[2])\n\n        this.createIndicator()\n    }\n\n    hasContainer() {\n        if (document.querySelector('.slider-container')) return true\n\n        return false\n    }\n\n    wrapItems() {\n        const keys = []\n        this._slides.map(child => {\n            const randId = makeId(5)\n\n            if (this.hasContainer()) {\n                if (child.classList.contains('slider-container')) {\n                    if (child.children) {\n                        if (child.children.length) {\n                            ;[...child.children].forEach((el, i) => {\n                                if (i !== 0) {\n                                    el.style.display = 'none'\n                                }\n\n                                el.id = keys[i]\n\n                                this._containerSlidesContent.appendChild(el)\n                            })\n                        }\n                    }\n                    child.remove()\n                }\n            }\n\n            if (!child.classList.contains('pn-Advancer')) {\n                const item = this.createElement('div', constants.item)\n                item.appendChild(child)\n                item.setAttribute('data-inner-content-id', randId)\n                keys.push(randId)\n\n                this._container.appendChild(item)\n            }\n        })\n    }\n\n    createElement(tag, className) {\n        let div = document.createElement(tag)\n        div.setAttribute('class', className)\n        return div\n    }\n\n    // COMPONENT ROOT \"ELEMENT\" COMPOSER\n    createIndicator() {\n        this.elements = []\n        this._pnIndicator = this.createElement('div', constants.pnIndicator)\n        this._container.appendChild(this._pnIndicator)\n\n        this.elements = Array.from(this._container.querySelectorAll('nb-link a'))\n        // Handle setting the currently active link\n        this.elements.forEach(element => {\n            element.addEventListener('click', this.boundLinkClick)\n        })\n\n        const pnAdvancerLeft = document.getElementById(`${constants.prev}-${this._options.id}`)\n        if (pnAdvancerLeft) {\n            pnAdvancerLeft.addEventListener('click', this.boundPrevClick)\n        }\n\n        const pnAdvancerRight = document.getElementById(`${constants.next}-${this._options.id}`)\n        if (pnAdvancerRight) {\n            pnAdvancerRight.addEventListener('click', this.boundNextClick)\n        }\n\n        if (this._root) {\n            this._container.addEventListener('touchend', this.boundTouchEnd)\n        }\n    }\n\n    onLinkClick(e) {\n        this.goToElement(e.currentTarget)\n    }\n\n    goToSlide(index) {\n        this.goToElement(this._slides[index])\n    }\n\n    showContent(id) {\n        const slidesContainer = document.querySelector(`.${constants.slidesContainer}`)\n\n        if (slidesContainer.children) {\n            ;[...slidesContainer.children].forEach(el => (el.style.display = 'none'))\n        }\n\n        document.getElementById(id).style.display = 'block'\n    }\n\n    goToElement(element) {\n        if (this.hasContainer()) {\n            const contentId = element\n                .closest('[data-inner-content-id]')\n                .getAttribute('data-inner-content-id')\n\n            this.showContent(contentId)\n        }\n\n        this.deselectAllLinkBut(element)\n        element.setAttribute('aria-current', 'true')\n\n        if (!element || !this._entriesBounds) {\n            return\n        }\n\n        let distance = 0\n\n        for (const entry of this._entriesBounds) {\n            if (entry.target.getAttribute('data-href') === element.getAttribute('data-href')) {\n                break\n            } else {\n                distance = distance + entry.boundingClientRect.width + link_plp_category_padding_x\n            }\n        }\n\n        if (!this.disableAutoScroll) {\n            this._root.scroll({ left: distance, behavior: 'smooth' })\n        }\n    }\n\n    deselectAllLinkBut(element) {\n        this.elements.forEach(el => {\n            if (el !== element) {\n                el.setAttribute('aria-current', 'false')\n            }\n        })\n    }\n\n    sideScroll(element, direction, speed, distance, step) {\n        this.setOverflowAttribute()\n\n        let scrollAmount = 0\n        let slideTimer = setInterval(function () {\n            if (direction === 'left') {\n                element.scrollLeft -= step\n            } else {\n                element.scrollLeft += step\n            }\n            scrollAmount += step\n            if (scrollAmount >= distance) {\n                window.clearInterval(slideTimer)\n            }\n        }, speed)\n        return { slideTimer }\n    }\n\n    onPrevClick() {\n        this.sideScroll(this._root, 'left', 25, this._options.scrollAmount, 10)\n        setTimeout(() => {\n            this.setOverflowAttribute()\n        }, TRANSITION_FAST)\n    }\n\n    onNextClick() {\n        this.sideScroll(this._root, 'right', 25, this._options.scrollAmount, 10)\n        setTimeout(() => {\n            this.setOverflowAttribute()\n        }, TRANSITION_FAST)\n    }\n\n    onTouchEnd() {\n        this.setOverflowAttribute()\n    }\n\n    initializeIndicatorPosition() {\n        const selected = this._root.querySelector('[aria-current=\"true\"]')\n\n        // Set the indicator\n        if (selected) {\n            this.moveIndicator(selected, colours[0])\n        }\n    }\n\n    determineOverflow(content, container) {\n        let containerMetrics = container.getBoundingClientRect()\n        let containerMetricsRight = Math.floor(containerMetrics.right)\n        let containerMetricsLeft = Math.floor(containerMetrics.left)\n\n        let contentMetrics = content.getBoundingClientRect()\n        let contentMetricsRight = Math.floor(contentMetrics.right)\n        let contentMetricsLeft = Math.floor(contentMetrics.left)\n\n        if (\n            containerMetricsLeft > contentMetricsLeft &&\n            containerMetricsRight < contentMetricsRight\n        ) {\n            return 'both'\n        } else if (contentMetricsLeft < containerMetricsLeft) {\n            return 'left'\n        } else if (contentMetricsRight > containerMetricsRight) {\n            return 'right'\n        } else {\n            return 'none'\n        }\n    }\n\n    moveIndicator(item, color) {\n        if (!this._pnIndicator) {\n            return\n        }\n\n        let textPosition = item.getBoundingClientRect()\n        let container = this._container.getBoundingClientRect().left\n        let distance = textPosition.left - container\n\n        this._pnIndicator.style.transform =\n            'translateX(' +\n            (distance + this._container.scrollLeft + link_plp_category_padding_x) +\n            'px) scaleX(' +\n            (textPosition.width - link_plp_category_padding_x * 2) * 0.01 +\n            ')'\n\n        this._root.scrollLeft = Math.floor(\n            distance + this._container.getBoundingClientRect().left / 2\n        )\n\n        if (color) {\n            this._pnIndicator.style.backgroundColor = color\n        }\n    }\n\n    onResize() {\n        this.setOverflowAttribute()\n        this.initializeIndicatorPosition()\n    }\n\n    clearListeners() {\n        this.elements.forEach(element => {\n            element.removeEventListener('click', this.boundLinkClick)\n        })\n\n        const pnAdvancerLeft = document.getElementById(`${constants.prev}-${this._options.id}`)\n        if (pnAdvancerLeft) {\n            pnAdvancerLeft.removeEventListener('click', this.boundPrevClick)\n        }\n\n        const pnAdvancerRight = document.getElementById(`${constants.next}-${this._options.id}`)\n        if (pnAdvancerRight) {\n            pnAdvancerRight.removeEventListener('click', this.boundNextClick)\n        }\n    }\n\n    kill() {\n        this.clearListeners()\n    }\n\n    setOverflowAttribute() {\n        this._element.setAttribute(\n            'data-overflowing',\n            this.determineOverflow(this._container, this._root)\n        )\n\n        this.observe()\n    }\n\n    observe() {\n        if (!('IntersectionObserver' in window)) {\n            return false\n        }\n\n        this._entriesBounds = []\n\n        // Using IntersectionObserver to prevent reflow while getting boundingClientRect\n        const observer = new IntersectionObserver(\n            entries => {\n                for (const entry of entries) {\n                    this._entriesBounds.push({\n                        target: entry.target,\n                        intersection:\n                            entry.boundingClientRect.right <=\n                                window.innerWidth - link_plp_category_padding_x &&\n                            entry.boundingClientRect.left >= link_plp_category_padding_x,\n                        boundingClientRect: entry.boundingClientRect\n                    })\n                }\n\n                observer.disconnect()\n            },\n            { root: this._container }\n        )\n\n        this._slides.map(element => observer.observe(element))\n    }\n\n    isInViewport(element) {\n        if (!this._entriesBounds) {\n            return false\n        }\n\n        const entry = this._entriesBounds.find(entryBound => element === entryBound.target)\n\n        return entry.intersection\n    }\n}\n\nexport default SliderMenu\n","export const dispatchEvent = ({ eventName, args, element }) => {\n    // Use the provided element or fallback to window if available\n    if (!element) {\n        if (typeof window !== 'undefined') {\n            element = window\n        } else {\n            throw new Error(\n                '`element` is not provided and `window` is unavailable. Provide a valid element to dispatch the event.'\n            )\n        }\n    }\n\n    let event\n    if (args) {\n        event = new CustomEvent(eventName, { detail: args, bubbles: true })\n    } else {\n        if (typeof Event === 'function') {\n            event = new Event(eventName)\n        } else {\n            event = document.createEvent('Event')\n            event.initEvent(eventName, true, true)\n        }\n    }\n    element.dispatchEvent(event)\n}\n\nexport const readEvent = e => {\n    if (!e.detail) {\n        return\n    }\n    return e.detail\n}\n","export type EventListener = {\n    element: HTMLElement\n    type: string\n    listener: (e: Event) => void\n    options?: boolean | AddEventListenerOptions\n}\n\nconst add = (eventListeners: EventListener[] = []) => {\n    eventListeners.forEach(eventListener => {\n        if (!eventListener || !eventListener.element) {\n            return\n        }\n        return eventListener.element.addEventListener(\n            eventListener.type,\n            eventListener.listener,\n            eventListener.options\n        )\n    })\n}\n\nconst remove = (eventListeners: EventListener[] = []) => {\n    eventListeners.forEach(eventListener => {\n        if (!eventListener || !eventListener.element) {\n            return\n        }\n        eventListener.element.removeEventListener(eventListener.type, eventListener.listener)\n    })\n}\n\nconst busNamespace = 'pageBuilder'\n\nexport const emitCustomEvent = (eventName: string, data: unknown) => {\n    const customEvent = new CustomEvent(`${busNamespace}.${eventName}`, {\n        detail: data,\n        bubbles: true,\n        cancelable: true,\n        composed: false\n    })\n\n    window.dispatchEvent(customEvent)\n}\n\nexport default { add, emitCustomEvent, remove }\n","import { getProduct } from '@kissui/helpers/src/catalog'\nimport { emitCustomEvent } from './events.helpers'\nimport { removeEmptyValues } from '@kissui/helpers/src/utils'\n\nconst raisedByPB = 'page builder'\nconst raisedByWC = 'Web component'\n\n/**\n * helper method for 'itemDisplay' GTM event\n * @param {*} event : 'itemDisplay' - Mandatory as is\n * @param {*} eventRaisedBy : 'Web component' - Mandatory as is\n * @param {*} eventAction : 'Click' - Action that led to the item display. For example, click\n * @param {*} itemTypes : ['products'] - Mandatory as is\n * @param {*} rootElement : ['nb-slider'] - Root DOM element for item detection. Closest common ancestor element of the inserted/displayed promotions and products. It will help the detection to reduce its performance consumption. Set to 0 (zero) in order to request detection through the entire document.\n */\nexport const itemDisplay = args => {\n    window.gtmDataObject = window.gtmDataObject || []\n    const eventData = {\n        event: 'itemDisplay',\n        eventRaisedBy: raisedByWC,\n        eventAction: 'Click',\n        itemTypes: ['products'],\n        ...args\n    }\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent('itemDisplay', eventData)\n}\n\n/**\n *\n * helper method for 'customEvent' GTM event\n * @param {*} args (event, eventRaisedBy, eventCategory, eventAction, eventLabel, nonInteraction)\n */\n\nexport const customEvent = args => {\n    window.gtmDataObject = window.gtmDataObject || []\n    var eventData\n    if (args.event_GA4 === undefined || args.event_GA4 === false) {\n        eventData = {\n            event: 'customEvent',\n            eventRaisedBy: raisedByWC,\n            eventCategory: 'User Engagement',\n            eventAction: 'Click',\n            eventLabel: '',\n            nonInteraction: 0,\n            ...args\n        }\n    } else {\n        eventData = {\n            event_raised_by: raisedByPB,\n            ...args\n        }\n    }\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent('customEvent', eventData)\n}\n\n/**\n * Helper method for tracking component interactions, compatible with GA4.\n *\n * @param {String} creative : component raising the event, e.g. 'before_coffees_list', 'before_machines_list', 'before_accessories_list'\n * @param {String} actionType : description of the interaction, e.g 'pdp quick view'\n * @param {String} internationalId : long SKU, e.g. 'erp.pt.b2c/prod/7243.30'\n * @param {String} internationalName : international name of the product, e.g. 'Vertuo Carafe Pour-Over Style Mild'\n * @param {String} productType : type of product, i.e. 'capsule', 'machine', 'accessory'\n * @param {String} range : product range, e.g. 'ispirazione italiana'\n * @param {String} technology : technology, i.e. 'original', 'vertuo'\n * @param {Number} price : price, e.g. .51\n * @param {String} eventAction : description of the action, e.g. 'PDP Quick View'\n *\n * Initally created for PDP Quick View tracking:\n * https://dsu-confluence.nestle.biz/display/DIANA/BEFORE+-+PDP+Quick+View\n * Will probably be rolled out across all components, update this comment accordingly.\n */\nexport const trackComponentInteraction = ({\n    creative = '',\n    actionType = '',\n    internationalId = '',\n    internationalName = '',\n    productType = '',\n    technology = '',\n    category = '',\n    rawPrice = '',\n    eventAction = ''\n}) => {\n    window.gtmDataObject = window.gtmDataObject || []\n    const eventData = {\n        event: 'page_builder_component_interaction',\n        event_raised_by: raisedByPB,\n        component_name: creative,\n        action_type: actionType,\n        item_id_event: internationalId,\n        item_name_event: internationalName,\n        item_category_event: productType,\n        item_technology_event: technology,\n        item_range_event: category,\n        item_price_event: rawPrice,\n        eventCategory: 'User Engagement',\n        eventAction: eventAction,\n        eventLabel: `${productType} - ${technology} - ${internationalName}`\n    }\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent('page_builder_component_interaction', eventData)\n}\n\n/**\n *\n * Push 'view_promotion' event for GA 4\n * @param {*} args (event, event_raised_by, ecommerce: {promotion_id, promotion_name, creative_slot, creative_name})\n */\nexport const viewPromotion = args => {\n    const event = 'view_promotion'\n    const eventData = {\n        event,\n        event_raised_by: raisedByPB,\n        ecommerce: {}\n    }\n    if (Object.keys(args).length) {\n        const { id = '', creative = '', name = '', position = '' } = args\n        let ecommerceData = {\n            promotion_id: id,\n            promotion_name: name,\n            creative_slot: position,\n            creative_name: creative\n        }\n        ecommerceData = removeEmptyValues(ecommerceData)\n        eventData.ecommerce = ecommerceData\n    }\n    window.gtmDataObject ??= []\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent(event, eventData)\n}\n\nexport const handlePromoClick = args => {\n    const { campaign, cta_name } = args\n\n    const cleanedData = removeEmptyValues(campaign)\n    selectPromotion({ cta_name, ...cleanedData })\n}\n\n/**\n *\n * Push 'select_promotion' event for GA 4\n * @param {*} args (event, event_raised_by, cta_name, ecommerce: {promotion_id, promotion_name, creative_slot, creative_name})\n */\nexport const selectPromotion = args => {\n    const event = 'select_promotion'\n    const eventData = {\n        event: 'select_promotion',\n        cta_name: args?.cta_name ?? '(not set)',\n        event_raised_by: raisedByPB,\n        ecommerce: {}\n    }\n    if (Object.keys(args).length) {\n        const { id = '', creative = '', name = '', position = '' } = args\n        let ecommerceData = {\n            promotion_id: id,\n            promotion_name: name,\n            creative_slot: position,\n            creative_name: creative\n        }\n        ecommerceData = removeEmptyValues(ecommerceData)\n        eventData.ecommerce = ecommerceData\n    }\n\n    window.gtmDataObject ??= []\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent(event, eventData)\n}\n\nexport const interactionClick = (nameComponent, ctaName) => {\n    window.gtmDataObject = window.gtmDataObject || []\n    const eventData = {\n        event: 'page_builder_component_interaction',\n        event_raised_by: raisedByPB,\n        eventCategory: 'User Engagement',\n        eventAction: 'Click CTA',\n        eventLabel: `Page Builder - ${nameComponent} - ${ctaName}`,\n        component_name: nameComponent,\n        action_type: 'web component click',\n        cta_name: ctaName\n    }\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent('page_builder_component_interaction', eventData)\n}\n\nexport const getProductInfo = async (sku, data) => {\n    let product = data\n    if (!product) {\n        product = await getProduct(sku)\n    }\n    return product\n}\n\nexport const getProductPayload = (data, actionField = {}) => {\n    const {\n        internationalName,\n        internationalId,\n        category,\n        unitPrice,\n        legacyId,\n        name,\n        technologies,\n        bundled,\n        inStock,\n        type\n    } = data\n\n    const technology = technologies.map(item => item.split('/').pop()).join('|')\n    const isDiscovery = category.toLowerCase().includes('discovery')\n\n    return [\n        // Array consists of one product details for PDP Product Detail View\n        {\n            ...actionField,\n            name: internationalName, // '[[International Product Name]]' NIE, Contract\n            id: internationalId, // '[[International Product ID]]'\n            price: unitPrice, // '[[Product Price]'\n            // dimension43: '[[true/false]]', // '[[true/false]]' // Signifies if this product is part of a standing order or not\n            dimension44: isDiscovery.toString(), // '[[true/false]]', // Signifies if this product is part of a discovery offer\n            dimension53: legacyId, // '[[Product Local market ID]]', // Local market id for product\n            dimension54: name, // '[[Product Local market Name]]', // Local market name for product\n            dimension55: category, // '[[Product Range]]', // Range of the product, eg: Barista Creations for Ice (Nessoft Category)\n            dimension56: technology, // '[[Product Technology]]', //Product technology according to Nespresso categorization (original, vertuo, pro)\n            dimension57: bundled ? 'bundle' : 'single', // '[[Product Type]]', //If the product is single or bundle\n            dimension192: inStock ? 'in stock' : 'out of stock', // '[in stock]', // \"in stock\" or \"out of stock\"\n            category: type, // '[[Product Category]]', //Product category according to Nespresso categorization (Nessoft type): capsule, accessory, machine\n            brand: 'Nespresso' // Static value set to Nespresso\n        }\n    ]\n}\n\nexport const trackDetailView = async (sku, data) => {\n    // https://dsu-confluence.nestle.biz/display/DIANA/HQ+PB+Tracking+-+Product+Detail+View\n    if (window.pbTrackDetailViewPDP || !sku || !window.napi) {\n        return\n    }\n\n    const productInfo = await getProductInfo(sku, data)\n    const productPayload = getProductPayload(productInfo)\n    const currency = productInfo.currency\n\n    window.gtmDataObject = window.gtmDataObject || []\n    const eventData = {\n        event: 'detailView',\n        currencyCode: currency,\n        eventRaisedBy: raisedByPB,\n        ecommerce: {\n            detail: {\n                actionField: {},\n                products: productPayload\n            }\n        }\n    }\n    window.gtmDataObject.push(eventData)\n    // Track only once per page\n    window.pbTrackDetailViewPDP = true\n    emitCustomEvent('detailView', eventData)\n}\n\nexport const trackAddToCartImpression = (product, isStickyBar) => {\n    // https://dsu-confluence.nestle.biz/pages/viewpage.action?spaceKey=DIANA&title=PDP+-+Sticky+Add+To+Cart+Custom+Event\n\n    window.gtmDataObject = window.gtmDataObject || []\n    const eventData = {\n        event: 'page_builder_component_interaction',\n        event_raised_by: raisedByPB,\n        component_name: 'before_sku_main_info',\n        action_type: isStickyBar\n            ? 'sticky add to cart impression'\n            : 'standard add to cart impression',\n        //product info\n        item_id_event: product.internationalId,\n        item_name_event: product.internationalName,\n        item_category_event: product.type,\n        item_price_event: product.price_per_capsule?.split(' ')[0],\n        item_market_id_event: product.legacyId,\n        item_market_name_event: product.name,\n        item_range_event: product.category_name,\n        item_technology_event: product.technology?.[0]?.split('/').slice(-1) ?? '',\n        item_type_event: product.bundled ? 'bundle' : 'single'\n    }\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent('page_builder_component_interaction', eventData)\n}\n\nexport const productImpression = async (position, list, sku, data) => {\n    // https://dsu-confluence.nestle.biz/pages/viewpage.action?pageId=225612781\n    // don't track already tracked products\n    window.gtmDataObject = window.gtmDataObject || []\n    const hasDetailView = window.gtmDataObject.find(item => item.event === 'detailView')\n    const alreadyTracked = !!hasDetailView?.ecommerce?.detail?.products.find(p =>\n        sku.includes(p.id)\n    )\n    if (alreadyTracked) {\n        return\n    }\n\n    const productInfo = await getProductInfo(sku, data)\n    const productPayload = getProductPayload(productInfo, { list: list, position: position })\n    const currency = productInfo.currency\n    const eventData = {\n        event: 'impression',\n        eventAction: 'Product Impression',\n        currencyCode: currency,\n        eventRaisedBy: raisedByPB,\n        ecommerce: {\n            impressions: productPayload\n        }\n    }\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent('impression', eventData)\n}\n\nexport const productClick = async (position, list, sku, data) => {\n    // https://dsu-confluence.nestle.biz/pages/viewpage.action?pageId=225612781\n\n    if (typeof list !== 'string') return\n\n    const productInfo = await getProductInfo(sku, data)\n    const productPayload = getProductPayload(productInfo, { position: position })\n    const currency = productInfo.currency\n\n    window.gtmDataObject = window.gtmDataObject || []\n    const eventData = {\n        event: 'productClick',\n        eventAction: 'Product Click',\n        currencyCode: currency,\n        eventRaisedBy: raisedByPB,\n        ecommerce: {\n            click: {\n                actionField: {\n                    list: list\n                },\n                products: productPayload\n            }\n        }\n    }\n    window.gtmDataObject.push(eventData)\n    emitCustomEvent('productClick', eventData)\n}\n\nexport function filterTrackingFromPlpFilters(filtersSelected) {\n    const grouped = groupSelectedFilters(filtersSelected)\n    const groupKeys = Object.keys(grouped)\n    const typesFiltersSelected = groupKeys.join('|').substring(0, 99)\n    const valuesFiltersSelected = groupKeys\n        .map(key => grouped[key].values.map(value => value.split('/').at(-1)).join(','))\n        .join('|')\n        .substring(0, 99)\n\n    return [typesFiltersSelected, valuesFiltersSelected]\n}\n\nexport const filterActionEvent = (\n    actionType,\n    filterType,\n    filterValues,\n    clickLocation,\n    dataType\n) => {\n    // https://dsu-confluence.nestle.biz/display/DIANA/PLP+-+Filter+Revamp\n    window.gtmDataObject = window.gtmDataObject || []\n    const eventData = getExplicitFilterEventData(\n        actionType,\n        filterType,\n        filterValues,\n        clickLocation\n    )\n\n    window.gtmDataObject.push(eventData)\n    if (window.NEXT_V1_PLP_EXPLICIT_FILTER_TRACKING && dataType) {\n        window.gtmDataObject.push({\n            ...window.NEXT_V1_PLP_EXPLICIT_FILTER_TRACKING,\n            experiment_action: `${actionType} - ${dataType}`,\n            cta_name: 'All filters'\n        })\n    }\n\n    emitCustomEvent('plp_filter', eventData)\n}\n\nconst getExplicitFilterEventData = (actionType, filterType, filterValues, clickLocation) => {\n    return {\n        event: 'plp_filter',\n        event_raised_by: raisedByPB,\n        action_type: actionType,\n        filter_type: filterType,\n        ...(filterValues ? { filter_values: filterValues } : {}),\n        ...(clickLocation ? { click_location: clickLocation } : {})\n    }\n}\n\nfunction groupSelectedFilters(filtersSelected = []) {\n    return filtersSelected.reduce((grouped, { key, value }) => {\n        if (!grouped[key]) grouped[key] = { key, values: [] }\n        grouped[key].values.push(value.replaceAll(',', '-'))\n        return grouped\n    }, {})\n}\n\nfunction arrTolastURLElementMapper(arr) {\n    if (typeof arr === 'undefined' || arr.length === 0) return undefined\n\n    return arr.map(item => item.split('/').pop()?.trim() || '')\n}\n\nfunction arrToJoinedString(arr, joiner = '|') {\n    if (typeof arr === 'undefined' || arr.length === 0) return undefined\n\n    return arr.map(item => item.trim()).join(joiner)\n}\n\nfunction findTechnogiesText(arr) {\n    if (typeof arr === 'undefined' || arr.length === 0) return undefined\n\n    if (arr.length === 1) return cleanText(arrTolastURLElementMapper(arr)?.[0])\n    else return 'multiple'\n}\n\nfunction cleanText(str) {\n    if (typeof str === 'undefined') return undefined\n\n    return str.toString().trim()\n}\n\nconst generateEcommerceObject = async (productIds, options) => {\n    const productRequests = productIds.map(SKU => getProduct(SKU))\n    const productData = await Promise.all(productRequests)\n\n    return {\n        ecommerce: {\n            currency: window[window.config.padl.namespace].dataLayer.app.app.currency,\n            value: productData.reduce((ac, product) => {\n                return ac + product.price\n            }, 0),\n            items: productData.map((product, index) => {\n                if (product.type === 'bundle' || product.type === 'giftcard') {\n                    return {\n                        item_id: cleanText(product.internationalId),\n                        item_name: cleanText(product.internationalName),\n                        item_brand: 'nespresso',\n                        item_category: cleanText(product.type),\n                        index: index + 1\n                    }\n                }\n\n                let output = {\n                    item_id: cleanText(product.internationalId),\n                    item_name: cleanText(product.internationalName),\n                    item_brand: 'nespresso',\n                    item_category: cleanText(product.type),\n                    item_category2: arrToJoinedString(\n                        arrTolastURLElementMapper(product.technologies)\n                    ),\n                    item_category3: cleanText(product.category),\n                    price: product.price,\n                    quantity: product.salesMultiple,\n                    affiliation: 'nespresso online store',\n                    coupon: undefined,\n                    discount: undefined,\n                    location_id: undefined,\n                    item_list_name: cleanText(options?.listName),\n                    item_list_id: cleanText(options?.listId),\n                    index: index + 1,\n                    item_market_id: cleanText(product.legacyId),\n                    item_market_name: cleanText(product.name),\n                    item_technology: findTechnogiesText(product.technologies),\n                    item_range: cleanText(product.category),\n                    item_discovery_offer: product.category.includes('discovery').toString(),\n                    item_added_by_user: undefined,\n                    item_ecotax_applicable: product?.displayEcoTax\n                        ? cleanText(product?.displayEcoTax.toString())\n                        : undefined,\n                    item_selection_list: cleanText(arrToJoinedString(product.productSelections)),\n                    item_in_stock: product?.inStock\n                        ? cleanText(product?.inStock.toString())\n                        : undefined,\n                    item_subscription_name: undefined,\n                    item_subscription_category: undefined,\n                    item_subscription_price: undefined,\n                    item_subscription_duration: undefined,\n                    item_subscription_fee: undefined\n                }\n\n                switch (product.type) {\n                    case 'capsule': {\n                        const capsuleProduct = product\n\n                        output.item_category4 = capsuleProduct.bundled ? 'bundle' : 'single'\n\n                        output.item_type = capsuleProduct.bundled ? 'bundle' : 'single'\n\n                        output.item_coffee_aromatic_profile = cleanText(\n                            arrToJoinedString(capsuleProduct.capsuleProductAromatics)?.toLowerCase()\n                        )\n\n                        output.item_coffee_intensity =\n                            cleanText(capsuleProduct.capsuleProperties.intensity) ?? undefined\n\n                        output.item_coffee_cup_size = cleanText(\n                            arrToJoinedString(capsuleProduct.capsuleCupSizes)\n                        )?.toLowerCase()\n\n                        break\n                    }\n                    case 'machine': {\n                        const machineProduct = product\n\n                        output.item_machine_shade = cleanText(machineProduct.colorShade?.name)\n\n                        break\n                    }\n                }\n\n                if (product.type === 'machine' || product.type === 'accessory') {\n                    output.item_avg_rating = product.ratingCode\n                    output.item_number_of_reviews = product.ratingCode\n                }\n\n                return output\n            })\n        }\n    }\n}\n\nexport const selectItems = async (productIds, options) => {\n    const ecommerceObject = await generateEcommerceObject(productIds, options)\n\n    const output = {\n        event: 'select_item',\n        event_raised_by: options?.eventRaisedBy ?? 'before_cross_sell_v3',\n        click_location: options?.clickLocation ?? 'page builder cross sell quick view',\n        item_list_id: options?.listId ?? 'before_cross_sell_v3',\n        subscription_product_included: 'false',\n        discovery_offer_included: 'false',\n        ...ecommerceObject\n    }\n\n    window.gtmDataObject.push({ ecommerce: null })\n    window.gtmDataObject.push(output)\n}\n\nexport const viewItemList = async (productIds, options) => {\n    const ecommerceObject = await generateEcommerceObject(productIds, options)\n\n    const output = {\n        event: 'view_item_list',\n        event_raised_by: options?.eventRaisedBy,\n        subscription_product_included: 'false',\n        discovery_offer_included: 'false',\n        ...ecommerceObject\n    }\n\n    if (options?.eventRaisedBy === undefined) delete output.event_raised_by\n\n    window.gtmDataObject.push({ ecommerce: null })\n    window.gtmDataObject.push(output)\n}\n\nexport const isGtmTrackingExists = trackingData => {\n    window.gtmDataObject = window.gtmDataObject || []\n\n    return window.gtmDataObject.some(\n        event =>\n            event.event === trackingData.event &&\n            event.ecommerce?.creative_slot === trackingData.campaign.position &&\n            event.ecommerce?.promotion_id === trackingData.campaign.id &&\n            event.ecommerce?.promotion_name === trackingData.campaign.name &&\n            event.ecommerce?.creative_name === trackingData.campaign.creative\n    )\n}\n","import SliderMenuLib from './js/SliderMenuLib'\nimport { debounce, makeId } from '@kissui/helpers/src/utils'\nimport { dispatchEvent } from '@kissui/helpers/src/assets/js/eventDispatch'\nimport { customEvent, itemDisplay } from '@kissui/helpers/src/gtmEvents'\nimport { EVENT_SLIDE_CHANGE, EVENT_SLIDER_READY } from '@kissui/components'\n\nclass SliderMenu extends HTMLElement {\n    constructor() {\n        super()\n        this.slot = this.innerHTML\n        this.navBarTravelling = true\n        this.disableAutoScroll = false\n        this.navBarTravelDirection = ''\n        this.navBarTravelDistance = 200\n        this.randomId = null\n        this.sliderMenu = null\n        this.boundOnResize = this.onResize.bind(this)\n        this.onLoad = this.onLoad.bind(this)\n        this.debouncedOnResize = debounce(this.boundOnResize, 250)\n    }\n\n    static get observedAttributes() {\n        return ['navBarTravelling', 'navBarTravelDirection', 'navBarTravelDistance']\n    }\n\n    render() {\n        const navigation = this.getAttribute('navigation') === 'true' ? true : ''\n        const a11y_slider_previous_button = this.getAttribute('a11y_slider_previous_button') || ''\n        const a11y_slider_next_button = this.getAttribute('a11y_slider_next_button') || ''\n\n        this.innerHTML = `\n            <div id=\"pnProductNav-${this.randomId}\" class=\"pn-ProductNavWrapper ${this.randomId}\">\n                ${\n                    navigation &&\n                    `<nb-cta id=\"pnAdvancerLeft-${this.randomId}\"\n                        class=\"pn-Advancer pn-AdvancerLeft\"\n                        variation=\"navigation\"\n                        contrast=\"highlight\"\n                        size=\"32\"\n                        icon_right=\"24/symbol/chevron-left\"\n                        label=\"${a11y_slider_previous_button}\"></nb-cta>`\n                }\n                ${this.slot}\n                ${\n                    navigation &&\n                    `<nb-cta id=\"pnAdvancerRight-${this.randomId}\"\n                        class=\"pn-Advancer pn-AdvancerRight\"\n                        variation=\"navigation\"\n                        contrast=\"highlight\"\n                        size=\"32\"\n                        icon_right=\"24/symbol/chevron-right\"\n                        label=\"${a11y_slider_next_button}\"></nb-cta>`\n                }\n                <span id=\"pnIndicator-${this.randomId}\"\n                    class=\"pn-ProductNavIndicator\">\n                </span>\n            </div>\n\n            `\n        this.loadSwiper()\n    }\n\n    connectedCallback() {\n        this.randomId = this.getAttribute('testId')\n            ? this.getAttribute('testId')\n            : `swiperMenu_${makeId(5)}`\n        this.navBarTravelling = this.getAttribute('navBarTravelling') || this.navBarTravelling\n        this.navBarTravelDirection =\n            this.getAttribute('navBarTravelDirection') || this.navBarTravelDirection\n        this.navBarTravelDistance =\n            this.getAttribute('navBarTravelDistance') || this.navBarTravelDistance\n        this.disableAutoScroll = this.getAttribute('disable_auto_scroll') || ''\n\n        this.render()\n        window.addEventListener('resize', this.debouncedOnResize)\n    }\n\n    loadSwiper() {\n        let navBarTravelDirection = this.navBarTravelDirection\n        let navBarTravelDistance = this.navBarTravelDistance\n\n        this.sliderMenu = new SliderMenuLib(this.querySelector('.' + this.randomId), {\n            id: this.randomId,\n            index: this.index,\n            navBarTravelDirection: navBarTravelDirection,\n            navBarTravelDistance: navBarTravelDistance,\n            disableAutoScroll: this.disableAutoScroll\n        })\n\n        this.sliderMenu.then(() => {\n            this.classList.add('is-show')\n\n            dispatchEvent({\n                eventName: EVENT_SLIDER_READY,\n                args: { className: this.randomId },\n                element: this\n            })\n        })\n\n        // Updates slider menu to follow semantics, accessibility\n        const productNavLinkWrappers = document.querySelectorAll('.pn-ProductNavLinkWrapper')\n        productNavLinkWrappers.forEach(div => {\n            const li = document.createElement('li')\n            li.classList.add('pn-ProductNavLinkWrapper')\n            while (div.firstChild) {\n                li.appendChild(div.firstChild)\n            }\n            div.parentNode.replaceChild(li, div)\n        })\n    }\n\n    handleClick() {\n        dispatchEvent({ eventName: EVENT_SLIDE_CHANGE })\n\n        // GTM 'itemDisplay' event\n        itemDisplay({ rootElement: ['nb-slider-menu'] })\n    }\n\n    onLoad() {\n        this.sliderMenu.then(slider => slider.onLoad())\n    }\n\n    onResize() {\n        this.sliderMenu.then(slider => slider.onResize())\n    }\n\n    onNavigationClick(e) {\n        let name = ''\n\n        if (\n            e.target &&\n            e.target.closest('.link') &&\n            e.target.closest('.link').getAttribute('tracking_label')\n        ) {\n            name = e.target.closest('.link').getAttribute('tracking_label')\n        }\n\n        customEvent({ eventAction: 'PLP Content Tab', eventLabel: name })\n    }\n\n    disconnectedCallback() {\n        window.removeEventListener('resize', this.debouncedOnResize)\n        this.sliderMenu.then(slider => slider.kill())\n    }\n}\n\ncustomElements.get('nb-slider-menu') || customElements.define('nb-slider-menu', SliderMenu)\n\nexport default SliderMenu\n","export const MAX_WIDTH_CONTAINER = 1160\n\nexport const BREAKPOINT_XL = 1920\nexport const BREAKPOINT_TABLET = 1024\nexport const BREAKPOINT_L = 996\nexport const BREAKPOINT_M = 768\nexport const BREAKPOINT_S = 750\nexport const BREAKPOINT_XS = 375\n\nexport const CTA_PRIMARY = 'primary'\nexport const CTA_PRIMARY_TRANSPARENT = 'primary_transparent'\nexport const CTA_SUBTLE = 'subtle'\nexport const CTA_LINK = 'link'\nexport const CTA_LINK_UNDERLINE = 'link-underline'\nexport const CTA_LINK_GOLD = 'link-gold'\nexport const CTA_LINK_ADD_TO_CART_SMALL = 'AddToCart_small'\nexport const CTA_LINK_ADD_TO_CART_LARGE = 'AddToCart_large'\n\nexport const EVENT_TAB_CHANGE = 'EVENT_TAB_CHANGE'\n\nexport const EVENT_VIDEO = 'WEB_COMPONENT_VIDEO'\nexport const EVENT_POPIN_OPEN = 'WEB_COMPONENT_POPIN_OPEN'\nexport const EVENT_POPIN_OPENED = 'WEB_COMPONENT_POPIN_OPENED'\nexport const EVENT_POPIN_CLOSE = 'WEB_COMPONENT_POPIN_CLOSE'\nexport const EVENT_POPIN_CLOSED = 'WEB_COMPONENT_POPIN_CLOSED'\nexport const EVENT_POPIN_CLOSE_CLICK = 'WEB_COMPONENT_POPIN_CLOSE_CLICK'\nexport const EVENT_POPIN_KEY_DOWN = 'keydown'\nexport const EVENT_POPIN_FORM_TOGGLE_TITLE = 'WEB_COMPONENT_POPIN_FORM_TOGGLE_TITLE'\nexport const EVENT_CTA_CLICK = 'WEB_COMPONENT_CTA_CLICK'\nexport const EVENT_HERO_REORDER_OPEN = 'WEB_COMPONENT_HERO_REORDER_OPEN'\nexport const EVENT_HERO_REORDER_CLOSE = 'WEB_COMPONENT_HERO_REORDER_CLOSE'\nexport const EVENT_QUICKVIEW_OPEN = 'WEB_COMPONENT_QUICKVIEW_OPEN'\nexport const EVENT_QS_OPEN = 'WEB_COMPONENT_QS_OPEN'\nexport const EVENT_QS_OPENED = 'WEB_COMPONENT_QS_OPENED'\nexport const EVENT_QS_CLOSE = 'WEB_COMPONENT_QS_CLOSE'\nexport const EVENT_QS_CLOSED = 'WEB_COMPONENT_QS_CLOSED'\nexport const EVENT_QS_CLOSE_CLICK = 'WEB_COMPONENT_QS_CLOSE_CLICK'\nexport const EVENT_QS_KEY_DOWN = 'keydown'\nexport const EVENT_ADD_TO_CART = 'WEB_COMPONENT_ADD_TO_CART'\nexport const EVENT_CART_UPDATED = 'WEB_COMPONENT_CART_UPDATED'\nexport const EVENT_VIDEO_TOGGLE = 'WEB_COMPONENT_VIDEO_TOGGLE'\nexport const VIDEO_ON_HOVER = 'VIDEO_ON_HOVER'\nexport const VIDEO_ON_OUT = 'VIDEO_ON_OUT'\nexport const EVENT_DETAIL_OPEN = 'WEB_COMPONENT_DETAIL_OPEN'\nexport const EVENT_SLIDER_READY = 'WEB_COMPONENT_SLIDER_READY'\nexport const EVENT_SLIDE_CHANGE = 'WEB_COMPONENT_SLIDE_CHANGE'\nexport const EVENT_OVERLAY_OPEN = 'WEB_COMPONENT_OVERLAY_OPEN'\nexport const EVENT_OVERLAY_CLOSE = 'WEB_COMPONENT_OVERLAY_CLOSE'\nexport const EVENT_OVERLAY_CLICKED = 'WEB_COMPONENT_OVERLAY_CLICKED'\nexport const EVENT_OPEN_PRODUCT_AR_CLICKED = 'OPEN_PRODUCT_AR_CLICKED'\nexport const EVENT_SORT_BY_CHANGE = 'WEB_COMPONENT_SORT_BY_CHANGE'\n\nexport const EVENT_BUBBLE_SELECTED = 'EVENT_BUBBLE_SELECTED'\nexport const EVENT_RECO_TOOL_OPTION_CLICKED = 'EVENT_RECO_TOOL_OPTION_CLICKED'\nexport const WEB_COMPONENT_PROJECTS_LOADED = 'WEB_COMPONENT_PROJECTS_LOADED'\nexport const WEB_COMPONENT_ANCHOR_LOADED = 'WEB_COMPONENT_ANCHOR_LOADED'\n\nexport const EVENT_SWIPED_UP = 'swiped-up'\nexport const EVENT_SWIPED_DOWN = 'swiped-down'\nexport const EVENT_SWIPED_LEFT = 'swiped-left'\nexport const EVENT_SWIPED_RIGHT = 'swiped-right'\n\nexport const EVENT_HEADER_POSITION_CHANGED = 'EVENT_HEADER_POSITION_CHANGED'\n\nexport const keys = { ESC: 'Escape' }\n\nexport const ADD_TO_CART_MODIFIER_MINI = 'mini'\nexport const ADD_TO_CART_MODIFIER_DEFAULT = ADD_TO_CART_MODIFIER_MINI\n\nexport const COFFEE_ORIGINAL = 'original'\nexport const COFFEE_VERTUO = 'vertuo'\nexport const COFFEE_PRO = 'pro'\nexport const COFFEE_OL = 'OL'\nexport const COFFEE_VL = 'VL'\nexport const INTENSITY_MAX_OL = 14\nexport const INTENSITY_MAX_VL = 12\nexport const DEFAULT_BUBBLE_ICON = ''\n\nexport const NUMBER_PRODUCTS_SLIDER = 8\nexport const NUMBER_FEATURES_PDP = 8\n\nexport const ALIGNMENT = ['center', 'left', 'right']\nexport const POSITION = ['top', 'right', 'bottom', 'left']\nexport const TRANSLATION_ADD_TO_CART = 'Add to cart'\nexport const TRANSLATION_UPDATE_BASKET = 'Update basket'\n\nexport const TIME_INSTANT = 1\nexport const TIME_FAST = 300\nexport const TIME_MEDIUM = 600\nexport const TIME_SLOW = 1200\n\nexport const APP_APPLE_LINK = {\n    default: 'https://apps.apple.com/us/app/nespresso/id342879434',\n    us: 'https://apps.apple.com/us/app/nespresso-new/id1609639566',\n    uk: 'https://apps.apple.com/gb/app/nespresso-new/id1609639566'\n}\nexport const APP_ANDROID_LINK =\n    'https://play.google.com/store/apps/details?id=com.nespresso.activities'\nexport const APP_HUAWEI_LINK = 'https://appgallery.huawei.com/app/C102571517'\n\nexport const SRC_PAGE_PLP = 'plp'\nexport const SRC_PAGE_PDP = 'pdp'\n\nexport const PLP_TYPE_COFFEE = 'coffee'\nexport const PLP_TYPE_MACHINE = 'machine'\nexport const PLP_TYPE_ACCESSORY = 'accessory'\nexport const CALLEO_API_DOMAIN = 'https://www.contact.nespresso.com/'\n\n// SCSS RELATED\n// Todo : should be shared by JS and SCSS\nexport const BROWSER_CONTEXT = 16 // 1rem = 16px\nexport const COLOR_WHITE_1000 = '#FFFFFF' // Do not change for #FFF shortcut, it will break slider-natural gradients !\n\nexport const CONTRAST_DARK = 'dark'\nexport const CONTRAST_LIGHT = 'light'\n\nexport const B2B_CONTACT_FORM_POPIN_ID = 'b2b-contact-form-popin-id'\nexport const B2B_CONTACT_FORM_POPIN_SRC_SEARCH = 'coveo-search'\n\nexport const B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO = 'sku-main-info'\n\nexport const B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO_AUTO = 'sku-main-info-auto'\n\nexport const ASPECT_RATIO_16_9 = '16/9'\nexport const ASPECT_RATIO_1_1 = '1/1'\n\nexport const NESPRESSO_PRODUCTION_DOMAIN = 'https://www.nespresso.com'\nexport const NESPRESSO_ROLLOUT_DOMAIN = 'https://nc2-env-rollout.nespresso.com'\n\nexport const EVENT_QUIZ_ON_GO_BACK = 'WEB_COMPONENT_EVENT_QUIZ_ON_GO_BACK'\nexport const EVENT_QUIZ_SUBMIT = 'WEB_COMPONENT_EVENT_QUIZ_SUBMIT'\n"],"names":["slidesContainer","next","prev","colours","makeId","length","result","characters","i","charAt","Math","floor","random","DOMParser","SliderMenu$1","constructor","element","options","this","boundNextClick","onNextClick","bind","boundPrevClick","onPrevClick","boundLinkClick","onLinkClick","boundTouchEnd","onTouchEnd","disableAutoScroll","_entriesBounds","Promise","resolve","_element","_slides","slice","call","children","_options","Object","assign","id","last_known_scroll_position","ticking","navBarTravelDirection","navBarTravelling","navBarTravelDistance","scrollAmount","buildIHM","setTimeout","setOverflowAttribute","initializeIndicatorPosition","_root","createElement","_container","_pnIndicator","_containerSlidesContent","hasContainer","constants","wrapItems","appendChild","insertBefore","childNodes","createIndicator","document","querySelector","keys","map","child","randId","classList","contains","forEach","el","style","display","remove","item","setAttribute","push","tag","className","div","elements","Array","from","querySelectorAll","addEventListener","pnAdvancerLeft","getElementById","pnAdvancerRight","e","goToElement","currentTarget","goToSlide","index","showContent","contentId","closest","getAttribute","deselectAllLinkBut","distance","entry","target","boundingClientRect","width","link_plp_category_padding_x","scroll","left","behavior","sideScroll","direction","speed","step","slideTimer","setInterval","scrollLeft","window","clearInterval","TRANSITION_FAST","selected","moveIndicator","determineOverflow","content","container","containerMetrics","getBoundingClientRect","containerMetricsRight","right","containerMetricsLeft","contentMetrics","contentMetricsRight","contentMetricsLeft","color","textPosition","transform","backgroundColor","onResize","clearListeners","removeEventListener","kill","observe","observer","IntersectionObserver","entries","intersection","innerWidth","disconnect","root","isInViewport","find","entryBound","dispatchEvent","eventName","args","Error","event","CustomEvent","detail","bubbles","Event","createEvent","initEvent","emitCustomEvent","data","customEvent","cancelable","composed","raisedByWC","SliderMenu","HTMLElement","super","slot","innerHTML","randomId","sliderMenu","boundOnResize","onLoad","debouncedOnResize","debounce","func","time","timer","clearTimeout","observedAttributes","render","navigation","a11y_slider_previous_button","a11y_slider_next_button","loadSwiper","connectedCallback","SliderMenuLib","then","add","li","firstChild","parentNode","replaceChild","handleClick","gtmDataObject","eventData","eventRaisedBy","eventAction","itemTypes","itemDisplay","rootElement","slider","onNavigationClick","name","undefined","event_GA4","eventCategory","eventLabel","nonInteraction","event_raised_by","disconnectedCallback","customElements","get","define"],"mappings":"AAAO,MAEMA,EAAkB,sBAElBC,EAAO,kBACPC,EAAO,iBAKPC,EACN,UC+CA,SAASC,EAAOC,GACfC,IAAAA,IAAAA,EAAS,GACTC,EAAa,iEAERC,EAAI,EAAGA,EAAIH,EAAQG,IACdD,GAAAA,EAAWE,OAAOC,KAAKC,MAFdJ,GAEoBG,KAAKE,WAEzCN,OAAAA,CACX,CA+SkB,IAAIO,UC7WtB,IAAAC,EAAA,MASIC,WAAAA,CAAYC,EAASC,EAAU,IAC3B,OAAAC,KAAKC,eAAiBD,KAAKE,YAAYC,KAAKH,MAC5CA,KAAKI,eAAiBJ,KAAKK,YAAYF,KAAKH,MAC5CA,KAAKM,eAAiBN,KAAKO,YAAYJ,KAAKH,MAC5CA,KAAKQ,cAAgBR,KAAKS,WAAWN,KAAKH,MAC1CA,KAAKU,kBAAkD,SAA9BX,EAAQW,oBAAgC,EACjEV,KAAKW,eAAiB,KAEf,IAAIC,SAAQC,IACfb,KAAKc,SAAWhB,EAChBE,KAAKe,QAAU,GAAGC,MAAMC,KAAKnB,EAAQoB,UACrClB,KAAKmB,SAAWC,OAAOC,OACnB,CAAA,EACA,CACIC,GAAI,OACJC,2BAA4B,EAC5BC,SAAS,EACTC,sBAAuB,GACvBC,kBAAkB,EAClBC,qBAAsB,IACtBC,aAAc,KAElB7B,GAGJC,KAAK6B,WACLhB,EAAQb,MAGR8B,YAAW,KACFC,KAAAA,uBACL/B,KAAKgC,6BAA2B,GACjC,EAAC,GAEZ,CAKA,WAAIlC,GACA,OAAOE,KAAKc,QAChB,CAGAe,QAAAA,GACSI,KAAAA,MAAQjC,KAAKkC,cAAc,MF1DpB,iBE2DZlC,KAAKmC,WAAanC,KAAKkC,cAAc,KF1DpB,yBE2DjBlC,KAAKoC,aAAe,KACpBpC,KAAKqC,wBAA0B,KAE3BrC,KAAKsC,iBACLtC,KAAKqC,wBAA0BrC,KAAKkC,cAAc,MAAOK,IAG7DvC,KAAKwC,YACLxC,KAAKiC,MAAMQ,YAAYzC,KAAKmC,YAExBnC,KAAKqC,yBACLrC,KAAKc,SAAS2B,YAAYzC,KAAKqC,yBAInCrC,KAAKc,SAAS4B,aAAa1C,KAAKiC,MAAOjC,KAAKc,SAAS6B,WAAW,IAEhE3C,KAAK4C,iBACT,CAEAN,YAAAA,GACQO,QAAAA,SAASC,cAAc,oBAG/B,CAEAN,SAAAA,GACI,MAAMO,EAAO,GACRhC,KAAAA,QAAQiC,KAAIC,IACPC,MAAAA,EAAShE,EAAO,GAElB,GAAAc,KAAKsC,gBACDW,EAAME,UAAUC,SAAS,sBACrBH,EAAM/B,UACF+B,EAAM/B,SAAS/B,QACd,IAAI8D,EAAM/B,UAAUmC,SAAQ,CAACC,EAAIhE,KACpB,IAANA,IACAgE,EAAGC,MAAMC,QAAU,QAGvBF,EAAGhC,GAAKyB,EAAKzD,GAEbU,KAAKqC,wBAAwBI,YAAYa,EAAE,IAIvDL,EAAMQ,WAITR,EAAME,UAAUC,SAAS,eAAgB,CAC1C,MAAMM,EAAO1D,KAAKkC,cAAc,MF5G5B,4BE6GJwB,EAAKjB,YAAYQ,GACjBS,EAAKC,aAAa,wBAAyBT,GAC3CH,EAAKa,KAAKV,GAEVlD,KAAKmC,WAAWM,YAAYiB,EAChC,IAER,CAEAxB,aAAAA,CAAc2B,EAAKC,GACXC,IAAAA,EAAMlB,SAASX,cAAc2B,GACjCE,OAAAA,EAAIJ,aAAa,QAASG,GACnBC,CACX,CAGAnB,eAAAA,GACI5C,KAAKgE,SAAW,GAChBhE,KAAKoC,aAAepC,KAAKkC,cAAc,MF5HpB,0BE6HnBlC,KAAKmC,WAAWM,YAAYzC,KAAKoC,cAEjCpC,KAAKgE,SAAWC,MAAMC,KAAKlE,KAAKmC,WAAWgC,iBAAiB,cAE5DnE,KAAKgE,SAASX,SAAQvD,IAClBA,EAAQsE,iBAAiB,QAASpE,KAAKM,eAAc,IAGnD+D,MAAAA,EAAiBxB,SAASyB,eAAe,GAAG/B,KAAkBvC,KAAKmB,SAASG,MAC9E+C,GACAA,EAAeD,iBAAiB,QAASpE,KAAKI,gBAG5CmE,MAAAA,EAAkB1B,SAASyB,eAAe,GAAG/B,KAAkBvC,KAAKmB,SAASG,MAC/EiD,GACAA,EAAgBH,iBAAiB,QAASpE,KAAKC,gBAG/CD,KAAKiC,OACLjC,KAAKmC,WAAWiC,iBAAiB,WAAYpE,KAAKQ,cAE1D,CAEAD,WAAAA,CAAYiE,GACHC,KAAAA,YAAYD,EAAEE,cACvB,CAEAC,SAAAA,CAAUC,GACN5E,KAAKyE,YAAYzE,KAAKe,QAAQ6D,GAClC,CAEAC,WAAAA,CAAYvD,GACR,MAAMxC,EAAkB+D,SAASC,cAAc,IAAIP,KAE/CzD,EAAgBoC,UACf,IAAIpC,EAAgBoC,UAAUmC,SAAQC,GAAOA,EAAGC,MAAMC,QAAU,SAGrEX,SAASyB,eAAehD,GAAIiC,MAAMC,QAAU,OAChD,CAEAiB,WAAAA,CAAY3E,GACJ,GAAAE,KAAKsC,eAAgB,CACrB,MAAMwC,EAAYhF,EACbiF,QAAQ,2BACRC,aAAa,yBAElBhF,KAAK6E,YAAYC,EACrB,CAKA,GAHA9E,KAAKiF,mBAAmBnF,GACxBA,EAAQ6D,aAAa,eAAgB,SAEhC7D,IAAYE,KAAKW,eAClB,OAGJ,IAAIuE,EAAW,EAEJC,IAAAA,MAAAA,KAASnF,KAAKW,eAAgB,CACrC,GAAIwE,EAAMC,OAAOJ,aAAa,eAAiBlF,EAAQkF,aAAa,aAChE,MAEAE,EAAWA,EAAWC,EAAME,mBAAmBC,MAAQC,EAE/D,CAEKvF,KAAKU,mBACNV,KAAKiC,MAAMuD,OAAO,CAAEC,KAAMP,EAAUQ,SAAU,UAEtD,CAEAT,kBAAAA,CAAmBnF,GACVkE,KAAAA,SAASX,SAAQC,IACdA,IAAOxD,GACPwD,EAAGK,aAAa,eAAgB,QAAO,GAGnD,CAEAgC,UAAAA,CAAW7F,EAAS8F,EAAWC,EAAOX,EAAUY,GAC5C9F,KAAK+B,uBAEL,IAAIH,EAAe,EACfmE,EAAaC,aAAY,WACP,SAAdJ,EACA9F,EAAQmG,YAAcH,EAEtBhG,EAAQmG,YAAcH,EAE1BlE,GAAgBkE,EACZlE,GAAgBsD,GAChBgB,OAAOC,cAAcJ,EAE5B,GAAEF,GACI,MAAA,CAAEE,WAAAA,EACb,CAEA1F,WAAAA,GACSsF,KAAAA,WAAW3F,KAAKiC,MAAO,OAAQ,GAAIjC,KAAKmB,SAASS,aAAc,IACpEE,YAAW,KACP9B,KAAK+B,sBAAoB,GAC1BqE,IACP,CAEAlG,WAAAA,GACSyF,KAAAA,WAAW3F,KAAKiC,MAAO,QAAS,GAAIjC,KAAKmB,SAASS,aAAc,IACrEE,YAAW,KACP9B,KAAK+B,sBAAoB,GAC1BqE,IACP,CAEA3F,UAAAA,GACIT,KAAK+B,sBACT,CAEAC,2BAAAA,GACI,MAAMqE,EAAWrG,KAAKiC,MAAMa,cAAc,yBAGtCuD,GACArG,KAAKsG,cAAcD,EAAUpH,EAErC,CAEAsH,iBAAAA,CAAkBC,EAASC,GACvB,IAAIC,EAAmBD,EAAUE,wBAC7BC,EAAwBpH,KAAKC,MAAMiH,EAAiBG,OACpDC,EAAuBtH,KAAKC,MAAMiH,EAAiBjB,MAEnDsB,EAAiBP,EAAQG,wBACzBK,EAAsBxH,KAAKC,MAAMsH,EAAeF,OAChDI,EAAqBzH,KAAKC,MAAMsH,EAAetB,MAG/CqB,OAAAA,EAAuBG,GACvBL,EAAwBI,EAEjB,OACAC,EAAqBH,EACrB,OACAE,EAAsBJ,EACtB,QAEA,MAEf,CAEAN,aAAAA,CAAc5C,EAAMwD,GAChB,IAAKlH,KAAKoC,aACN,OAGJ,IAAI+E,EAAezD,EAAKiD,wBACpBF,EAAYzG,KAAKmC,WAAWwE,wBAAwBlB,KACpDP,EAAWiC,EAAa1B,KAAOgB,EAEnCzG,KAAKoC,aAAamB,MAAM6D,UACpB,eACClC,EAAWlF,KAAKmC,WAAW8D,WAAaV,IACzC,cACyD,KAAxD4B,EAAa7B,MAAQC,IACtB,IAEJvF,KAAKiC,MAAMgE,WAAazG,KAAKC,MACzByF,EAAWlF,KAAKmC,WAAWwE,wBAAwBlB,KAAO,GAG1DyB,IACAlH,KAAKoC,aAAamB,MAAM8D,gBAAkBH,EAElD,CAEAI,QAAAA,GACSvF,KAAAA,uBACL/B,KAAKgC,6BACT,CAEAuF,cAAAA,GACSvD,KAAAA,SAASX,SAAQvD,IAClBA,EAAQ0H,oBAAoB,QAASxH,KAAKM,eAAc,IAGtD+D,MAAAA,EAAiBxB,SAASyB,eAAe,GAAG/B,KAAkBvC,KAAKmB,SAASG,MAC9E+C,GACAA,EAAemD,oBAAoB,QAASxH,KAAKI,gBAG/CmE,MAAAA,EAAkB1B,SAASyB,eAAe,GAAG/B,KAAkBvC,KAAKmB,SAASG,MAC/EiD,GACAA,EAAgBiD,oBAAoB,QAASxH,KAAKC,eAE1D,CAEAwH,IAAAA,GACIzH,KAAKuH,gBACT,CAEAxF,oBAAAA,GACI/B,KAAKc,SAAS6C,aACV,mBACA3D,KAAKuG,kBAAkBvG,KAAKmC,WAAYnC,KAAKiC,QAGjDjC,KAAK0H,SACT,CAEAA,OAAAA,GACI,KAAM,yBAA0BxB,QACrB,OAAA,EAGXlG,KAAKW,eAAiB,GAGtB,MAAMgH,EAAW,IAAIC,sBACjBC,IACI,IAAA,MAAW1C,KAAS0C,EAChB7H,KAAKW,eAAeiD,KAAK,CACrBwB,OAAQD,EAAMC,OACd0C,aACI3C,EAAME,mBAAmBwB,OACrBX,OAAO6B,WAAaxC,IACxBJ,EAAME,mBAAmBI,MAAQF,GACrCF,mBAAoBF,EAAME,qBAIlCsC,EAASK,YAAU,GAEvB,CAAEC,KAAMjI,KAAKmC,aAGjBnC,KAAKe,QAAQiC,KAAIlD,GAAW6H,EAASD,QAAQ5H,IACjD,CAEAoI,YAAAA,CAAapI,GACJ,QAAAE,KAAKW,gBAIIX,KAAKW,eAAewH,MAAKC,GAActI,IAAYsI,EAAWhD,SAE/D0C,YACjB,GCvXG,MAAMO,EAAgBA,EAAGC,UAAAA,EAAWC,KAAAA,EAAMzI,QAAAA,MAE7C,IAAKA,EACD,aAAWoG,OAAW,KAGZ,MAAA,IAAIsC,MACN,yGAHJ1I,EAAUoG,MAIV,CAIJuC,IAAAA,EACAF,EACAE,EAAQ,IAAIC,YAAYJ,EAAW,CAAEK,OAAQJ,EAAMK,SAAS,IAEvC,mBAAVC,MACPJ,EAAQ,IAAII,MAAMP,IAElBG,EAAQ5F,SAASiG,YAAY,SAC7BL,EAAMM,UAAUT,GAAW,GAAM,IAGzCxI,EAAQuI,cAAcI,EAAK,ECQlBO,EAAkBA,CAACV,EAAmBW,KAC/C,MAAMC,EAAc,IAAIR,YAAY,eAAmBJ,IAAa,CAChEK,OAAQM,EACRL,SAAS,EACTO,YAAY,EACZC,UAAU,IAGdlD,OAAOmC,cAAca,EAAW,EClC9BG,EAAa,gBCCnB,MAAMC,UAAmBC,YACrB1J,WAAAA,GACI2J,QACAxJ,KAAKyJ,KAAOzJ,KAAK0J,UACjB1J,KAAK0B,kBAAmB,EACxB1B,KAAKU,mBAAoB,EACzBV,KAAKyB,sBAAwB,GAC7BzB,KAAK2B,qBAAuB,IAC5B3B,KAAK2J,SAAW,KAChB3J,KAAK4J,WAAa,KAClB5J,KAAK6J,cAAgB7J,KAAKsH,SAASnH,KAAKH,MACxCA,KAAK8J,OAAS9J,KAAK8J,OAAO3J,KAAKH,MAC/BA,KAAK+J,kBLkMGC,SAAYC,EAAsBC,EAAO,KACjDC,IAAAA,EACJ,OAAO,SAAU1B,GACT0B,GACAjE,OAAOkE,aAAaD,GAExBA,EAAQjE,OAAOpE,WAAWmI,EAAMC,EAAMzB,EAAK,CAEnD,CK1MiCuB,CAAShK,KAAK6J,cAAe,IAC1D,CAEA,6BAAWQ,GACA,MAAA,CAAC,mBAAoB,wBAAyB,uBACzD,CAEAC,MAAAA,GACI,MAAMC,EAAiD,SAApCvK,KAAKgF,aAAa,eAAkC,GACjEwF,EAA8BxK,KAAKgF,aAAa,gCAAkC,GAClFyF,EAA0BzK,KAAKgF,aAAa,4BAA8B,GAEhFhF,KAAK0J,UAAY,uCACW1J,KAAK2J,yCAAyC3J,KAAK2J,+BAEnEY,GACA,8BAA8BvK,KAAK2J,wSAMtBa,mCAEfxK,KAAKyJ,yBAEHc,GACA,+BAA+BvK,KAAK2J,0SAMvBc,yDAEOzK,KAAK2J,8HAMrC3J,KAAK0K,YACT,CAEAC,iBAAAA,GACShB,KAAAA,SAAW3J,KAAKgF,aAAa,UAC5BhF,KAAKgF,aAAa,UAClB,cAAc9F,EAAO,KAC3Bc,KAAK0B,iBAAmB1B,KAAKgF,aAAa,qBAAuBhF,KAAK0B,iBACtE1B,KAAKyB,sBACDzB,KAAKgF,aAAa,0BAA4BhF,KAAKyB,sBACvDzB,KAAK2B,qBACD3B,KAAKgF,aAAa,yBAA2BhF,KAAK2B,qBACtD3B,KAAKU,kBAAoBV,KAAKgF,aAAa,wBAA0B,GAErEhF,KAAKsK,SACLpE,OAAO9B,iBAAiB,SAAUpE,KAAK+J,kBAC3C,CAEAW,UAAAA,GACI,IAAIjJ,EAAwBzB,KAAKyB,sBAC7BE,EAAuB3B,KAAK2B,qBAE3BiI,KAAAA,WAAa,IAAIgB,EAAc5K,KAAK8C,cAAc,IAAM9C,KAAK2J,UAAW,CACzErI,GAAItB,KAAK2J,SACT/E,MAAO5E,KAAK4E,MACZnD,sBAAuBA,EACvBE,qBAAsBA,EACtBjB,kBAAmBV,KAAKU,oBAG5BV,KAAK4J,WAAWiB,MAAK,KACjB7K,KAAKmD,UAAU2H,IAAI,WAEnBzC,EAAc,CACVC,UCjDkB,6BDkDlBC,KAAM,CAAEzE,UAAW9D,KAAK2J,UACxB7J,QAASE,MACZ,IAI0B6C,SAASsB,iBAAiB,6BAClCd,SAAQU,IACrBgH,MAAAA,EAAKlI,SAASX,cAAc,MAElC,IADA6I,EAAG5H,UAAU2H,IAAI,4BACV/G,EAAIiH,YACPD,EAAGtI,YAAYsB,EAAIiH,YAEvBjH,EAAIkH,WAAWC,aAAaH,EAAIhH,EAAG,GAE3C,CAEAoH,WAAAA,GACI9C,EAAc,CAAEC,UCnEU,+BF9BPC,CAAAA,IAChB6C,OAAAA,cAAgBlF,OAAOkF,eAAiB,GAC/C,MAAMC,EAAY,CACd5C,MAAO,cACP6C,cAAejC,EACfkC,YAAa,QACbC,UAAW,CAAC,eACTjD,GAEPrC,OAAOkF,cAAcxH,KAAKyH,GAC1BrC,EAAgB,cAAeqC,EAAS,EC0FpCI,CAAY,CAAEC,YAAa,CAAC,mBAChC,CAEA5B,MAAAA,GACI9J,KAAK4J,WAAWiB,MAAKc,GAAUA,EAAO7B,UAC1C,CAEAxC,QAAAA,GACItH,KAAK4J,WAAWiB,MAAKc,GAAUA,EAAOrE,YAC1C,CAEAsE,iBAAAA,CAAkBpH,GACd,IAAIqH,EAAO,GAGPrH,EAAEY,QACFZ,EAAEY,OAAOL,QAAQ,UACjBP,EAAEY,OAAOL,QAAQ,SAASC,aAAa,oBAEvC6G,EAAOrH,EAAEY,OAAOL,QAAQ,SAASC,aAAa,mBDpG/BuD,CAAAA,IAEnB8C,IAAAA,EADGD,OAAAA,cAAgBlF,OAAOkF,eAAiB,GAG3CC,OADmBS,IAAnBvD,EAAKwD,YAA8C,IAAnBxD,EAAKwD,UACzB,CACRtD,MAAO,cACP6C,cAAejC,EACf2C,cAAe,kBACfT,YAAa,QACbU,WAAY,GACZC,eAAgB,KACb3D,GAGK,CACR4D,gBA7CO,kBA8CJ5D,GAGXrC,OAAOkF,cAAcxH,KAAKyH,GAC1BrC,EAAgB,cAAeqC,EAAS,ECmFpCnC,CAAY,CAAEqC,YAAa,kBAAmBU,WAAYJ,GAC9D,CAEAO,oBAAAA,GACIlG,OAAOsB,oBAAoB,SAAUxH,KAAK+J,mBAC1C/J,KAAK4J,WAAWiB,MAAKc,GAAUA,EAAOlE,QAC1C,EAGJ4E,eAAeC,IAAI,mBAAqBD,eAAeE,OAAO,iBAAkBjD"}