{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./codebase/orange/cartridges/app_pagedesigner_core/cartridge/client/default/js/experience/components/commerceAssets/subnav.js","webpack:///./codebase/orange/cartridges/app_storefront_core/cartridge/client/default/js/components/sticky-container.js"],"names":[],"mappings":";QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;ACjFA;AACA;AACA,IAAI,mBAAO,CAAC,qJAAkC;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,qBAAqB;AACnE;AACA;AACA,KAAK;;AAEL,CAAC,E;;;;;;;;;;;;AChBY;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,cAAc;AAC7B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,cAAc,OAAO;AACrB,cAAc,OAAO;AACrB,cAAc,OAAO;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"default\\js\\experience\\components\\commerceAssets\\subnav.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./codebase/orange/cartridges/app_pagedesigner_core/cartridge/client/default/js/experience/components/commerceAssets/subnav.js\");\n","\r\n$(document).ready(function () {\r\n    $(\".js-subnav\").html($(\"#subnavContent\").val());\r\n    require('core/components/sticky-container');\r\n\r\n    $(\".subnav__nav__item\").on('click', function () {\r\n        var targetId = this.getAttribute('href');\r\n        if (targetId.startsWith('#')) {\r\n            event.preventDefault();\r\n            var targetElement = document.querySelector(targetId);\r\n            if (targetElement) {\r\n                targetElement.scrollIntoView({ behavior: 'smooth' });\r\n            }\r\n        }\r\n    });\r\n\r\n});","'use strict';\r\n\r\nlet subnavHeight = 0;\r\nlet scrollPos = 0;\r\nlet lagScroll = 3;\r\nconst ignoreScrollBodyY = 150;\r\nconst stickyContainer = document.querySelector('.sticky-container');\r\nlet headerOrangeRebrand = document.querySelector('hlx-header');\r\nconst conditionalSticky = document.querySelector('[data-observe-intersecting]');\r\nlet conditionalStickyObserved = null;\r\nlet listenersAdded = false;\r\nif (headerOrangeRebrand) {\r\n    const headerOrangeRebrandHeightInit = headerOrangeRebrand.getBoundingClientRect().height;\r\n    document.documentElement.style.setProperty('--header-orange-rebrand-height', headerOrangeRebrandHeightInit + 'px');\r\n}\r\nif (stickyContainer) {\r\n    const attached = document.querySelector(stickyContainer.getAttribute('data-sticky-attach-to'));\r\n    headerOrangeRebrand = attached || headerOrangeRebrand;\r\n    const subnav = stickyContainer.querySelector('.js-sticky-fleeting');\r\n    if (subnav) {\r\n        let tagToObserveWebComponentLoaded = document.documentElement;\r\n        subnav.querySelectorAll('*').forEach(tag => {\r\n            if ((tag.tagName).toLowerCase().indexOf('hl-') !== -1) tagToObserveWebComponentLoaded = tag;\r\n        });\r\n        const calculateStickyHeights = () => {\r\n            subnavHeight = subnav.getBoundingClientRect().height;\r\n            const headerOrangeRebrandHeight = headerOrangeRebrand.getBoundingClientRect().height;\r\n            document.documentElement.style.setProperty('--header-orange-rebrand-height', headerOrangeRebrandHeight + 'px');\r\n        };\r\n        const showHideStickyNav = () => {\r\n            if ((document.body.getBoundingClientRect()).top > scrollPos + lagScroll) {\r\n                stickyContainer.style.transform = 'translateY(0px)';\r\n                stickyContainer.classList.remove('sticky-container--subnav-hidden');\r\n            } else if ((document.body.getBoundingClientRect()).top < scrollPos - lagScroll && scrollPos < -ignoreScrollBodyY) {\r\n                stickyContainer.style.transform = 'translateY(-' + subnavHeight + 'px)';\r\n                stickyContainer.classList.add('sticky-container--subnav-hidden');\r\n            }\r\n            scrollPos = (document.body.getBoundingClientRect()).top;\r\n        };\r\n        const observerWebComponentLoaded = new MutationObserver(mutations => {\r\n            mutations.forEach(mutation => {\r\n                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\r\n                    if (tagToObserveWebComponentLoaded.classList.contains('hydrated')) {\r\n                        observerWebComponentLoaded.disconnect();\r\n                        calculateStickyHeights();\r\n                    }\r\n                }\r\n            });\r\n        });\r\n        observerWebComponentLoaded.observe(tagToObserveWebComponentLoaded, {\r\n            attributes: true,\r\n            attributeFilter: ['class']\r\n        });\r\n        window.addEventListener('scroll', showHideStickyNav);\r\n        window.addEventListener('resize', calculateStickyHeights);\r\n    } else {\r\n        const calculateHeaderOrangeRebrandHeight = () => {\r\n            if (headerOrangeRebrand) {\r\n                const headerOrangeRebrandHeight = headerOrangeRebrand.getBoundingClientRect().height;\r\n                document.documentElement.style.setProperty('--header-orange-rebrand-height', headerOrangeRebrandHeight + 'px');\r\n            }\r\n        };\r\n        calculateHeaderOrangeRebrandHeight();\r\n        window.addEventListener('resize', calculateHeaderOrangeRebrandHeight);\r\n    }\r\n}\r\nif (conditionalSticky) {\r\n    conditionalStickyObserved = document.querySelector(conditionalSticky.getAttribute('data-observe-intersecting'));\r\n    const elementIsVisibleInViewport = el => {\r\n        const { top, height } = el.getBoundingClientRect();\r\n        return top + height > 0;\r\n    };\r\n    const handlerVisibility = () => {\r\n        let isHidden = window.getComputedStyle(conditionalStickyObserved, null).display === 'none';\r\n\r\n        const cardTariff = conditionalStickyObserved.closest('.card-tariff-new');\r\n        if (cardTariff) {\r\n            isHidden = window.getComputedStyle(cardTariff, null).display === 'none';\r\n        }\r\n\r\n        if (!isHidden) {\r\n            conditionalSticky.classList.add('is-absolute');\r\n        } else {\r\n            conditionalSticky.classList.remove('is-absolute');\r\n        }\r\n        if (elementIsVisibleInViewport(conditionalStickyObserved)) {\r\n            conditionalSticky.style.display = 'none';\r\n        } else {\r\n            conditionalSticky.style.display = 'block';\r\n        }\r\n    };\r\n    /**\r\n    * util to use from SalesForce when update card-tariff\r\n    */\r\n    // eslint-disable-next-line\r\n    function changeCardDOM() {\r\n        conditionalStickyObserved = document.querySelector(conditionalSticky.getAttribute('data-observe-intersecting'));\r\n    }\r\n\r\n    /**\r\n    * Returns the alternative text for the spinner based on the context\r\n    * @param {string} selector - selector\r\n    * @param {string} className - className\r\n    * @param {Object} callback - callback\r\n    */\r\n    function waitForNodeWithClass(selector, className, callback) {\r\n        const observer = new MutationObserver((mutations, observer) => {\r\n            const node = document.querySelector(selector);\r\n            if (node && node.classList.contains(className)) {\r\n                callback(node);\r\n                observer.disconnect();\r\n            }\r\n        });\r\n        const config = {\r\n            childList: true, subtree: true, attributes: true, attributeFilter: ['class']\r\n        };\r\n        observer.observe(document.body, config);\r\n    }\r\n\r\n    /**\r\n     * util to use from SalesForce when card-tariff is create first time\r\n     */\r\n    // eslint-disable-next-line\r\n    function initListenerCardLoaded() {\r\n        if (!listenersAdded) {\r\n            listenersAdded = true;\r\n            window.addEventListener('scroll', handlerVisibility);\r\n            window.addEventListener('resize', handlerVisibility);\r\n            window.addEventListener('load', handlerVisibility);\r\n            window.addEventListener('DOMContentLoaded', handlerVisibility);\r\n            waitForNodeWithClass('input[type=\"radio\"][checked=\"checked\"]', 'js-option-upgrade-tariff', (node) => {\r\n                handlerVisibility();\r\n            });\r\n        }\r\n    }\r\n    if (conditionalStickyObserved) {\r\n        initListenerCardLoaded();\r\n    }\r\n\r\n    module.exports = {\r\n        methods: {\r\n            changeCardDOM: changeCardDOM,\r\n            initListenerCardLoaded: initListenerCardLoaded\r\n        }\r\n    };\r\n}\r\n// util to use from SalesForce when update card-tariff\r\n"],"sourceRoot":""}