{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./app_silver_sfra/cartridges/app_silver_sfra/cartridge/client/default/js/horizontalScrollNav.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","SETTINGS","navBarTravelling","navBarTravelDirection","navBarTravelDistance","pnAdvancerLeft","document","getElementById","pnAdvancerRight","pnProductNav","pnProductNavContents","determineOverflow","content","container","containerMetrics","getBoundingClientRect","containerMetricsRight","Math","floor","right","containerMetricsLeft","left","contentMetrics","contentMetricsRight","contentMetricsLeft","setAttribute","ticking","addEventListener","window","scrollY","requestAnimationFrame","availableScrollLeft","scrollLeft","style","transform","classList","remove","navBarRightEdge","navBarScrollerRightEdge","availableScrollRight","styleOfTransform","getComputedStyle","tr","getPropertyValue","amount","abs","parseInt","split","add","e","preventDefault","target","closest","section","querySelector","getAttribute","scrollIntoView","behavior","setTimeout","slice","querySelectorAll","forEach","item","location","hash","id","focus","activeElement","callback","isScrolling","observer","IntersectionObserver","sections","intersectionRatio","link","intersectingLink","threshold","observe","textPosition","distance","scrollTo","top","moveNav","clearTimeout","entries"],"mappings":"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","file":"default/js/horizontalScrollNav.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 = 64);\n","'use strict';\n\n// Nav\nvar SETTINGS = {\n    navBarTravelling: false,\n    navBarTravelDirection: '',\n    navBarTravelDistance: 150\n};\n\n// Out advancer buttons\nvar pnAdvancerLeft = document.getElementById('horizontalNavAdvancerLeft');\nvar pnAdvancerRight = document.getElementById('horizontalNavAdvancerRight');\n\nvar pnProductNav = document.getElementById('horizontalNav');\nvar pnProductNavContents = document.getElementById('horizontalNavContents');\n\nfunction determineOverflow(content, container) {\n    var containerMetrics = container.getBoundingClientRect();\n    var containerMetricsRight = Math.floor(containerMetrics.right);\n    var containerMetricsLeft = Math.floor(containerMetrics.left);\n    var contentMetrics = content.getBoundingClientRect();\n    var contentMetricsRight = Math.floor(contentMetrics.right);\n    var contentMetricsLeft = Math.floor(contentMetrics.left);\n    if (containerMetricsLeft > contentMetricsLeft && containerMetricsRight < contentMetricsRight) {\n        return 'both';\n    } else if (contentMetricsLeft < containerMetricsLeft) {\n        return 'left';\n    } else if (contentMetricsRight > containerMetricsRight) {\n        return 'right';\n    }\n    return 'none';\n}\n\nfunction moveNav(item) {\n    if (item) {\n        var textPosition = item.getBoundingClientRect();\n        // console.log(textPosition);\n        var container = pnProductNavContents.getBoundingClientRect().left;\n        // console.log(container);\n        var distance = textPosition.left - container;\n        // console.log(distance);\n        pnProductNav.scrollTo({\n            top: 0,\n            left: distance - 11,\n            behavior: 'smooth'\n        });\n    }\n}\n\npnProductNav.setAttribute('data-overflowing', determineOverflow(pnProductNavContents, pnProductNav));\n\n// Handle the scroll of the horizontal container\nvar lastKnownScrollPosition = 0;\nvar ticking = false;\n\nfunction doSomething() {\n    pnProductNav.setAttribute('data-overflowing', determineOverflow(pnProductNavContents, pnProductNav));\n}\n\npnProductNav.addEventListener('scroll', function () {\n    lastKnownScrollPosition = window.scrollY;\n    if (!ticking) {\n        window.requestAnimationFrame(function () {\n            doSomething(lastKnownScrollPosition);\n            ticking = false;\n        });\n    }\n    ticking = true;\n});\n\n\npnAdvancerLeft.addEventListener('click', function () {\n// If in the middle of a move return\n    if (SETTINGS.navBarTravelling === true) {\n        return;\n    }\n  // If we have content overflowing both sides or on the left\n    if (determineOverflow(pnProductNavContents, pnProductNav) === 'left' || determineOverflow(pnProductNavContents, pnProductNav) === 'both') {\n      // Find how far this panel has been scrolled\n        var availableScrollLeft = pnProductNav.scrollLeft;\n      // If the space available is less than two lots of our desired distance, just move the whole amount\n      // otherwise, move by the amount in the settings\n        if (availableScrollLeft < SETTINGS.navBarTravelDistance * 2) {\n            pnProductNavContents.style.transform = 'translateX(' + availableScrollLeft + 'px)';\n        } else {\n            pnProductNavContents.style.transform = 'translateX(' + SETTINGS.navBarTravelDistance + 'px)';\n        }\n      // We do want a transition (this is set in CSS) when moving so remove the class that would prevent that\n        pnProductNavContents.classList.remove('horizontal-nav__nav-content-no-transition');\n      // Update our settings\n        SETTINGS.navBarTravelDirection = 'left';\n        SETTINGS.navBarTravelling = true;\n    }\n  // Now update the attribute in the DOM\n    pnProductNav.setAttribute('data-overflowing', determineOverflow(pnProductNavContents, pnProductNav));\n});\n\npnAdvancerRight.addEventListener('click', function () {\n  // If in the middle of a move return\n    if (SETTINGS.navBarTravelling === true) {\n        return;\n    }\n  // If we have content overflowing both sides or on the right\n    if (determineOverflow(pnProductNavContents, pnProductNav) === 'right' || determineOverflow(pnProductNavContents, pnProductNav) === 'both') {\n      // Get the right edge of the container and content\n        var navBarRightEdge = pnProductNavContents.getBoundingClientRect().right;\n        var navBarScrollerRightEdge = pnProductNav.getBoundingClientRect().right;\n      // Now we know how much space we have available to scroll\n        var availableScrollRight = Math.floor(navBarRightEdge - navBarScrollerRightEdge);\n      // If the space available is less than two lots of our desired distance, just move the whole amount\n      // otherwise, move by the amount in the settings\n        if (availableScrollRight < SETTINGS.navBarTravelDistance * 2) {\n            pnProductNavContents.style.transform = 'translateX(-' + availableScrollRight + 'px)';\n        } else {\n            pnProductNavContents.style.transform = 'translateX(-' + SETTINGS.navBarTravelDistance + 'px)';\n        }\n      // We do want a transition (this is set in CSS) when moving so remove the class that would prevent that\n        pnProductNavContents.classList.remove('horizontal-nav__nav-content-no-transition');\n      // Update our settings\n        SETTINGS.navBarTravelDirection = 'right';\n        SETTINGS.navBarTravelling = true;\n    }\n  // Now update the attribute in the DOM\n    pnProductNav.setAttribute('data-overflowing', determineOverflow(pnProductNavContents, pnProductNav));\n});\n\npnProductNavContents.addEventListener(\n  'transitionend',\n  function () {\n      // get the value of the transform, apply that to the current scroll position (so get the scroll pos first) and then remove the transform\n      var styleOfTransform = window.getComputedStyle(pnProductNavContents, null);\n      var tr = styleOfTransform.getPropertyValue('-webkit-transform') || styleOfTransform.getPropertyValue('transform');\n      // If there is no transition we want to default to 0 and not null\n      var amount = Math.abs(parseInt(tr.split(',')[4], 10) || 0);\n      pnProductNavContents.style.transform = 'none';\n      pnProductNavContents.classList.add('horizontal-nav__nav-content-no-transition');\n      // Now lets set the scroll position\n      if (SETTINGS.navBarTravelDirection === 'left') {\n          pnProductNav.scrollLeft -= amount;\n      } else {\n          pnProductNav.scrollLeft += amount;\n      }\n      SETTINGS.navBarTravelling = false;\n  },\n  false\n);\n\n// Handle setting the currently active link\npnProductNavContents.addEventListener('click', function (e) {\n    e.preventDefault();\n    if (e.target.closest('.horizontal-nav__nav-link')) {\n        // Scroll corresponding section into view\n        var section = document.querySelector(e.target.closest('.horizontal-nav__nav-link').getAttribute('href'));\n        section.scrollIntoView({\n            behavior: 'smooth'\n        });\n        // Update the navigation and set focus but only after a timeout period so that the smooth scrolling isn't interrupted\n        setTimeout(function () {\n            var links = [].slice.call(document.querySelectorAll('.horizontal-nav__nav-link'));\n            links.forEach(function (item) {\n                item.setAttribute('aria-selected', 'false');\n            });\n            e.target.closest('.horizontal-nav__nav-link').setAttribute('aria-selected', 'true');\n\n            location.hash = section.id;\n\n            // Set focus to the correct section we just scrolled to\n            section.focus();\n            var isFocused = (document.activeElement === section);\n            if (!isFocused) {\n                section.setAttribute('tabindex', '-1');\n                section.focus();\n            }\n        }, 500);\n    }\n});\n\nwindow.addEventListener('resize', function () {\n    pnProductNav.setAttribute('data-overflowing', determineOverflow(pnProductNavContents, pnProductNav));\n});\n\n/*!\n * Run a callback function after scrolling has stopped\n * (c) 2017 Chris Ferdinandi, MIT License, https://gomakethings.com\n * @param  {Function} callback The function to run after scrolling\n */\nvar scrollStop = function (callback) {\n\t// Make sure a valid callback was provided\n    if (!callback || typeof callback !== 'function') return;\n\n\t// Setup scrolling variable\n    var isScrolling;\n\n\t// Listen for scroll events\n    window.addEventListener('scroll', function () {\n\t\t// Clear our timeout throughout the scroll\n        window.clearTimeout(isScrolling);\n\n\t\t// Set a timeout to run after scrolling ends\n        isScrolling = setTimeout(function () {\n            callback();\n        }, 66);\n    }, false);\n};\n\nwindow.addEventListener('DOMContentLoaded', () => {\n    let options = {\n        threshold: [0.25, 0.75]\n    };\n    const observer = new IntersectionObserver(sections => {\n        sections.forEach(section => {\n            const id = section.target.getAttribute('id');\n            // Need to determine a ratio that works for varying content sizes. Doesn't work if the content is too tall.\n            if (section.intersectionRatio > 0.25) {\n                if (id) {\n                    var links = [].slice.call(document.querySelectorAll('.horizontal-nav__nav-link'));\n                    links.forEach(function (link) {\n                        link.setAttribute('aria-selected', 'false');\n                    });\n\n                    var intersectingLink = document.querySelector(`.horizontal-nav__nav [href=\"#${id}\"]`);\n                    if (intersectingLink) {\n                        intersectingLink.setAttribute('aria-selected', 'true');\n                    }\n                }\n            }\n        });\n    }, options);\n\n    document.querySelectorAll('.experience-region [id]').forEach((section) => {\n        observer.observe(section);\n    });\n});\n\nscrollStop(function () {\n    var intersectingLink = document.querySelector('.horizontal-nav__nav [aria-selected=\"true\"]');\n    moveNav(intersectingLink);\n    // moveIndicator(intersectingLink, colours);\n});\n\nvar observer = new IntersectionObserver(function (entries) {\n\t// no intersection with screen\n    if (entries[0].intersectionRatio === 0) {\n        document.querySelector('.experience-commerce_layouts-horizontalScrollNavContainer').classList.add('is-pinned');\n    } /* fully intersects with screen */ else if (entries[0].intersectionRatio === 1) { document.querySelector('.experience-commerce_layouts-horizontalScrollNavContainer').classList.remove('is-pinned'); }\n}, { threshold: [0, 1] });\n\nobserver.observe(document.getElementById('horizontalNavScrollObserver'));\n"],"sourceRoot":""}