{"version":3,"file":"ArticlePage-TmH4h1tJ-chunk.js","sources":["../../../GSDClient/Scripts/Pages/ArticlePage.tsx"],"sourcesContent":["import { IArticleViewModel } from 'Types/Litium';\nimport BlockRenderer from 'Blocks/BlockRenderer';\nimport BreadCrumbs from 'Components/BreadCrumbs';\nimport Markup from 'Components/Markup';\nimport ImageStripe from 'Components/PageElements/ImageStripe';\nimport NavigationMenu from 'Components/PageElements/NavigationMenu';\n\nconst ArticlePage = ({\n    blockAreas,\n    breadCrumbs,\n    title,\n    titleTextColor,\n    text,\n    pageImageStripe,\n    pageBackgroundImage,\n    hideBreadcrumbs,\n    hideSecondLevelNavigationMenu,\n    linksHeader,\n    images,\n    links,\n    subNavigation,\n}: IArticleViewModel) => {\n    const isContentFullWidth =\n        typeof hideSecondLevelNavigationMenu === 'undefined';\n    return (\n        <div\n            style={{\n                backgroundImage:\n                    pageBackgroundImage?.src &&\n                    `url(${pageBackgroundImage.src}?format=webp)`,\n            }}\n            className=\"grid h-full w-full bg-cover bg-center bg-no-repeat\"\n        >\n            <ImageStripe imageStripe={pageImageStripe} />\n\n            {blockAreas?.above && <BlockRenderer blocks={blockAreas.above} />}\n\n            {!hideBreadcrumbs && breadCrumbs?.contentLinks && (\n                <BreadCrumbs\n                    contentLinks={breadCrumbs.contentLinks}\n                    margin=\"mt-2 lg:mt-4 lg:mb-3\"\n                    backgroundColor=\"bg-none\"\n                />\n            )}\n\n            <div className=\"mx-auto grid w-full max-w-content px-3 pb-4 lg:grid-cols-12 lg:gap-6 lg:px-14\">\n                {!hideSecondLevelNavigationMenu && subNavigation?.links && (\n                    <div className=\"hidden lg:col-span-2 lg:block\">\n                        <NavigationMenu subNavigation={subNavigation.links} />\n                    </div>\n                )}\n                {isContentFullWidth ? (\n                    <section className=\"lg:col-span-12\">\n                        <Markup\n                            html={text.value}\n                            as=\"article\"\n                            cssClass=\"prose-block max-w-none\"\n                        />\n                    </section>\n                ) : (\n                    <section\n                        className={\n                            hideSecondLevelNavigationMenu\n                                ? 'lg:col-span-9'\n                                : 'lg:col-span-8'\n                        }\n                    >\n                        {title && (\n                            <h1\n                                style={{\n                                    color:\n                                        titleTextColor && `${titleTextColor}`,\n                                }}\n                                className=\"font-montserrat text-h1 leading-normal\"\n                            >\n                                {title}\n                            </h1>\n                        )}\n                        <Markup\n                            html={text.value}\n                            as=\"article\"\n                            cssClass=\"prose-block max-w-none\"\n                        />\n                    </section>\n                )}\n                <div\n                    className={`flex flex-col justify-start align-top lg:justify-start ${\n                        hideSecondLevelNavigationMenu\n                            ? 'lg:col-span-3'\n                            : 'lg:col-span-2'\n                    }`}\n                >\n                    <figure className=\"mb-5\">\n                        {images?.map((image, index) => (\n                            <img\n                                key={index}\n                                src={image.src}\n                                alt={image.altText}\n                                width={image.width > 0 ? image.width : ''}\n                                height={image.height > 0 ? image.height : ''}\n                            />\n                        ))}\n                    </figure>\n                    {links && (\n                        <div className=\"flex flex-col\">\n                            <NavigationMenu\n                                links={links}\n                                linksHeader={linksHeader}\n                            />\n                        </div>\n                    )}\n                </div>\n            </div>\n            {blockAreas?.below && <BlockRenderer blocks={blockAreas.below} />}\n        </div>\n    );\n};\n\nexport default ArticlePage;\n"],"names":["ArticlePage","blockAreas","breadCrumbs","title","titleTextColor","text","pageImageStripe","pageBackgroundImage","hideBreadcrumbs","hideSecondLevelNavigationMenu","linksHeader","images","links","subNavigation","isContentFullWidth","jsxs","jsx","ImageStripe","BlockRenderer","BreadCrumbs","NavigationMenu","Markup","image","index"],"mappings":"obAOA,MAAMA,EAAc,CAAC,CACjB,WAAAC,EACA,YAAAC,EACA,MAAAC,EACA,eAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,oBAAAC,EACA,gBAAAC,EACA,8BAAAC,EACA,YAAAC,EACA,OAAAC,EACA,MAAAC,EACA,cAAAC,CACJ,IAAyB,CACf,MAAAC,EACF,OAAOL,EAAkC,IAEzC,OAAAM,EAAA,KAAC,MAAA,CACG,MAAO,CACH,iBACIR,GAAA,YAAAA,EAAqB,MACrB,OAAOA,EAAoB,GAAG,eACtC,EACA,UAAU,qDAEV,SAAA,CAACS,EAAAA,IAAAC,EAAA,CAAY,YAAaX,CAAiB,CAAA,GAE1CL,GAAA,YAAAA,EAAY,QAASe,MAACE,EAAc,CAAA,OAAQjB,EAAW,MAAO,EAE9D,CAACO,IAAmBN,GAAA,YAAAA,EAAa,eAC9Bc,EAAA,IAACG,EAAA,CACG,aAAcjB,EAAY,aAC1B,OAAO,uBACP,gBAAgB,SAAA,CACpB,EAGJa,EAAAA,KAAC,MAAI,CAAA,UAAU,gFACV,SAAA,CAAA,CAACN,IAAiCI,GAAA,YAAAA,EAAe,QAC9CG,EAAAA,IAAC,MAAI,CAAA,UAAU,gCACX,SAAAA,EAAAA,IAACI,EAAe,CAAA,cAAeP,EAAc,KAAO,CAAA,EACxD,EAEHC,EACGE,EAAA,IAAC,UAAQ,CAAA,UAAU,iBACf,SAAAA,EAAA,IAACK,EAAA,CACG,KAAMhB,EAAK,MACX,GAAG,UACH,SAAS,wBAAA,GAEjB,EAEAU,EAAA,KAAC,UAAA,CACG,UACIN,EACM,gBACA,gBAGT,SAAA,CACGN,GAAAa,EAAA,IAAC,KAAA,CACG,MAAO,CACH,MACIZ,GAAkB,GAAGA,CAAc,EAC3C,EACA,UAAU,yCAET,SAAAD,CAAA,CACL,EAEJa,EAAA,IAACK,EAAA,CACG,KAAMhB,EAAK,MACX,GAAG,UACH,SAAS,wBAAA,CACb,CAAA,CAAA,CACJ,EAEJU,EAAA,KAAC,MAAA,CACG,UAAW,0DACPN,EACM,gBACA,eACV,GAEA,SAAA,CAAAO,EAAAA,IAAC,UAAO,UAAU,OACb,0BAAQ,IAAI,CAACM,EAAOC,IACjBP,EAAA,IAAC,MAAA,CAEG,IAAKM,EAAM,IACX,IAAKA,EAAM,QACX,MAAOA,EAAM,MAAQ,EAAIA,EAAM,MAAQ,GACvC,OAAQA,EAAM,OAAS,EAAIA,EAAM,OAAS,EAAA,EAJrCC,CAMZ,GACL,EACCX,GACGI,EAAA,IAAC,MAAI,CAAA,UAAU,gBACX,SAAAA,EAAA,IAACI,EAAA,CACG,MAAAR,EACA,YAAAF,CAAA,CAAA,EAER,CAAA,CAAA,CAER,CAAA,EACJ,GACCT,GAAA,YAAAA,EAAY,QAASe,MAACE,EAAc,CAAA,OAAQjB,EAAW,MAAO,CAAA,CAAA,CAAA,CAG3E"}