{"version":3,"file":"index.es.min.js","sources":["../../../packages/helpers/src/utils.ts","../../../packages/helpers/src/gtmEvents.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/helpers/src/assets/js/viewportTracking.js","../../../packages/helpers/src/assets/js/zoneTracking.js","../../../packages/helpers/src/props.helpers.js","../../../packages/helpers/src/viewport.helpers.ts","../../../packages/helpers/src/visual.helpers.ts","../../../packages/components/src/card/card.js","../../../packages/components/src/card-lifestyle/card-lifestyle.js"],"sourcesContent":["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    for (let key in obj) {\n        if (obj[key] === null || obj[key] === undefined || obj[key] === '') {\n            delete obj[key]\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 { 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        eventData.ecommerce = {\n            promotion_id: id,\n            promotion_name: name,\n            creative_slot: position,\n            creative_name: creative\n        }\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        eventData.ecommerce = {\n            promotion_id: id,\n            promotion_name: name,\n            creative_slot: position,\n            creative_name: creative\n        }\n\n        removeEmptyValues(eventData.ecommerce)\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","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 { viewPromotion } from '@kissui/helpers/src/gtmEvents'\n\nexport default class {\n    constructor(node, data) {\n        this.observer = new IntersectionObserver(\n            IntersectionObserverEntry => this.onChange(IntersectionObserverEntry),\n            { threshold: [0], rootMargin: '0% 0%' }\n        )\n\n        this.el = node\n        this.data = data\n\n        if (!(this.el instanceof Element)) {\n            return\n        }\n\n        this.observer.observe(this.el)\n    }\n\n    /**\n     * Check if element are in the viewport\n     * @param {Array} observables\n     * @param {HTMLElement} observables.target\n     * @param {Boolean} observables.isIntersecting\n     */\n    onChange(observables) {\n        observables.forEach(observable => {\n            if (!observable.isIntersecting) {\n                return\n            }\n\n            this.track(observable)\n            this.observer.unobserve(observable.target)\n        })\n    }\n\n    track() {\n        // This line is needed to make the code compatible with Safari <=13\n        if ('requestIdleCallback' in window) {\n            window.requestIdleCallback(() => this.runTrack())\n        } else {\n            window.setTimeout(() => this.runTrack(), 1)\n        }\n    }\n\n    runTrack() {\n        if (!this.data['id'] || this.data['id'] === null || this.data['id'] === '') {\n            return\n        }\n        viewPromotion({ ...this.data })\n    }\n}\n","import Viewport from './viewportTracking'\nimport { viewPromotion } from '@kissui/helpers/src/gtmEvents'\nimport { isObjectEmpty, removeEmptyValues } from '@kissui/helpers/src/utils'\n\nexport default function (node, campaign) {\n    const tracking = new ZoneTracking(node, campaign)\n\n    return {\n        destroy: () => {\n            if (!tracking.getIom().hasIntersectionObserver()) {\n                tracking.destroy()\n            }\n        }\n    }\n}\n\nclass ZoneTracking extends Viewport {\n    constructor(node, data) {\n        super(node)\n        this.data = data\n    }\n\n    runTrack() {\n        const cleanedData = removeEmptyValues(this.data)\n        if (cleanedData && !isObjectEmpty(cleanedData)) {\n            viewPromotion({ ...cleanedData })\n        }\n    }\n}\n","const getData = attributes => attributes.find(attribute => attribute.nodeName === 'data')\n\nconst createProps = attributes => {\n    const data = getData([...attributes])\n    const props = [...attributes]\n        .filter(attribute => attribute.nodeName !== 'data')\n        .reduce((all, attr) => {\n            return { ...all, [attr.nodeName]: attr.nodeValue }\n        }, {})\n\n    if (isNil(data)) {\n        return props\n    }\n\n    try {\n        return { ...props, ...JSON.parse(data.nodeValue) }\n    } catch (error) {\n        console.log('ERROR: No data', error, data?.nodeValue)\n    }\n}\n\nconst isNil = obj => obj === undefined || obj === null\n\nexport const parseBool = value => (!value || value === 'false' ? false : true)\n\nexport default createProps\n","import { BREAKPOINT_M, BREAKPOINT_TABLET } from '@kissui/components'\n\nconst viewport = () => {\n    const lt = (ref: number) => {\n        return window.innerWidth < ref\n    }\n\n    return {\n        get is() {\n            const { innerWidth: vw, devicePixelRatio } = window\n            return {\n                mobile: vw < BREAKPOINT_M,\n                mobile_tablet: vw < BREAKPOINT_TABLET,\n                tablet: vw >= BREAKPOINT_M && vw < BREAKPOINT_TABLET,\n                desktop: vw >= BREAKPOINT_TABLET && devicePixelRatio <= 1,\n                retina: vw >= BREAKPOINT_TABLET && devicePixelRatio > 1\n            }\n        },\n        lt\n    }\n}\n\nconst helper = viewport()\n\nexport default helper\n","import viewportHelper from './viewport.helpers'\n\nconst devices = ['mobile', 'tablet', 'desktop', 'retina'] as const\ntype Device = typeof devices[number]\ntype Sources =  { [P in Device]?: string; }\n\nconst getDevice = (sources: Sources) => {\n    if (!Array.isArray(sources) && typeof sources !== 'object') {\n        return null\n    }\n\n    return devices.find(\n        device => viewportHelper.is[device] === true && device in sources && sources[device] !== ''\n    )\n}\n\nconst visual = () => {\n    const getResponsiveSrc = (src: Sources) => {\n        const device = getDevice(src)\n        return device ? src[device] : src['desktop']\n    }\n\n    return { getResponsiveSrc }\n}\n\nconst helper = visual()\n\nexport default helper\n","import zoneTracking from '@kissui/helpers/src/assets/js/zoneTracking'\nimport { stringifyForAttribute } from '@kissui/helpers/src/utils'\nimport createProps from '@kissui/helpers/src/props.helpers'\nimport visualHelper from '@kissui/helpers/src/visual.helpers'\nimport viewportHelper from '@kissui/helpers/src/viewport.helpers'\n\nclass Card extends HTMLElement {\n    constructor() {\n        super()\n        this.boundHandleClick = this.handleClick.bind(this)\n    }\n\n    connectedCallback() {\n        this.props = createProps(this.attributes)\n        this.render()\n        this.initTracking()\n    }\n\n    setContrast() {\n        const { contrast = 'light' } = this.props.layout\n        this.contrast = contrast\n        this.setAttribute('contrast', this.contrast)\n    }\n\n    createClasses() {\n        const viewport = Object.keys(viewportHelper.is)\n            .filter(k => viewportHelper.is[k])\n            .join(' ')\n\n        return ['nb-card', `nb-card--${this.contrast}`, `${viewport}`].join(' ')\n    }\n\n    createStyles() {\n        const { background } = this.props.layout\n        const responsiveSrc = background ? visualHelper.getResponsiveSrc(background) : ''\n\n        return background ? `style=\"background-image: url('${responsiveSrc}')\"` : ''\n    }\n\n    render() {\n        this.setContrast()\n        const content = viewportHelper.is.tablet ? this.renderTablet() : this.renderDefault()\n        const containerClasses = this.createClasses()\n        const containerStyles = this.createStyles()\n\n        this.innerHTML = `<div class=\"${containerClasses}\" ${containerStyles}>\n                            ${content}\n                         </div>`\n\n        this.applyClassHelpers()\n        this.cta = this.querySelector('.nb-card__cta')\n        this.bindEvents()\n    }\n\n    applyClassHelpers() {}\n\n    renderDefault() {\n        return `${this.renderHeading()}\n                ${this.renderText()}\n                ${this.renderVisual()}\n                ${this.renderActions()}\n                ${this.renderPopin()}\n               `\n    }\n\n    renderTablet() {\n        return `${this.renderVisual()}\n                <div class=\"nb-card__tabletRightCol\">\n                    ${this.renderHeading()}\n                    ${this.renderText()}\n                    ${this.renderActions()}\n                    ${this.renderPopin()}\n                </div>`\n    }\n\n    renderHeading() {\n        const { heading = '' } = this.props.copywriting\n        return heading && `<h2 class=\"nb-card__heading\">${heading}</h2>`\n    }\n\n    renderText() {\n        const { text = '' } = this.props.copywriting\n        return text && `<p  class=\"nb-card__body\">${text}</p>`\n    }\n\n    renderVisual() {\n        const { src = '', alt = '' } = this.props.copywriting.visual\n        // Warning! here we never did 2 image src fields in PB to manage a different tablet 1:1 image crop (for card-lifestyle)\n        // (It was not possible as it shares its code with card-immersive...)\n        // So to display the appropriate image quality we need to use force_width=560 (the original 19/6 image width) to load a bigger image in tablet\n        // This bigger image will be displayed in a 1:1 layout, but sides cropped by css cover properties of img component\n        return (\n            src &&\n            `<nb-img class=\"nb-card__visual\"\n                file=\"${src}\"\n                description=\"${alt}\"\n                aspect_ratio=\"${viewportHelper.is.tablet ? '1/1' : '16/9'}\"\n                force_width=\"${viewportHelper.is.tablet ? '560' : ''}\"\n            ></nb-img>`\n        )\n    }\n\n    renderActions() {\n        const { cta = {} } = this.props.copywriting\n        const { label = '' } = cta\n        const { copywriting: { popin = {} } = {} } = this.props\n        const { text = '' } = popin\n\n        if (label === '' && !text) {\n            return ''\n        }\n\n        return `<div class='nb-card__actions'>\n                    ${this.renderCta()}\n                    ${this.renderLink()}\n                </div>`\n    }\n\n    renderCta() {\n        const { cta = {} } = this.props.copywriting\n        const { label = '' } = cta\n        const instanceIndex = !isNaN(this.props.instanceIndex)\n            ? this.props.instanceIndex.toString()\n            : ''\n\n        if (label === '') {\n            return ''\n        }\n\n        const { campaign } = this.props\n        if (campaign) {\n            const { id, name, creative, position } = campaign\n            cta.campaign_id = id\n            cta.campaign_name = name\n            cta.campaign_creative = creative\n            cta.campaign_position = position\n            cta.campaign_instance_index = instanceIndex\n        }\n\n        const data = stringifyForAttribute(cta)\n\n        return `<nb-cta class=\"nb-card__cta\" data=\"${data}\">${label}</nb-cta>`\n    }\n\n    renderLink() {\n        const { copywriting: { popin = {} } = {}, campaign } = this.props\n        const { id = '', text = '' } = popin\n        const instanceIndex = !isNaN(this.props.instanceIndex)\n            ? this.props.instanceIndex.toString()\n            : ''\n\n        if (!text) {\n            return ''\n        }\n        let linkCampaignData = {}\n        if (campaign) {\n            const { id, name, creative, position } = campaign\n            linkCampaignData.campaign_id = id\n            linkCampaignData.campaign_name = name\n            linkCampaignData.campaign_creative = creative\n            linkCampaignData.campaign_position = position\n            linkCampaignData.campaign_instance_index = instanceIndex\n        }\n\n        const data = stringifyForAttribute(linkCampaignData)\n\n        return `\n            <nb-link\n                size=\"xsmall\"\n                color=\"${this.contrast === 'light' ? 'black' : 'white'}\"\n                popin_id=\"${id}\"\n                class=\"nb-card__link\"\n                data=\"${data}\"\n            >${text}</nb-link>\n        `\n    }\n\n    generateList(list) {\n        if (!Array.isArray(list) || list.length === 0) {\n            return ''\n        }\n\n        const items = list\n            .map(item => `<li><nb-icon icon=\"16/symbol/check\"></nb-icon>${item.text}</li>`)\n            .join('')\n        return `<ul class=\"nb-card__popin-list\">${items}</ul>`\n    }\n\n    renderPopin(schema_popin_id) {\n        const { copywriting = {} } = this.props\n        const popin = copywriting[schema_popin_id] || copywriting.popin\n        const {\n            id = '',\n            image = '',\n            heading = '',\n            subheading = '',\n            description = '',\n            list = '',\n            image_alt = '',\n            close = ''\n        } = popin || {}\n\n        return (\n            id &&\n            `<nb-popin\n                id=\"${id}\"\n                heading=\"${heading}\"\n                subheading=\"${subheading}\"\n                variation=\"next\"\n                bgcolor=\"highlight\"\n                label_close=\"${close}\"\n            >\n                ${\n                    image &&\n                    `<div class=\"popin-header-img\"><img\n                        loading=\"lazy\"\n                        src=\"${image}\"\n                        alt=\"${image_alt}\"\n                        title=\"${image_alt}\"\n                        width=\"300\"\n                        height=\"225\"\n                    /></div>\n                `\n                }\n                ${description}\n                ${list ? this.generateList(list) : ''}\n            </nb-popin>`\n        )\n    }\n\n    initTracking() {\n        const { campaign } = this.props\n        if (!campaign) {\n            return\n        }\n\n        const { id, name, creative, position } = campaign\n\n        zoneTracking(this, { id, name, position, creative })\n    }\n\n    handleClick() {\n        this.querySelector('.nb-card__cta > *').click()\n    }\n\n    bindEvents() {\n        this.unbindEvents()\n        if (this.cta) {\n            const overlay = document.createElement('div')\n            overlay.classList.add('nb-card__overlay')\n            const actionsNode = this.querySelector('.nb-card__actions')\n            const parentActionsNode = actionsNode.parentNode\n            parentActionsNode.insertBefore(overlay, actionsNode)\n            overlay.addEventListener('click', this.boundHandleClick)\n        }\n    }\n\n    unbindEvents() {\n        if (this.cta) {\n            this.removeEventListener('click', this.boundHandleClick)\n        }\n    }\n\n    disconnectedCallback() {\n        this.unbindEvents()\n    }\n}\n\ncustomElements.get('nb-card') || customElements.define('nb-card', Card)\n\nexport default Card\n","import Card from '@kissui/components/src/card'\nimport viewportHelper from '@kissui/helpers/src/viewport.helpers'\nimport { stringifyForAttribute } from '@kissui/helpers/src/utils'\n\nclass CardLifestyle extends Card {\n    constructor() {\n        super()\n        this.classList.add('nb-card-lifestyle')\n    }\n\n    setContrast() {\n        const { background_color } = this.props.layout\n        let contrast = 'light'\n        if (background_color === 'festive-blue' || background_color === 'festive-red') {\n            contrast = 'dark'\n        }\n        this.contrast = contrast\n        this.setAttribute('contrast', this.contrast)\n    }\n\n    renderDefault() {\n        const { cta = {} } = this.props.copywriting\n        this.applyLayoutSettings()\n\n        return `<div class=\"nb-card-lifestyle--content\">\n                    ${this.renderHeading()}\n                    ${this.renderText()}\n                    ${this.renderActions()}\n                    ${this.renderPopin()}\n                    ${cta.show_popin ? this.renderPopin('popin_cta') : ''}\n                </div>\n                ${this.renderVisual()}`\n    }\n\n    renderTablet() {\n        const { cta = {} } = this.props.copywriting\n\n        this.applyLayoutSettings()\n\n        return `${this.renderVisual()}\n                <div class=\"nb-card__tabletRightCol nb-card-lifestyle--content\">\n                    ${this.renderHeading()}\n                    ${this.renderText()}\n                    ${this.renderActions()}\n                    ${this.renderPopin()}\n                    ${cta.show_popin ? this.renderPopin('popin_cta') : ''}\n                </div>`\n    }\n\n    renderCta() {\n        const { cta = {}, popin_cta = {} } = this.props.copywriting\n        const { label = '' } = cta\n        const { id = '' } = popin_cta\n        const instanceIndex = !isNaN(this.props.instanceIndex)\n            ? this.props.instanceIndex.toString()\n            : ''\n\n        if (label === '') {\n            return ''\n        }\n\n        const { campaign } = this.props\n        if (campaign) {\n            const { id, name, creative, position } = campaign\n            cta.campaign_id = id\n            cta.campaign_name = name\n            cta.campaign_creative = creative\n            cta.campaign_position = position\n            cta.campaign_instance_index = instanceIndex\n        }\n\n        const data = stringifyForAttribute(cta)\n\n        return `<nb-cta ${\n            cta.show_popin ? `popin_id=\"${id}\"` : ''\n        } class=\"nb-card__cta\" data=\"${data}\">${label}</nb-cta>`\n    }\n\n    applyClassHelpers() {\n        const heading = this.querySelector('.nb-card__heading')\n        const body = this.querySelector('.nb-card__body')\n        const dataAttribute = this.getAttribute('data')\n        const data = JSON.parse(dataAttribute)\n        const totalCards = parseInt(data.totalCards)\n        let headingClassName\n\n        if ((viewportHelper.is.desktop || viewportHelper.is.retina) && totalCards <= 2) {\n            headingClassName = 'h-2xl-300'\n        } else {\n            headingClassName = 'h-xl-300'\n        }\n\n        if (heading) {\n            this.querySelector('.nb-card__heading').classList.add(headingClassName)\n        }\n\n        if (body) {\n            this.querySelector('.nb-card__body').classList.add('t-sm-400')\n        }\n    }\n\n    applyLayoutSettings() {\n        const { background_color = '', image_position } = this.props.layout\n        if (background_color !== '') {\n            this.classList.add(`nb-card-lifestyle--${background_color}`)\n        }\n\n        if (image_position === 'reverse') {\n            this.classList.add('nb-card-lifestyle-reverse')\n        }\n    }\n}\n\ncustomElements.get('nb-card-lifestyle') || customElements.define('nb-card-lifestyle', CardLifestyle)\n\nexport default CardLifestyle\n"],"names":["stringifyForAttribute","data","escapeHtml","JSON","stringify","text","map","replace","m","DOMParser","isObjectEmpty","viewPromotion","args","event","eventData","event_raised_by","ecommerce","Object","keys","length","id","creative","name","position","promotion_id","promotion_name","creative_slot","creative_name","window","gtmDataObject","push","emitCustomEvent","eventName","customEvent","CustomEvent","detail","bubbles","cancelable","composed","dispatchEvent","Viewport","constructor","node","this","observer","IntersectionObserver","IntersectionObserverEntry","onChange","threshold","rootMargin","el","Element","observe","observables","forEach","observable","isIntersecting","track","unobserve","target","requestIdleCallback","runTrack","setTimeout","ZoneTracking","cleanedData","obj","key","undefined","removeEmptyValues","isNil","helper","is","innerWidth","vw","devicePixelRatio","mobile","BREAKPOINT_M","mobile_tablet","BREAKPOINT_TABLET","tablet","desktop","retina","lt","ref","devices","getResponsiveSrc","src","device","sources","Array","isArray","find","viewportHelper","getDevice","Card","HTMLElement","super","boundHandleClick","handleClick","bind","connectedCallback","props","attributes","attribute","nodeName","getData","filter","reduce","all","attr","nodeValue","parse","error","console","log","createProps","render","initTracking","setContrast","contrast","layout","setAttribute","createClasses","viewport","k","join","createStyles","background","responsiveSrc","visualHelper","content","renderTablet","renderDefault","containerClasses","containerStyles","innerHTML","applyClassHelpers","cta","querySelector","bindEvents","renderHeading","renderText","renderVisual","renderActions","renderPopin","heading","copywriting","alt","visual","label","popin","renderCta","renderLink","instanceIndex","isNaN","toString","campaign","campaign_id","campaign_name","campaign_creative","campaign_position","campaign_instance_index","linkCampaignData","generateList","list","item","schema_popin_id","image","subheading","description","image_alt","close","tracking","zoneTracking","click","unbindEvents","overlay","document","createElement","classList","add","actionsNode","parentNode","insertBefore","addEventListener","removeEventListener","disconnectedCallback","customElements","get","define","CardLifestyle","background_color","applyLayoutSettings","show_popin","popin_cta","body","dataAttribute","getAttribute","totalCards","parseInt","headingClassName","image_position"],"mappings":"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"}