{"version":3,"file":"7447.68ac96d3cb6ba427b922.js","mappings":"6SAGO,SAASA,EAAYC,GACxB,I,EAAMC,EAAMC,EAAAA,OAA+B,MAErCC,EAAc,CAAC,CAAEC,MAAOJ,EAAMI,MAAOC,IAAKL,EAAMK,MAAlC,O,+CAA6CL,EAAMM,UAAY,K,kkBAYnF,OATAJ,EAAAA,WAAgB,WACZ,GAAKD,EAAIM,QAAT,CAGA,IAAQC,EAAUP,EAAIM,QAAQE,wBAAtBD,MAERP,EAAIM,QAAQG,WAAaF,KAC1B,IAEER,EAAMM,UAAmC,IAAvBH,EAAYQ,OAI7B,gBACDC,MAAG,CAACC,aAAW,aAAaC,UAAU,8B,gBAClCC,KAAE,CAACd,IAAKA,EAAKa,UAAU,iCACnBX,EAAYa,KAAI,SAACC,EAAYC,GAC1B,IAAMC,EAAcD,EAAQ,IAAMf,EAAYQ,OAE9C,OAAM,gBACDS,KAAE,CACCC,IAAKJ,EAAWZ,IAChBS,UAAU,oBACVQ,eAAcH,EAAc,YAASI,GAEpCL,EAAQ,EAAC,gBACLM,MAAG,CACAhB,MAAM,IACNiB,OAAO,IACPC,QAAQ,UACRC,KAAK,OACLC,MAAM,8B,gBAELC,OAAI,CACDC,EAAE,qDACFC,OAAO,kBAGf,KACHZ,EACGF,EAAWb,MAAK,gBAEf4B,IAAC,CAAClB,UAAU,oBAAoBmB,KAAMhB,EAAWZ,KAC7CY,EAAWb,aAjCjC,K,gNChBf,IAEA,EAFwBJ,SAAAA,GAAS,OAAM,gBAALD,EAAW,KAAKC","sources":["webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Breadcrumbs/breadcrumbs.tsx","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactViews/Breadcrumbs/breadcrumbs-view.js"],"sourcesContent":["import * as React from \"react\";\r\nimport { IBreadcrumbs } from \"../Navigation/navigation-types\";\r\n\r\nexport function Breadcrumbs(props: IBreadcrumbs) {\r\n    const ref = React.useRef<HTMLOListElement>(null);\r\n\r\n    const breadCrumbs = [{ Label: props.Label, Url: props.Url }, ...(props.Children || [])];\r\n\r\n    // TODO: Check if this looks okay with SSR\r\n    React.useEffect(() => {\r\n        if (!ref.current) {\r\n            return;\r\n        }\r\n        const { width } = ref.current.getBoundingClientRect();\r\n\r\n        ref.current.scrollLeft = width;\r\n    }, []);\r\n\r\n    if (!props.Children || breadCrumbs.length === 1) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <nav aria-label=\"Breadcrumb\" className=\"content-module breadcrumbs\">\r\n            <ol ref={ref} className=\"content-row breadcrumbs__list\">\r\n                {breadCrumbs.map((breadcrumb, index) => {\r\n                    const currentPage = index + 1 === breadCrumbs.length;\r\n\r\n                    return (\r\n                        <li\r\n                            key={breadcrumb.Url}\r\n                            className=\"breadcrumbs__item\"\r\n                            aria-current={currentPage ? \"page\" : undefined}\r\n                        >\r\n                            {index > 0 ? (\r\n                                <svg\r\n                                    width=\"5\"\r\n                                    height=\"7\"\r\n                                    viewBox=\"0 0 5 7\"\r\n                                    fill=\"none\"\r\n                                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                                >\r\n                                    <path\r\n                                        d=\"M0.828427 0.41376L3.65685 3.24219L0.828427 6.07061\"\r\n                                        stroke=\"currentColor\"\r\n                                    />\r\n                                </svg>\r\n                            ) : null}\r\n                            {currentPage ? (\r\n                                breadcrumb.Label\r\n                            ) : (\r\n                                <a className=\"breadcrumbs__link\" href={breadcrumb.Url}>\r\n                                    {breadcrumb.Label}\r\n                                </a>\r\n                            )}\r\n                        </li>\r\n                    );\r\n                })}\r\n            </ol>\r\n        </nav>\r\n    );\r\n}\r\n","import * as React from \"react\";\r\nimport { Breadcrumbs } from \"@/ReactComponents/Breadcrumbs/breadcrumbs\";\r\n\r\nconst BreadcrumbsView = props => <Breadcrumbs {...props} />;\r\n\r\nexport default BreadcrumbsView;\r\n"],"names":["Breadcrumbs","props","ref","React","breadCrumbs","Label","Url","Children","current","width","getBoundingClientRect","scrollLeft","length","nav","aria-label","className","ol","map","breadcrumb","index","currentPage","li","key","aria-current","undefined","svg","height","viewBox","fill","xmlns","path","d","stroke","a","href"],"sourceRoot":""}