{"version":3,"file":"Creative-D2-We3Cr-chunk.js","sources":["../../../GSDClient/Scripts/Blocks/Creative.tsx"],"sourcesContent":["import { BreakPointHooks } from 'Hooks/BreakPointHooks';\nimport CreativeItem from 'Components/Creative/CreativeItem';\nimport { IDynamicCreativeBlockViewModel } from 'Types/Litium';\n\nconst { useGreater } = BreakPointHooks();\n\ninterface DynamicCreativeBlockViewModel extends IDynamicCreativeBlockViewModel {\n    shouldLazyLoad?: boolean;\n}\n\nconst Creative = (props: DynamicCreativeBlockViewModel) => {\n    const {\n        backgroundColor,\n        marginBewteenColumns,\n        marginBetweenColumnsMobile,\n        creativeItems,\n        shouldLazyLoad = false,\n        translations,\n    } = props;\n\n    const isGreater = useGreater('lg');\n\n    const desktopColumnsDisposition = creativeItems\n        .map(struc => `minmax(0, ${struc.columnSpan || 1}fr)`)\n        .join(' ');\n\n    const totalColumnSpan = creativeItems.reduce(\n        (acc, struc) => acc + (struc.columnSpan || 1),\n        0\n    );\n\n    const columnsDisposition =\n        creativeItems.length > 3 ? 'repeat(2, minmax(0, 1fr))' : '1fr';\n\n    const mobileFullWidthItem = (index: number) =>\n        creativeItems.length < 4 ||\n        (creativeItems.length > 4 &&\n            creativeItems.length % 2 &&\n            index === creativeItems.length - 1);\n\n    const determineMobileTextDisposition = (index: number) =>\n        creativeItems.length > 3 &&\n        (creativeItems.length % 2 === 0 || index !== creativeItems.length - 1);\n\n    return (\n        <div\n            style={\n                {\n                    '--background-color': backgroundColor,\n                    '--grid-template-columns-desktop':\n                        creativeItems.length > 0\n                            ? desktopColumnsDisposition\n                            : '1fr',\n                    '--grid-template-columns':\n                        creativeItems.length > 0 ? columnsDisposition : '1fr',\n                    '--block-margin-desktop': `${marginBewteenColumns}px`,\n                    '--block-margin': `${marginBetweenColumnsMobile}px`,\n                } as React.CSSProperties\n            }\n            className=\"grid h-auto grid-cols-[var(--grid-template-columns)] gap-[var(--block-margin)] bg-[var(--background-color)] p-[var(--block-margin)] lg:grid-cols-[var(--grid-template-columns-desktop)] lg:gap-[var(--block-margin-desktop)] lg:p-[var(--block-margin-desktop)]\"\n        >\n            {creativeItems.map((item, index) => (\n                <CreativeItem\n                    key={index}\n                    item={item}\n                    isGreater={isGreater}\n                    mobileFullWidthItem={mobileFullWidthItem(index)}\n                    mobileCenterText={determineMobileTextDisposition(index)}\n                    totalColumns={totalColumnSpan}\n                    shouldLazyLoad={shouldLazyLoad}\n                    translations={translations}\n                />\n            ))}\n        </div>\n    );\n};\n\nexport default Creative;\n"],"names":["useGreater","BreakPointHooks","Creative","props","backgroundColor","marginBewteenColumns","marginBetweenColumnsMobile","creativeItems","shouldLazyLoad","translations","isGreater","desktopColumnsDisposition","struc","totalColumnSpan","acc","columnsDisposition","mobileFullWidthItem","index","determineMobileTextDisposition","jsx","item","CreativeItem"],"mappings":"wZAIA,KAAM,CAAE,WAAAA,CAAW,EAAIC,IAMjBC,EAAYC,GAAyC,CACjD,KAAA,CACF,gBAAAC,EACA,qBAAAC,EACA,2BAAAC,EACA,cAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,CACA,EAAAN,EAEEO,EAAYV,EAAW,IAAI,EAE3BW,EAA4BJ,EAC7B,IAAaK,GAAA,aAAaA,EAAM,YAAc,CAAC,KAAK,EACpD,KAAK,GAAG,EAEPC,EAAkBN,EAAc,OAClC,CAACO,EAAKF,IAAUE,GAAOF,EAAM,YAAc,GAC3C,CAAA,EAGEG,EACFR,EAAc,OAAS,EAAI,4BAA8B,MAEvDS,EAAuBC,GACzBV,EAAc,OAAS,GACtBA,EAAc,OAAS,GACpBA,EAAc,OAAS,GACvBU,IAAUV,EAAc,OAAS,EAEnCW,EAAkCD,GACpCV,EAAc,OAAS,IACtBA,EAAc,OAAS,IAAM,GAAKU,IAAUV,EAAc,OAAS,GAGpE,OAAAY,EAAA,IAAC,MAAA,CACG,MACI,CACI,qBAAsBf,EACtB,kCACIG,EAAc,OAAS,EACjBI,EACA,MACV,0BACIJ,EAAc,OAAS,EAAIQ,EAAqB,MACpD,yBAA0B,GAAGV,CAAoB,KACjD,iBAAkB,GAAGC,CAA0B,IACnD,EAEJ,UAAU,kQAET,SAAcC,EAAA,IAAI,CAACa,EAAMH,IACtBE,EAAA,IAACE,EAAA,CAEG,KAAAD,EACA,UAAAV,EACA,oBAAqBM,EAAoBC,CAAK,EAC9C,iBAAkBC,EAA+BD,CAAK,EACtD,aAAcJ,EACd,eAAAL,EACA,aAAAC,CAAA,EAPKQ,CAAA,CASZ,CAAA,CAAA,CAGb"}