{"version":3,"file":"featured-banner-BkqEJB9a.js","sources":["../../src/project/AramcoLife/featured/featured-banner.ts"],"sourcesContent":["import { setupInView } from \"~/foundation/Dom/inView\";\r\nimport \"./featured-banner.scss\";\r\nimport { type Module } from \"~/foundation/Bootstrapper/types\";\r\n\r\nexport const FeaturedBanner: Module = (container) => {\r\n\tconst featuredBannerContainer = container.querySelector<HTMLElement>(\".featured-banner\");\r\n\tconst isSpecial = featuredBannerContainer?.dataset.variant === \"special\";\r\n\r\n\tif (!isSpecial) return;\r\n\r\n\tconst inViewClass = \"inview\";\r\n\tconst inViewElements = container.querySelectorAll(inViewClass);\r\n\r\n\tif (inViewElements) {\r\n\t\tinViewElements.forEach((element) => {\r\n\t\t\tif (element.classList.contains(\"ghost-box\")) {\r\n\t\t\t\tsetupInView(inViewClass, \"inview--active-ghost\", \"show\", 0);\r\n\t\t\t} else {\r\n\t\t\t\tsetupInView(inViewClass, \"inview--active\", \"show\", 0);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport default FeaturedBanner;"],"names":["FeaturedBanner","container","featuredBannerContainer","inViewClass","inViewElements","element","setupInView"],"mappings":"uCAIa,MAAAA,EAA0BC,GAAc,CAC9C,MAAAC,EAA0BD,EAAU,cAA2B,kBAAkB,EAGvF,GAAI,GAFcC,GAAA,YAAAA,EAAyB,QAAQ,WAAY,WAE/C,OAEhB,MAAMC,EAAc,SACdC,EAAiBH,EAAU,iBAAiBE,CAAW,EAEzDC,GACYA,EAAA,QAASC,GAAY,CAC/BA,EAAQ,UAAU,SAAS,WAAW,EAC7BC,EAAAH,EAAa,uBAAwB,OAAQ,CAAC,EAE9CG,EAAAH,EAAa,iBAAkB,OAAQ,CAAC,CACrD,CACA,CAEH"}