{"version":3,"sources":["webpack:///./node_modules/@logitravel/alex-comp-trans/components/main-car-home/client/js/components.js","webpack:///./node_modules/@logitravel/alex-comp-trans/components/main-car-home/client/js/index.js"],"names":["COMPONENTS","loader","name","module","exports","resolveComponents","getSearcherCar","elementExist","selector","configuration","resolveComponentsConfig","console","log","element","document","querySelector","config","dataset","result","JSON","parse","publicPath","components","map","component","filter","observer","IntersectionObserver","entries","forEach","entry","intersectionRatio","target","reduce","acc","then","default","unobserve","root","rootMargin","threshold","observe"],"mappings":";gFAOA,MA0FMA,EAAa,CACf,CACIC,OA5FkB,IACf,qCA4FHC,KAAM,sBAEV,CACID,OAtFW,IACR,2DAsFHC,KAAM,WAEV,CACID,OAtEiB,IACd,2DAsEHC,KAAM,iBAEV,CACID,OAhEuB,IACpB,qCAgEHC,KAAM,uBAEV,CACID,OA1D2B,IACxB,4DA0DHC,KAAM,2BAEV,CACID,OApDiC,IAC9B,2DAoDHC,KAAM,iCAEV,CACID,OA9CoB,IACjB,2DA8CHC,KAAM,oBAEV,CACID,OAxCgB,IACb,4DAwCHC,KAAM,iBAWdC,EAAOC,QAAU,CACbC,kBALJ,WACI,OAAOL,GAKPM,eAlHmB,IACZ,uC,qBCvBX,EAAQ,QAER,MAAM,aAAEC,GAAiB,EAAQ,SAE3B,kBAAEF,EAAiB,eAAEC,GAAmB,EAAQ,QAMtDH,EAAOC,QAAU,SAAqBI,EAAW,+BAAgCC,EAAgB,IAC7F,MAAQJ,kBAAmBK,EAA0B,IAAOD,EAG5D,GADAE,QAAQC,IAAIH,GACRF,EAAaC,GAAW,CACxB,MAAMK,EAAUC,SAASC,cAAcP,GAEjCQ,EAAS,IACR,WACC,IAAKH,EAAQI,QAAQD,OAAQ,MAAO,GAEpC,MAAME,EAASC,KAAKC,MAAMP,EAAQI,QAAQD,QAE1C,OADAH,EAAQI,QAAQD,OAAS,GAClBE,EALR,IAaHF,EAAOK,aAAY,IAA0BL,EAAOK,YAGxD,MAAMC,EAAa,IAAIjB,OAAwBK,GAC1Ca,IAAIC,IAAa,CACdvB,OAAQuB,EAAUvB,OAClBY,QAASC,SAASC,cAAc,oBAAoBS,EAAUtB,aAEjEuB,OAAOD,GAAaA,EAAUX,SAa7Ba,EAAW,IAAIC,qBAAqBC,IACtCA,EAAQC,QAAQC,IACZ,GAAIA,EAAMC,kBAAoB,EAAG,CAC7B,MAAM,OAAE9B,GAAWqB,EACdG,OAAOD,GAAaA,EAAUX,UAAYiB,EAAME,QAChDC,OAAOC,GAAOA,GAQnBjC,IAASkC,KAAKhC,IACVA,EAAOiC,UAEPV,EAASW,UAAUP,EAAME,cA1BlB,CACnBM,KAAM,KACNC,WAAY,MACZC,UAAW,MA6BflB,EAAWO,QAAQL,IACfE,EAASe,QAAQjB,EAAUX,WAI/BP,IAAiB6B,KAAKhC,GAAUA,EAAOiC,QAAQ","file":"main-car-home.619289a6b7ac103556d3.bundle.js","sourcesContent":["/* ==========================================================================\n MainCarHome > Client > Components\n ========================================================================== */\n\n/**\n * HeaderCarousel\n */\nconst getHeaderCarousel = () => {\n return import(\n /* webpackChunkName: \"header-carousel-rxjs\" */\n '@bluekiri/alexandria-contrib-components/components/header-carousel-rxjs/client/js'\n );\n};\n\n/**\n * BlogAub\n */\nconst getBlogAub = () => {\n return import(\n /* webpackChunkName: \"blog-aub\" */\n '@logitravel/alex-aubergine/components/blog-aub/client/js'\n );\n};\n\n/**\n * SearcherCar\n */\nconst getSearcherCar = () => {\n return import(\n /* webpackChunkName: \"searcher-car\" */\n '../../../searcher-car/client/js'\n );\n};\n\n/**\n * LogosCarousel\n */\nconst getLogosCarousel = () => {\n return import(\n /* webpackChunkName: \"logos-carousel\" */\n '../../../logos-carousel/client/js'\n );\n};\n\n/**\n * CardProductCarousel\n */\nconst getCardProductCarousel = () => {\n return import(\n /* webpackChunkName: \"card-product-carousel\" */\n '../../../card-product-carousel/client/js'\n );\n};\n\n/**\n * CardProductCarouselTabs\n */\nconst getCardProductCarouselTabs = () => {\n return import(\n /* webpackChunkName: \"card-product-carousel-tabs\" */\n '../../../card-product-carousel-tabs/client/js'\n );\n};\n\n/**\n * CardProductHorizontalCarousel\n */\nconst getCardProductHorizontalCarousel = () => {\n return import(\n /* webpackChunkName: \"card-product-horizontal-carousel\" */\n '../../../card-product-horizontal-carousel/client/js'\n );\n};\n\n/**\n * BannerHighlights\n */\nconst getBannerHighlights = () => {\n return import(\n /* webpackChunkName: \"banner-highlights\" */\n '../../../banner-highlights/client/js'\n );\n};\n\n/**\n * VerticalTabs\n */\nconst getVerticalTabs = () => {\n return import(\n /* webpackChunkName: \"vertical-tabs\" */\n '../../../vertical-tabs/client/js'\n );\n};\n\n/**\n * Components\n */\nconst COMPONENTS = [\n {\n loader: getHeaderCarousel,\n name: 'HeaderCarouselRxjs'\n },\n {\n loader: getBlogAub,\n name: 'BlogAub'\n },\n {\n loader: getLogosCarousel,\n name: 'LogosCarousel'\n },\n {\n loader: getCardProductCarousel,\n name: 'CardProductCarousel'\n },\n {\n loader: getCardProductCarouselTabs,\n name: 'CardProductCarouselTabs'\n },\n {\n loader: getCardProductHorizontalCarousel,\n name: 'CardProductHorizontalCarousel'\n },\n {\n loader: getBannerHighlights,\n name: 'BannerHighlights'\n },\n {\n loader: getVerticalTabs,\n name: 'VerticalTabs'\n }\n];\n\n/**\n * Resolve components\n */\nfunction resolveComponents() {\n return COMPONENTS;\n}\n\nmodule.exports = {\n resolveComponents,\n getSearcherCar\n};\n","/* ==========================================================================\n MainCarHome > Client\n ========================================================================== */\n\n/* Import modules */\nrequire('intersection-observer');\n\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst { resolveComponents, getSearcherCar } = require('./components');\n\n/**\n * MainCarHome component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function MainCarHome(selector = '[data-component=MainCarHome]', configuration = {}) {\n const { resolveComponents: resolveComponentsConfig = [] } = configuration;\n\n console.log(configuration);\n if (elementExist(selector)) {\n const element = document.querySelector(selector);\n\n const config = {\n ...(function getConfig() {\n if (!element.dataset.config) return '';\n\n const result = JSON.parse(element.dataset.config);\n element.dataset.config = '';\n return result;\n })()\n };\n\n /**\n * Setting public path to the webpack exposed variable\n */\n /* eslint-disable */\n if (config.publicPath) __webpack_public_path__ = config.publicPath;\n /* eslint-enable */\n\n const components = [...resolveComponents(), ...resolveComponentsConfig]\n .map(component => ({\n loader: component.loader,\n element: document.querySelector(`[data-component=\"${component.name}\"]`)\n }))\n .filter(component => component.element);\n\n /* Observer Config */\n const observerConfig = {\n root: null, // avoiding 'root' or setting it to 'null' sets it to default value: viewport\n rootMargin: '0px',\n threshold: 0.15\n };\n\n /**\n * Observer to lazy load modules based on\n * currently viewed components in the viewport\n */\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.intersectionRatio > 0) {\n const { loader } = components\n .filter(component => component.element === entry.target)\n .reduce(acc => acc);\n\n /**\n * Init component with its loader and then\n * unobserve from this entry so we dont\n * call the init of the component more\n * than once\n */\n loader().then(module => {\n module.default();\n\n observer.unobserve(entry.target);\n });\n }\n });\n }, observerConfig);\n\n components.forEach(component => {\n observer.observe(component.element);\n });\n\n /* Searcher Car */\n getSearcherCar().then(module => module.default('[data-component=SearcherCar]'));\n }\n};\n"],"sourceRoot":""}