{"version":3,"file":"static/js/Filter.52d43d40.js","mappings":"6PAOA,MAAMA,EAAYC,IAAM,QAAS,CAC7BC,QAAS,4BACTC,MAAO,4BACPC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGJC,EAAoBN,IAAM,QAAS,CACrCC,QAAS,6BACTC,MAAO,6BACPC,UAAW,6BACXC,KAAM,0BACNC,KAAM,4BAGJE,EAAoBP,IAAM,QAAS,CACrCC,QAAS,yBACTC,MAAO,yBACPC,UAAW,yBACXC,KAAM,yBACNC,KAAM,2BAGJG,EAAcR,IAAM,QAAS,CAC/BC,QAAS,qCACTC,MAAO,qCACPC,UAAW,qCACXC,KAAM,kCACNC,KAAM,oCAGJI,EAAsBT,IAAM,QAAS,CACvCC,QAAS,sCACTC,MAAO,sCACPC,UAAW,sCACXC,KAAM,mCACNC,KAAM,qCAGJK,EAAmBV,IAAM,QAAS,CACpCC,QAAS,mCACTC,MAAO,mCACPC,UAAW,mCACXC,KAAM,gCACNC,KAAM,kCAGJM,EAAsBX,IAAM,QAAS,CACvCC,QAAS,+BACTC,MAAO,+BACPC,UAAW,+BACXC,KAAM,4BACNC,KAAM,8BAGJO,GAAcC,EAAAA,EAAAA,KAAG,sbACjBC,EAAAA,GAEsBN,EAEXT,EAOIA,EAUfgB,EAAAA,GAAGC,OAKmBN,GAQrBO,GACCA,EAAMC,WACNL,EAAAA,EAAAA,KAAG,wEACqBJ,EAKHH,KAItBW,GACCA,EAAME,WACNN,EAAAA,EAAAA,KAAG,6FACyBF,EACJA,EACPJ,EAIIA,KAKhBa,GAAaC,EAAAA,EAAAA,QAAOC,EAAAA,GAAKC,WAAA,CAAAC,YAAA,gBAAZH,CAAY,SAChCT,GAGOa,EAAeJ,EAAAA,OAAOK,OAAMH,WAAA,CAAAC,YAAA,gBAAbH,CAAa,SACnCT,G,eCzHN,MAAMe,EAASA,EACXC,WACAC,KACAC,MACAC,YACAC,WACAb,WACAD,WACAe,UACAC,eAEA,MAAMC,GAAeC,EAAAA,EAAAA,YAAWC,EAAAA,cAC1BrC,EAASmC,GAAgBA,EAAanC,OAAU,YAEtD,OACIsC,EAAAA,EAAAA,KAACC,EAAAA,cAAa,CAACvC,MAAO,CAAEA,MAAOA,GAAQgC,SAClCH,GAAMC,GACHQ,EAAAA,EAAAA,KAAClB,EAAU,CACPW,UAAWA,EACXF,GAAIA,GAAMC,EACVX,SAAUA,EACVD,UAAWC,GAAYD,EACvB,eAAcC,EAAW,YAASqB,EAClCN,SAAUA,EACVO,OAAK,EACLR,QAASA,MACLS,EAAAA,EAAAA,IAAkB,QAAOV,UAE7BM,EAAAA,EAAAA,KAAA,QAAAN,SAAOJ,GAAYI,GAAY,QAGnCM,EAAAA,EAAAA,KAACb,EAAY,CACTM,UAAWA,EACXZ,SAAUA,EACVD,UAAWC,GAAYD,EACvB,eAAcC,EAAW,YAASqB,EAClCP,QAASA,MACLS,EAAAA,EAAAA,IAAkB,QAAOV,UAE7BM,EAAAA,EAAAA,KAAA,QAAAN,SAAOJ,GAAYI,GAAY,QAG3B,EAIxB,MAAeW,EAAAA,KAAWhB,E","sources":["components/Filter/Filter.styled.ts","components/Filter/Filter.tsx"],"sourcesContent":["import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Link from \"components/Link\";\nimport { styleBodyM } from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst textColor = theme(\"theme\", {\n    default: \"--text-on-neutral-primary\",\n    white: \"--text-on-neutral-primary\",\n    lightgray: \"--text-on-neutral-primary\",\n    blue: \"--text-on-blue-primary\",\n    cyan: \"--text-on-cyan-primary\",\n});\n\nconst textColorDisabled = theme(\"theme\", {\n    default: \"--text-on-neutral-disabled\",\n    white: \"--text-on-neutral-disabled\",\n    lightgray: \"--text-on-neutral-disabled\",\n    blue: \"--text-on-blue-disabled\",\n    cyan: \"--text-on-cyan-disabled\",\n});\n\nconst textColorSelected = theme(\"theme\", {\n    default: \"--text-on-blue-primary\",\n    white: \"--text-on-blue-primary\",\n    lightgray: \"--text-on-blue-primary\",\n    blue: \"--text-on-cyan-primary\",\n    cyan: \"--text-on-blue-primary\",\n});\n\nconst borderColor = theme(\"theme\", {\n    default: \"--filter-on-neutral-default-border\",\n    white: \"--filter-on-neutral-default-border\",\n    lightgray: \"--filter-on-neutral-default-border\",\n    blue: \"--filter-on-blue-default-border\",\n    cyan: \"--filter-on-cyan-default-border\",\n});\n\nconst borderColorDisabled = theme(\"theme\", {\n    default: \"--filter-on-neutral-disabled-border\",\n    white: \"--filter-on-neutral-disabled-border\",\n    lightgray: \"--filter-on-neutral-disabled-border\",\n    blue: \"--filter-on-blue-disabled-border\",\n    cyan: \"--filter-on-cyan-disabled-border\",\n});\n\nconst borderColorHover = theme(\"theme\", {\n    default: \"--filter-on-neutral-hover-border\",\n    white: \"--filter-on-neutral-hover-border\",\n    lightgray: \"--filter-on-neutral-hover-border\",\n    blue: \"--filter-on-blue-hover-border\",\n    cyan: \"--filter-on-cyan-hover-border\",\n});\n\nconst borderColorSelected = theme(\"theme\", {\n    default: \"--filter-on-neutral-selected\",\n    white: \"--filter-on-neutral-selected\",\n    lightgray: \"--filter-on-neutral-selected\",\n    blue: \"--filter-on-blue-selected\",\n    cyan: \"--filter-on-cyan-selected\",\n});\n\nconst filterStyle = css<StyledLinkProps>`\n    ${styleBodyM};\n    background-color: transparent;\n    border: 1px solid var(${borderColor});\n    border-radius: 0.25rem;\n    color: var(${textColor});\n    display: inline-block;\n    padding: 0.1875rem 0.375rem 0.125rem;\n    transition: all 0.2s ease-in-out;\n\n    svg,\n    span {\n        color: var(${textColor});\n        display: block;\n        transition: inherit;\n    }\n\n    svg {\n        display: inline-block;\n        margin-right: 0.4375rem;\n    }\n\n    ${MQ.FROM_M} {\n        padding: 0.375rem 0.875rem;\n    }\n\n    &:hover {\n        border-color: var(${borderColorHover});\n    }\n\n    &:focus-visible {\n        outline: 7px solid var(--filter-focus);\n        outline-offset: 0;\n    }\n\n    ${(props) =>\n        props.disabled &&\n        css`\n            border-color: var(${borderColorDisabled});\n            pointer-events: none;\n\n            svg,\n            span {\n                color: var(${textColorDisabled});\n            }\n        `}\n\n    ${(props) =>\n        props.selected &&\n        css`\n            background-color: var(${borderColorSelected});\n            border-color: var(${borderColorSelected});\n            color: var(${textColorSelected});\n\n            svg,\n            span {\n                color: var(${textColorSelected});\n            }\n        `}\n`;\n\nexport const StyledLink = styled(Link)<StyledLinkProps>`\n    ${filterStyle};\n`;\n\nexport const StyledButton = styled.button<StyledLinkProps>`\n    ${filterStyle};\n`;\n\ninterface StyledLinkProps {\n    selected?: boolean;\n    disabled?: boolean;\n}\n","import React, { ReactElement, useContext } from \"react\";\nimport { ThemeContext, ThemeProvider } from \"styled-components\";\n\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport { StyledButton, StyledLink } from \"./Filter.styled\";\nimport FilterProps from \"./FilterProps\";\n\nconst Filter = ({\n    linkText,\n    to,\n    url,\n    className,\n    children,\n    selected,\n    disabled,\n    onClick,\n    noScroll,\n}: FilterProps): ReactElement => {\n    const themeContext = useContext(ThemeContext);\n    const theme = (themeContext && themeContext.theme) || \"lightgray\";\n\n    return (\n        <ThemeProvider theme={{ theme: theme }}>\n            {to || url ? (\n                <StyledLink\n                    className={className}\n                    to={to || url}\n                    selected={selected}\n                    disabled={!selected && disabled}\n                    aria-current={selected ? \"page\" : undefined}\n                    noScroll={noScroll}\n                    exact\n                    onClick={onClick}\n                    {...addEditAttributes(\"Text\")}\n                >\n                    <span>{linkText || children || \"\"}</span>\n                </StyledLink>\n            ) : (\n                <StyledButton\n                    className={className}\n                    selected={selected}\n                    disabled={!selected && disabled}\n                    aria-current={selected ? \"page\" : undefined}\n                    onClick={onClick}\n                    {...addEditAttributes(\"Text\")}\n                >\n                    <span>{linkText || children || \"\"}</span>\n                </StyledButton>\n            )}\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(Filter);\n"],"names":["textColor","theme","default","white","lightgray","blue","cyan","textColorDisabled","textColorSelected","borderColor","borderColorDisabled","borderColorHover","borderColorSelected","filterStyle","css","styleBodyM","MQ","FROM_M","props","disabled","selected","StyledLink","styled","Link","withConfig","componentId","StyledButton","button","Filter","linkText","to","url","className","children","onClick","noScroll","themeContext","useContext","ThemeContext","_jsx","ThemeProvider","undefined","exact","addEditAttributes","React"],"sourceRoot":""}