{"version":3,"file":"Accordion-ClGvY6xd-chunk.js","sources":["../../../GSDClient/Scripts/Components/Accordion.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment } from 'react';\nimport AccordionToggleIcon from 'Icons/caretGsd.svg?react';\nimport { IImageBaseViewModel } from 'Types/Litium';\nimport { dpr } from 'Utils/dpr';\n\ninterface AccordionChildProps {\n    isOpen?: boolean;\n    onToggle?: (index: number) => void;\n    title: string;\n    icon?: IImageBaseViewModel;\n    index?: number;\n    children: React.ReactElement;\n}\n\nexport const AccordionChild = ({\n    isOpen,\n    onToggle,\n    title,\n    children,\n    icon,\n    index,\n}: AccordionChildProps) => (\n    <>\n        <li className=\"my-4\">\n            <button\n                type=\"button\"\n                onClick={() => onToggle(index)}\n                className=\"flex w-full items-center justify-between font-montserrat text-base leading-normal text-black\"\n            >\n                {icon && (\n                    <figure className=\"flex h-10 w-10 items-center\">\n                        <img\n                            src={icon.src}\n                            srcSet={dpr(icon.src)}\n                            alt={icon.altText}\n                            width={icon.width > 0 ? icon.width : ''}\n                            height={icon.height > 0 ? icon.height : ''}\n                        />\n                    </figure>\n                )}\n                {title}\n                <AccordionToggleIcon\n                    className={`h-4 w-4 transition-transform duration-layout ${\n                        isOpen ? 'rotate-90' : 'rotate-0'\n                    }`}\n                />\n            </button>\n            <div\n                className={`grid transition-[grid-template-rows,_visibility] duration-layout ${\n                    isOpen\n                        ? 'visible grid-rows-[1fr]'\n                        : 'invisible grid-rows-[0fr]'\n                }`}\n            >\n                <ul className=\"overflow-hidden\">\n                    <li>{children}</li>\n                </ul>\n            </div>\n        </li>\n        <li>\n            <hr className=\"divider-horizontal\" />\n        </li>\n    </>\n);\n\nexport const Accordion = forwardRef<\n    HTMLUListElement,\n    {\n        children: React.ReactNode | string;\n        className?: string;\n    }\n>(({ children, className = '' }, ref) => {\n    const [openIndex, setOpenIndex] = useState(-1);\n    const toggleAccordion = (index: number) => {\n        setOpenIndex(prevOpenIndex => (prevOpenIndex === index ? -1 : index));\n    };\n    return (\n        <ul\n            ref={ref}\n            className={`-:before:divider-horizontal -:grid -:w-full -:grid-cols-1 -:justify-center -:before:w-full -:before:border-b ${className}`}\n        >\n            {React.Children.map(children, (child, index) => (\n                <Fragment key={index}>\n                    {child\n                        ? React.cloneElement(child as React.ReactElement, {\n                              isOpen: index === openIndex,\n                              onToggle: () => toggleAccordion(index),\n                              index,\n                          })\n                        : null}\n                </Fragment>\n            ))}\n        </ul>\n    );\n});\n\nexport default Accordion;\n"],"names":["AccordionChild","isOpen","onToggle","title","children","icon","index","jsxs","Fragment","jsx","dpr","AccordionToggleIcon","Accordion","forwardRef","className","ref","openIndex","setOpenIndex","useState","toggleAccordion","prevOpenIndex","React","child"],"mappings":"0JAcO,MAAMA,EAAiB,CAAC,CAC3B,OAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,CACJ,IAEQC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAACD,EAAAA,KAAA,KAAA,CAAG,UAAU,OACV,SAAA,CAAAA,EAAA,KAAC,SAAA,CACG,KAAK,SACL,QAAS,IAAML,EAASI,CAAK,EAC7B,UAAU,+FAET,SAAA,CACGD,GAAAI,EAAA,IAAC,SAAO,CAAA,UAAU,8BACd,SAAAA,EAAA,IAAC,MAAA,CACG,IAAKJ,EAAK,IACV,OAAQK,EAAIL,EAAK,GAAG,EACpB,IAAKA,EAAK,QACV,MAAOA,EAAK,MAAQ,EAAIA,EAAK,MAAQ,GACrC,OAAQA,EAAK,OAAS,EAAIA,EAAK,OAAS,EAAA,CAAA,EAEhD,EAEHF,EACDM,EAAA,IAACE,EAAA,CACG,UAAW,gDACPV,EAAS,YAAc,UAC3B,EAAA,CACJ,CAAA,CAAA,CACJ,EACAQ,EAAA,IAAC,MAAA,CACG,UAAW,oEACPR,EACM,0BACA,2BACV,GAEA,eAAC,KAAG,CAAA,UAAU,kBACV,SAACQ,EAAAA,IAAA,KAAA,CAAI,SAAAL,EAAS,CAClB,CAAA,CAAA,CACJ,CAAA,EACJ,QACC,KACG,CAAA,SAAAK,EAAA,IAAC,KAAG,CAAA,UAAU,oBAAqB,CAAA,EACvC,CAAA,EACJ,EAGSG,EAAYC,aAMvB,CAAC,CAAE,SAAAT,EAAU,UAAAU,EAAY,IAAMC,IAAQ,CACrC,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAE,EACvCC,EAAmBb,GAAkB,CACvCW,EAA+BG,GAAAA,IAAkBd,EAAQ,GAAKA,CAAM,CAAA,EAGpE,OAAAG,EAAA,IAAC,KAAA,CACG,IAAAM,EACA,UAAW,gHAAgHD,CAAS,GAEnI,SAAMO,EAAA,SAAS,IAAIjB,EAAU,CAACkB,EAAOhB,IAClCG,EAAAA,IAACD,EAAAA,SAAA,CACI,SACKc,EAAAD,EAAM,aAAaC,EAA6B,CAC5C,OAAQhB,IAAUU,EAClB,SAAU,IAAMG,EAAgBb,CAAK,EACrC,MAAAA,CAAA,CACH,EACD,MAPKA,CAQf,CACH,CAAA,CAAA,CAGb,CAAC"}