{"version":3,"file":"static/chunks/186.0f1db1b517162dad.js","mappings":"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","sources":["webpack://_N_E/./components/UnderlineTabsNavigation/UnderlineTabsNavigation.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\nimport C from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useIsomorphicLayoutEffect } from '../../adapters/helpers/Hooks';\nimport { mediaQueryHOC } from '../../adapters/helpers/Hooks'\nimport {UnderlineTabsNavigationConstants} from '../../adapters/helpers/Constants';\n\nfunction UnderlineTabsNavigation({tabs, selectedIndex, isMedium, scrollToContent}) {\n    const tabsRef = useRef(null);\n\n    const runScrollTo = useCallback((element, options) => {\n        if(tabsRef.current) {\n            const elementRect = element.getBoundingClientRect();\n            const elementWidth = elementRect.right - elementRect.left;\n            const windowWidth = window.innerWidth;\n            const leftMargin = (windowWidth - elementWidth) / 2;\n            const dy =  elementRect.left - leftMargin;\n            const nextY = tabsRef.current.scrollLeft + dy;\n            if(tabsRef.current.scrollTo) {\n                tabsRef.current.scrollTo({ left: nextY, ...options});\n            } else {\n                tabsRef.current.scrollLeft = nextY;\n            }\n        }\n    }, []);\n\n    const onResize = useCallback(() => {\n        if(tabsRef.current) {\n            const activeTabQuery = tabsRef.current.querySelector('.ob-underline-tabs-navigation-tab--active');\n            if(activeTabQuery) {\n                runScrollTo(activeTabQuery);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        window.addEventListener(UnderlineTabsNavigationConstants.resize, onResize);\n        return () => window.removeEventListener(UnderlineTabsNavigationConstants.resize, onResize)\n    }, []);\n\n    useIsomorphicLayoutEffect(() => {\n        onResize();\n    }, [tabsRef.current]);\n\n    useEffect(() => {\n        if(tabsRef.current && !isMedium) {\n            tabsRef.current.scrollLeft = 0;\n        }\n    }, [isMedium])\n\n    return (\n        <div ref={tabsRef} className=\"ob-underline-tabs-navigation\" role={UnderlineTabsNavigationConstants.tabList} aria-label={UnderlineTabsNavigationConstants.childLabel}>\n            {tabs.map((tab, i) => (\n                    <a href={tab?.link}\n                   onClick={event => scrollToContent(event, tab?.link)}\n                   className={C('event_internal_link ob-underline-tabs-navigation-tab', {\n                       'ob-underline-tabs-navigation-tab--active': i === selectedIndex, })}\n                   data-action-detail={tab?.text}\n                   tabIndex={0} \n                   role={UnderlineTabsNavigationConstants.tab} key={i}\n                   aria-label={tab?.text}>\n                        <span className={'ob-underline-tabs-navigation-tab__content'}>{tab?.text}</span>\n                    </a>\n            ))}\n        </div>\n    )\n}\n\nexport default mediaQueryHOC(UnderlineTabsNavigation);\n\nUnderlineTabsNavigation.propTypes = {\n    tabs: PropTypes.any,\n    selectedIndex: PropTypes.any,\n    isMedium: PropTypes.bool,\n    scrollToContent: PropTypes.func\n}\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[186],{60186:function(e,t,n){n.r(t);var r=n(930),i=n.n(r),o=n(67294),c=n(94184),l=n.n(c),a=n(71357),u=n(24036),s=n(85893);function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}t.default=(0,a.Ui)((function(e){var t=e.tabs,n=e.selectedIndex,r=e.isMedium,c=e.scrollToContent,b=(0,o.useRef)(null),d=(0,o.useCallback)((function(e,t){if(b.current){var n=e.getBoundingClientRect(),r=n.right-n.left,o=(window.innerWidth-r)/2,c=n.left-o,l=b.current.scrollLeft+c;b.current.scrollTo?b.current.scrollTo(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){i()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({left:l},t)):b.current.scrollLeft=l}}),[]),v=(0,o.useCallback)((function(){if(b.current){var e=b.current.querySelector(\".ob-underline-tabs-navigation-tab--active\");e&&d(e)}}),[]);return(0,o.useEffect)((function(){return window.addEventListener(u.Po.resize,v),function(){return window.removeEventListener(u.Po.resize,v)}}),[]),(0,a.LI)((function(){v()}),[b.current]),(0,o.useEffect)((function(){b.current&&!r&&(b.current.scrollLeft=0)}),[r]),(0,s.jsx)(\"div\",{ref:b,className:\"ob-underline-tabs-navigation\",role:u.Po.tabList,\"aria-label\":u.Po.childLabel,children:t.map((function(e,t){return(0,s.jsx)(\"a\",{href:null==e?void 0:e.link,onClick:function(t){return c(t,null==e?void 0:e.link)},className:l()(\"event_internal_link ob-underline-tabs-navigation-tab\",{\"ob-underline-tabs-navigation-tab--active\":t===n}),\"data-action-detail\":null==e?void 0:e.text,tabIndex:0,role:u.Po.tab,\"aria-label\":null==e?void 0:e.text,children:(0,s.jsx)(\"span\",{className:\"ob-underline-tabs-navigation-tab__content\",children:null==e?void 0:e.text})},t)}))})}))}}]);"],"names":["self","webpackChunk_N_E","push","e","t","n","r","i","o","c","l","a","u","s","f","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","apply","default","Ui","tabs","selectedIndex","isMedium","scrollToContent","b","useRef","d","useCallback","current","getBoundingClientRect","right","left","window","innerWidth","scrollLeft","scrollTo","arguments","length","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","v","querySelector","useEffect","addEventListener","Po","resize","removeEventListener","LI","jsx","ref","className","role","tabList","childLabel","children","map","href","link","onClick","text","tabIndex","tab"],"sourceRoot":""}