{"version":3,"file":"default/js/cardComponent.js","mappings":"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","sources":["webpack://vodafoneziggo/webpack/runtime/chunk loaded","webpack://vodafoneziggo/./cartridges/app_vodafone_ziggo/cartridge/client/default/js/util/constants.js","webpack://vodafoneziggo/./cartridges/app_vodafone_ziggo/cartridge/client/default/js/util/util.js","webpack://vodafoneziggo/./cartridges/app_vodafone_ziggo/cartridge/client/default/js/cardComponent.js","webpack://vodafoneziggo/webpack/bootstrap","webpack://vodafoneziggo/webpack/runtime/define property getters","webpack://vodafoneziggo/webpack/runtime/global","webpack://vodafoneziggo/webpack/runtime/hasOwnProperty shorthand","webpack://vodafoneziggo/webpack/runtime/runtimeId","webpack://vodafoneziggo/webpack/runtime/jsonp chunk loading","webpack://vodafoneziggo/webpack/startup"],"sourcesContent":["var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar [chunkIds, fn, priority] = deferred[i];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","'use strict';\n\nconst computedStyles = getComputedStyle(document.documentElement);\n\n/**\n * @constant {Object} events - All common events\n * @property {string} blur - Blur event\n * @property {string} change - Change event\n * @property {string} click - Click event\n * @property {string} keyUp - Keyup event\n * @property {string} load - Load event\n * @property {string} mousedown - Mouse down event\n * @property {string} mouseleave - Mouse leave event\n * @property {string} mouseover - Mouse over event\n * @property {string} popstate - Popstate event\n * @property {string} resize - Resize event\n * @property {string} scroll - Scroll event\n * @property {string} submit - Submit event\n * @property {string} update - Custom update event\n */\nconst events = {\n    blur: 'blur',\n    change: 'change',\n    click: 'click',\n    input: 'input',\n    keyUp: 'keyup',\n    load: 'load',\n    mousedown: 'mousedown',\n    mouseleave: 'mouseleave',\n    mouseover: 'mouseover',\n    paste: 'paste',\n    popstate: 'popstate',\n    resize: 'resize',\n    responseError: 'responseError',\n    scroll: 'scroll',\n    submit: 'submit',\n    transitionEnd: 'transitionend',\n    update: 'update',\n    invalid: 'invalid'\n};\n\n/**\n * @constant {Object} selectors - Common selectors\n * @property {string} body - body\n * @property {Object} form - form related selectors\n * @property {string} checkbox - checkbox\n * @property {string} form - form\n * @property {string} input - input\n * @property {string} inputFieldClear - .js-input-clear\n * @property {string} inputFieldFeedback - .js-invalid-feedback\n * @property {string} label - label\n * @property {string} radio - radio\n * @property {string} select - select\n * @property {string} submit - [type=\"submit\"]\n * @property {string} textarea - textarea\n * @property {string} html - html\n * @property {string} htmlBody - html, body\n * @property {string} img - img\n * @property {string} input - input\n */\nconst selectors = {\n    body: 'body',\n    form: {\n        checkbox: 'input[type=\"checkbox\"]',\n        file: 'input[type=\"file\"]',\n        form: 'form',\n        input: 'input',\n        inputFieldClear: '.js-input-clear',\n        inputFieldFeedback: '.js-invalid-feedback',\n        label: 'label',\n        radio: 'input[type=\"radio\"]',\n        select: 'select',\n        submit: '[type=\"submit\"]',\n        textarea: 'textarea'\n    },\n    html: 'html',\n    htmlBody: 'html, body',\n    img: 'img',\n    input: 'input',\n    interactiveElements: 'input, button, select, textarea, a[href]'\n};\n\n/**\n * @constant {Object} classes - Common classes\n * @property {string} active - active\n * @property {Object} buttons - buttons\n * @property {string} next - next\n * @property {string} previous - previous\n * @property {string} warning - warning\n * @property {string} dBlock - d-block\n * @property {string} dFlex - d-flex\n * @property {string} dInlineBlock - d-inline-block\n * @property {string} dNone - d-none\n * @property {string} disabled - disabled\n * @property {string} empty - empty\n * @property {string} inactive - inactive\n * @property {string} invalid - invalid\n * @property {string} hidden - hidden\n * @property {string} last - last\n * @property {string} show - show\n * @property {string} valid - valid\n */\nconst classes = {\n    active: 'active',\n    buttons: {\n        next: 'js-button-next',\n        previous: 'js-button-previous',\n        warning: 'js-button-warning'\n    },\n    dBlock: 'd-block',\n    dFlex: 'd-flex',\n    dInlineBlock: 'd-inline-block',\n    dNone: 'd-none',\n    disabled: 'disabled',\n    empty: 'empty',\n    inactive: 'inactive',\n    invalid: 'invalid',\n    hidden: 'hidden',\n    last: 'last',\n    show: 'show',\n    valid: 'valid'\n};\n\n/**\n * @constant {Object} attributes - Common attributes\n * @property {string} action - action\n * @property {string} class - class\n * @property {string} csrfToken - data-csrf-token\n * @property {string} csrfName - data-csrf-name\n * @property {string} disabled - disabled\n * @property {string} exclude - data-exclude\n * @property {string} href - href\n * @property {string} id - id\n * @property {string} pattern - pattern\n * @property {string} url - url\n * @property {string} readonly - readonly\n * @property {string} target - data-bs-target\n * @property {string} value - value\n * @property {Object} validation - Validation related attributes\n * @property {string} patternMismatch - data-pattern-mismatch\n * @property {string} valueMissing - data-missing-error\n */\nconst attributes = {\n    action: 'action',\n    class: 'class',\n    checked: 'checked',\n    csrfToken: 'data-csrf-token',\n    csrfName: 'data-csrf-name',\n    disabled: 'disabled',\n    exclude: 'data-exclude',\n    href: 'href',\n    id: 'id',\n    pattern: 'pattern',\n    placeholder: 'placeholder',\n    required: 'required',\n    readonly: 'readonly',\n    selected: 'selected',\n    target: 'data-bs-target',\n    url: 'url',\n    value: 'value',\n    validation: {\n        patternMismatch: 'data-pattern-mismatch',\n        valueMissing: 'data-missing-error',\n        tooShort: 'data-too-short'\n    }\n};\n\n/**\n * @constant {Object} breakpoints - Common reusable breakpoints\n * @property {string} xxs - 0\n * @property {string} xs - 368\n * @property {string} sm - 576\n * @property {string} md - 768\n * @property {string} lg - 992\n * @property {string} xl - 1200\n * @property {string} xxl - 1400\n */\n\nconst breakpoints = {\n    xxs: parseInt(computedStyles.getPropertyValue('--breakpoint-xxs'), 10),\n    xs: parseInt(computedStyles.getPropertyValue('--breakpoint-xs'), 10),\n    sm: parseInt(computedStyles.getPropertyValue('--breakpoint-sm'), 10),\n    md: parseInt(computedStyles.getPropertyValue('--breakpoint-md'), 10),\n    lg: parseInt(computedStyles.getPropertyValue('--breakpoint-lg'), 10),\n    xl: parseInt(computedStyles.getPropertyValue('--breakpoint-xl'), 10),\n    xxl: parseInt(computedStyles.getPropertyValue('--breakpoint-xxl'), 10)\n};\n\n/**\n * @constant {Object} localStorage - constants for local storage items\n * @property {string} preferredLayoutId - preferredLayoutId\n */\nconst localStorage = {\n    preferredLayoutId: 'preferredLayoutId'\n};\n\n/**\n * @constant {Object} bscanSteps - constants for Business Scan  Steps\n * @property {string} ADVICE - The advice Step\n * @property {string} INTRO - The intro Step\n * @property {string} GROUPED_QUESTIONS - The grouped questions Step\n * @property {string} THANKYOU - The thank you Step\n */\nconst bscanSteps = {\n    INTRO: 'intro',\n    STATEMENTS_DONE: 'bs-statements-done',\n    GROUPED_QUESTIONS: 'js-bscan-question-group',\n    ADVICE: 'bs-advice',\n    THANKYOU: 'bs-thank-you'\n};\n\n/**\n * @constant {Object} vzLayoutToggle - Attributes used for VZLayoutToggle\n * @property {string} class - data-layout-class\n * @property {string} container - data-layout-container\n * @property {string} enabledBreakpoint - data-layout-enabled-breakpoint\n * @property {string} id - data-layout-id\n * @property {string} idDefault - data-layout-id-default\n * @property {string} localStorageKey - data-layout-key\n */\nconst vzLayoutToggle = {\n    class: 'data-layout-class',\n    container: 'data-layout-container',\n    enabledBreakpoint: 'data-layout-enabled-breakpoint',\n    id: 'data-layout-id',\n    idDefault: 'data-layout-id-default',\n    localStorageKey: 'data-layout-key'\n};\n\nexport default {\n    bscanSteps,\n    attributes,\n    breakpoints,\n    classes,\n    events,\n    selectors,\n    localStorage,\n    vzLayoutToggle\n};\n","'use strict';\n\nimport CONST from './constants';\n\n/**\n * addEvent - Will add an event listener to an element inside a parent\n *\n * @param {string} parent - The parent element\n * @param {string} passedEvent - The event\n * @param {string} selector - The targeted element\n * @param {function} handler - The handler\n */\nfunction addEvent(parent, passedEvent, selector, handler) {\n    parent.addEventListener(\n        passedEvent,\n        function fnAddEvent(event) {\n            // If the clicked element matches the selector, or is a child of the selector\n            if (event.target.matches(`${selector} , ${selector} *`)) {\n                handler.apply(event.target.closest(selector), arguments);\n            }\n        },\n        false\n    );\n}\n\n/**\n * @public documentReady\n * @param {Function} fn - function to be called after document is done loading.\n */\nfunction documentReady(fn) {\n    if (document.readyState !== 'loading') {\n        fn();\n    } else {\n        document.addEventListener('DOMContentLoaded', fn);\n    }\n}\n\n/**\n * @public exists\n * @param {*} selection - The element or nodelist to verify for existence\n * @returns {boolean} - Boolean value stating the existance of the selection\n * @description\n * Verifies existance of a certain element by checking for type, null and length\n * Usage: use with either querySelector() or querySelectorAll()\n * querySelector will not have a 'length', e.g. this would return true if other conditions are true\n * querySelectorAll will have a 'length', e.g. this would return true if all conditions are true\n */\nfunction exists(selection) {\n    return typeof selection !== 'undefined' && selection !== null && ('length' in selection ? selection.length > 0 : true);\n}\n\n/**\n * @public getPosition\n * @param {*} element - The element to get the position for\n * @returns {Object} - An object containing the left and top position of the element\n *\n * @description\n * Will get the position of an element relative to the document\n */\nfunction getPosition(element) {\n    let top = element.offsetTop;\n    let left = element.offsetLeft;\n\n    let currentElement = element;\n    while (currentElement.offsetParent && currentElement.offsetParent !== window) {\n        currentElement = currentElement.offsetParent;\n        top += currentElement.offsetTop;\n        left += currentElement.offsetLeft;\n    }\n\n    return { left, top };\n}\n\n/**\n * isKeyInObject\n * @param {Object} object - The object\n * @param {string} key - The key\n * @returns {boolean} - True or false\n */\nfunction isKeyInObject(object, key) {\n    return Object.prototype.hasOwnProperty.call(object, key);\n}\n\n/**\n * @private isAemMobileView\n * @returns {boolean} - Whether the user is on a \"mobile\" viewport or not based on AEM rules\n *\n * @description\n * Checks to see whether the user is on a \"mobile\" viewport or not based on AEM rules\n * Please note that www.vodafone.nl/zakelijk will show the mobile menu from viewports 1023 and smaller\n */\nfunction isAemMobileView() {\n    return window.innerWidth < 1024;\n}\n\n/**\n * @memberof util\n * @param {string} breakpointKey from constants that should match css breakpoint\n * @param {boolean} [isUp] by default is true since mobile first, reverses condition\n * @return {boolean} whether window is larger than specified breakpoint\n */\nfunction isMediaBreakpoint(breakpointKey, isUp = true) {\n    if (!isKeyInObject(CONST.breakpoints, breakpointKey)) {\n        console.error(`fn isMediaBreakpoint: ${breakpointKey} -- does not exist in constants breakpoints object`); // eslint-disable-line\n    }\n\n    const outerWidth = window.innerWidth;\n    const breakpointValue = parseInt(CONST.breakpoints[breakpointKey], 10);\n\n    return isUp ? outerWidth > breakpointValue : outerWidth < breakpointValue - 1;\n}\n\n/**\n * @memberof util\n * @return {Object} An object containing the name and value of the current breakpoint\n */\nfunction getCurrentBreakpoint() {\n    const breakpoints = CONST.breakpoints;\n    const screenSize = document.documentElement.clientWidth;\n    const currentBreakpoint = [...Object.keys(breakpoints)].reverse().find((key) => screenSize > breakpoints[key]);\n\n    return {\n        name: currentBreakpoint,\n        value: breakpoints[currentBreakpoint]\n    };\n}\n\n/**\n * @memberof util\n * @return {number} a unique number\n */\nfunction generateUniqueNumber() {\n    return performance.now().toString().replace('.', 0);\n}\n\n/**\n * @public empty\n * @param {*} element - The element to remove child nodes from\n * @description\n * Empties a given element completely while the given element has child nodes.\n * Plain strings are also considered child nodes and are thus also removed.\n */\nfunction removeChildNodes(element) {\n    while (element.hasChildNodes()) {\n        element.removeChild(element.lastChild);\n    }\n}\n\n/**\n * @public tryParseJSON\n * @param {string} string - The possible JON string\n * @returns {Object} - Either the JSON object or an empty object for consistent return\n * @description\n * Copied from https://stackoverflow.com/a/20392392\n */\nfunction tryParseJSON(string) {\n    try {\n        const o = JSON.parse(string);\n\n        // Handle non-exception-throwing cases:\n        // Neither JSON.parse(false) or JSON.parse(1234) throw errors, hence the type-checking,\n        // but... JSON.parse(null) returns null, and typeof null === \"object\",\n        // so we must check for that, too. Thankfully, null is falsey, so this suffices:\n        if (o && typeof o === 'object') {\n            return o;\n        }\n    } catch (e) {} // eslint-disable-line no-empty\n\n    return {};\n}\n\n/**\n * @function isIOS\n * @public\n * @description returns a boolean to determine whether a device's OS is IOS or not\n * @returns {boolean} whether the device OS is IOS or not\n */\nfunction isIOS() {\n    return (/iPad|iPhone|iPod/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) && !window.MSStream;\n}\n\n/**\n * @function isMobile\n * @returns {boolean} whether the device is an mobile device or not\n */\nfunction isMobile() {\n    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n}\n\n/**\n * @public scrollTo\n * @param {Object} data - The optional object containing the top & left positions to scroll to\n */\nfunction scrollTo(data) {\n    const position = data || {\n        top: 0,\n        left: 0\n    };\n\n    const stickyHeader = document.querySelector('.page-header');\n    const headerHeight = stickyHeader ? stickyHeader.offsetHeight : 0;\n    const supportsNativeSmoothScroll = 'scrollBehavior' in document.documentElement.style;\n    let positionTop = position.top;\n\n    if (headerHeight > 0) {\n        positionTop = position.top - headerHeight - 15; // Removing an additional 15px to put some space between the sticky site header and the element\n    }\n\n    if (supportsNativeSmoothScroll) {\n        document.documentElement.scrollTo({\n            top: positionTop,\n            left: position.left,\n            behavior: 'smooth'\n        });\n    } else {\n        document.documentElement.scrollTop = positionTop;\n    }\n}\n\n/**\n * @function toggleButtonState\n * @description Enables or disabled the button passed in based on the value of the second parameter.\n * @param {HTMLElement} button - A button element to be enabled or disabled.\n * @param {boolean} enable - True for enable and false for disable.\n */\nfunction toggleButtonState(button, enable) {\n    if (enable) {\n        button.classList.remove('disabled');\n        button.removeAttribute('disabled');\n    } else {\n        button.classList.add('disabled');\n        button.setAttribute('disabled', 'disabled');\n    }\n}\n\n/**\n * @function removeAccentCharacters\n * @description Removes a accents from a string.\n * @param {string} string - The string from which we want to remove accents.\n * @returns {string} The string without accents.\n */\nfunction removeAccentCharacters(string) {\n    return string.normalize('NFD').replace(/\\p{Diacritic}/gu, '');\n}\n\n/**\n * @function chunkArrayInGroups\n * @param {Array} arr - Array to be splitted\n * @param {number} size - Max size of the array chunk\n * @return {Array} - Array of grouped chunks\n * @description Splitting an array up into chunks of a given size\n */\nfunction chunkArrayInGroups(arr, size) {\n    var groupedChunks = [];\n    for (let i = 0; i < arr.length; i += size) {\n        groupedChunks.push(arr.slice(i, i + size));\n    }\n    return groupedChunks;\n}\n\n/**\n * @function chunkGroupArrayInGroups\n * @param {Array} groupArr - Array to be splitted\n * @return {Array} - Array of grouped chunks\n * @description Splitting an array up into chunks of a given size\n */\nfunction chunkGroupArrayInGroups(groupArr) {\n    // This one sorts and groups the alike product groups together\n    // We need to send the requests to backend in a specific order, so we make it grouped\n    const chunkGroups = [];\n    Object.keys(groupArr).forEach((groupKey) => {\n        const arr = groupArr[groupKey];\n        const groupedChunks = [];\n        // Sorts the product objects based on pids\n        arr.sort((a, b) => {\n            return a.pid >= b.pid ? 1 : -1;\n        });\n        for (let i = 0; i < arr.length; i += Math.round(arr.length / 3)) {\n            groupedChunks.push(arr.slice(i, i + Math.round(arr.length / 3)));\n        }\n        // This makes sure that we have a separate business mobile group to send to backend\n        groupedChunks.forEach((chunk, chunkIndex) => {\n            Object.keys(chunk).forEach((key, index) => {\n                const item = chunk[key];\n                if (item?.pdpConfiguratorType === 'business-mobile') {\n                    chunk.splice(index, 1);\n                    if (chunk.length < 1) groupedChunks.splice(chunkIndex, 1);\n                    groupedChunks.push(item);\n                }\n            });\n        });\n        chunkGroups.push(groupedChunks);\n    });\n    return chunkGroups;\n}\n\n/**\n * @function trackPdpEccomerceEvent\n * @param {string} productType - Configurator type\n * @param {Object} step - Step to track\n * @description Builds and submits ecommerce event to track btn clicks on PDP\n */\nfunction trackPdpEccomerceEvent(productType, step) {\n    const products = {\n        brand: 'vodafone',\n        category: `business-sme/acquisition/postpaid/${productType.replace(/\\s|business-/gi, '')}`,\n        market: 'b2b'\n    };\n\n    const ecommerceObject = {\n        event: 'checkout',\n        events: {\n            category: 'ecommerce',\n            action: 'checkout'\n        },\n        ecommerce: {\n            checkout: {\n                action: 'checkout',\n                has_vodafone: true,\n                has_ziggo: true,\n                products: products,\n                step_name: step.name,\n                step_nr: step.number\n            }\n        }\n    };\n\n    /* eslint-disable no-underscore-dangle */\n    if (ecommerceObject && window._ddm) {\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push(ecommerceObject);\n        window._ddm.trigger('ecommerce.checkout', {\n            data: ecommerceObject.ecommerce.checkout\n        });\n    }\n    /* eslint-enable no-underscore-dangle */\n}\n\n/**\n * @function assignStyling\n * @private\n * @param {Element} el - Element\n * @param {Object} styles - Styles\n * @description Assign a style object to an element\n */\nfunction assignStyling(el, styles) {\n    Object.assign(el.style, styles);\n}\n\n/**\n * Calculate the total width of a collection of elements.\n *\n * @param {NodeListOf<HTMLElement>} elements - A collection of HTML elements.\n * @param {number} spacing - flex gap value in px.\n * @returns {number} The total width of all elements.\n */\nfunction getTotalWidth(elements, spacing = 0) {\n    return Array.from(elements).reduce((totalWidth, element) => {\n        const elementStyles = window.getComputedStyle(element);\n        const elementWidth = element.offsetWidth + parseFloat(elementStyles.marginLeft) + parseFloat(elementStyles.marginRight);\n        return totalWidth + elementWidth;\n    }, spacing);\n}\n\n/**\n * Checks if a flex container is wrapped by comparing the total width of its flex items\n * with the container's width.\n *\n * @param {HTMLElement} flexContainer - The HTML element representing the flex container.\n * @param {NodeListOf<HTMLElement>} flexItems - A collection of HTML elements representing the flex items.\n * @param {number} spacing - flex gap value in px.\n * @returns {boolean} True if the flex container is wrapped, false if all items fit in a single row.\n */\nfunction isFlexContainerWrapped(flexContainer, flexItems, spacing) {\n    const containerWidth = flexContainer.clientWidth;\n    const itemsTotalWidth = getTotalWidth(flexItems, spacing);\n    // Check if the items are wrapped by comparing their total width with the container width.\n    const isWrapped = itemsTotalWidth > containerWidth;\n    return isWrapped;\n}\n\n/**\n * @function loadCSS\n * @param {string} url - The URL of the CSS file to load.\n * @description Creates a link element and appends it to the document head to load a CSS file.\n */\nfunction loadCSS(url) {\n    if (!url || document.querySelector(`link[href=\"${url}\"]`)) {\n        return;\n    }\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    link.href = url;\n    document.head.appendChild(link);\n}\n\n/**\n * The function formats input to money string\n *\n * @param {number} num Source number\n * @returns {string} Formatted string € 1.111,11\n */\nfunction formatToPriceString(num) {\n    const parts = Number.parseFloat(num, 10).toFixed(2).toString().split('.');\n    parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.');\n    if (parts[1] === '00') {\n        return `€ ${parts[0]},00`;\n    }\n    return `€ ${parts.join(',')}`;\n}\n\n/**\n * Checks if two arrays of objects are equal by comparing their elements.\n *\n * @param {Array} arr1 - The first array to compare.\n * @param {Array} arr2 - The second array to compare.\n * @returns {boolean} True if the arrays are equal, false otherwise.\n */\nfunction arraysAreEqual(arr1, arr2) {\n    if (arr1.length !== arr2.length) {\n        return false;\n    }\n\n    return (\n        !arr1.some((obj1) => !arr2.some((obj2) => JSON.stringify(obj1) === JSON.stringify(obj2))) &&\n        !arr2.some((obj2) => !arr1.some((obj1) => JSON.stringify(obj1) === JSON.stringify(obj2)))\n    );\n}\n\nexport {\n    CONST,\n    addEvent,\n    documentReady,\n    exists,\n    generateUniqueNumber,\n    getCurrentBreakpoint,\n    getPosition,\n    isIOS,\n    isMobile,\n    isKeyInObject,\n    isAemMobileView,\n    isMediaBreakpoint,\n    removeChildNodes,\n    scrollTo,\n    tryParseJSON,\n    toggleButtonState,\n    removeAccentCharacters,\n    chunkArrayInGroups,\n    chunkGroupArrayInGroups,\n    trackPdpEccomerceEvent,\n    assignStyling,\n    isFlexContainerWrapped,\n    getTotalWidth,\n    loadCSS,\n    formatToPriceString,\n    arraysAreEqual\n};\n","'use strict';\n\nimport { documentReady, isFlexContainerWrapped } from 'Util/util';\nimport * as debounce from 'lodash/debounce';\n\n/**\n * Adjusts the alignment of CTA elements within card components\n * to ensure proper layout when the CTAs are wrapped in multiple lines.\n */\nfunction adjustCtaAlignment() {\n    const cardComponents = document.querySelectorAll('.experience-commerce_assets-card');\n    Array.from(cardComponents).forEach((component) => {\n        const ctaWrapper = component.querySelector('.js-cta-wrapper');\n        const ctaCollection = ctaWrapper && ctaWrapper.querySelectorAll('.js-card-cta:not(.btn-full-width-card)');\n        if (ctaCollection && ctaCollection.length > 0) {\n            Array.from(ctaCollection).forEach((cta) => {\n                cta.classList.remove('btn-wrapped');\n                cta.querySelector('a')?.classList.remove('btn-wrapped');\n            });\n            if (isFlexContainerWrapped(ctaWrapper, ctaCollection, 18)) {\n                Array.from(ctaCollection).forEach((cta) => {\n                    cta.classList.add('btn-wrapped');\n                    cta.querySelector('a')?.classList.add('btn-wrapped');\n                });\n            }\n        }\n    });\n}\n\ndocumentReady(adjustCtaAlignment);\nwindow.addEventListener('resize', debounce(adjustCtaAlignment), 150);\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","__webpack_require__.j = 838;","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t838: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = globalThis[\"webpackChunkvodafoneziggo\"] = globalThis[\"webpackChunkvodafoneziggo\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [395], () => (__webpack_require__(961)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","computedStyles","getComputedStyle","document","documentElement","parseInt","getPropertyValue","isFlexContainerWrapped","flexContainer","flexItems","spacing","containerWidth","clientWidth","itemsTotalWidth","elements","Array","from","reduce","totalWidth","element","elementStyles","window","offsetWidth","parseFloat","marginLeft","marginRight","getTotalWidth","fn","adjustCtaAlignment","cardComponents","querySelectorAll","forEach","component","ctaWrapper","querySelector","ctaCollection","length","cta","classList","remove","add","readyState","addEventListener","debounce","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","O","result","chunkIds","priority","notFulfilled","Infinity","i","fulfilled","j","Object","keys","every","key","splice","r","d","definition","o","defineProperty","enumerable","get","g","globalThis","this","Function","e","obj","prop","prototype","hasOwnProperty","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","id","chunkLoadingGlobal","bind","push","__webpack_exports__"],"sourceRoot":""}