{"version":3,"sources":["webpack:///./src/img/icons/search.svg","webpack:///./src/img/icons/tick.svg","webpack:///./src/stories/Components/Filters/Filter/Filter.styles.ts","webpack:///./src/stories/Components/Filters/FilterDesktop/FilterDesktop.styles.ts","webpack:///./src/stories/Components/Filters/FilterDesktop/FilterDesktop.tsx","webpack:///./src/stories/Components/Filters/FilterMobile/FilterMobile.styles.ts","webpack:///./src/stories/Components/Filters/FilterMobile/FilterMobile.tsx","webpack:///./src/stories/Components/Filters/Filter/Filter.tsx","webpack:///./src/img/icons/chevron-right.svg","webpack:///./src/helpers/srOnly.ts"],"names":["_g","_path","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgSearch","props","xmlns","viewBox","fill","stroke","strokeWidth","cx","cy","r","strokeLinecap","d","SvgTick","FilterBreakpoint","Device","TabletLarge","Container","styled","section","until","Inner","div","FilterTop","brand","grey","grey89","Title","span","fonts","DaxPro","Medium","SelectedFilters","SelectedFilterBtn","button","Regular","ThemeSwitch","groundforceColour","rgba","primary","base","tpaColour","tpa","ItemList","Item","m","ButtonReset","ItemTitle","ItemArrow","ItemIcon","OptionOverlay","OptionList","Option","OptionInput","input","srOnly","FilterDesktopStyles","OptionLabel","label","alt","white","TickUrl","ResetButton","Filter","item","value","onChange","active","toggle","React","S","initial","animate","onClick","event","preventDefault","title","options","variants","closed","opacity","transitionEnd","display","opened","transition","duration","ease","map","option","id","name","selectedOptions","checked","includes","type","htmlFor","text","FilterDesktop","cta","items","showReset","onReset","x","activeFilters","setActiveFilters","SvgClose","xor","LinkButton","branding","href","url","from","ButtonWrapper","ButtonStyles","Button","Overlay","FilterTitle","CloseBtn","CloseIcon","BackArrow","FilterMid","ItemText","Arrow","SubmitWrapper","Backdrop","FilterMobileStyles","FilterMobile","dropdown","translations","isOpen","setIsOpen","SvgChevron","withMotion","SvgChevronRight","css"],"mappings":"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","file":"default~ProductListing~TechnicalLibrary-f8de64767dc6b67d6d2f.js","sourcesContent":["var _g, _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgSearch(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 27.333 27.333\"\n  }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2\n  }, /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 10.913,\n    cy: 10.913,\n    r: 10.913,\n    stroke: \"none\"\n  }), /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 10.913,\n    cy: 10.913,\n    r: 9.913\n  }))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeWidth: 2,\n    d: \"M18.643 18.643l7.275 7.275\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"59b9461c6c7c0d10ca810c3df0f2971c.svg\";\nexport { SvgSearch as ReactComponent };","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgTick(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 10.461 8.047\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M.121 4.426a.389.389 0 010-.563L.684 3.3a.389.389 0 01.563 0l.04.04L3.5 5.714a.194.194 0 00.282 0L9.174.121h.04a.389.389 0 01.563 0l.563.563a.389.389 0 010 .563L3.9 7.927a.389.389 0 01-.563 0L.2 4.547l-.08-.121z\",\n    fill: \"#fff\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"f4264fed6b9c7f2f5267ffb08b4bb7f3.svg\";\nexport { SvgTick as ReactComponent };","import { Device } from '@helpers/media';\r\nexport const FilterBreakpoint = Device.TabletLarge;\r\nconst FilterStyles = {};\r\nexport default FilterStyles;\r\n","import brand from '@helpers/brand';\r\nimport { fonts } from '@helpers/fonts';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { until } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport TickUrl from '@img/icons/tick.svg';\r\nimport { m } from 'framer-motion';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nimport { FilterBreakpoint } from '../Filter/Filter.styles';\r\nimport { ThemeSwitch } from '@helpers/theme';\r\nconst Container = styled.section `\r\n  position: relative;\r\n  height: 100%;\r\n\r\n  @media ${until(FilterBreakpoint)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  align-items: center;\r\n  z-index: 1;\r\n  padding-right: 25px;\r\n`;\r\nconst FilterTop = styled.div `\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  padding: 35px 0 15px;\r\n  border-bottom: 1px solid ${brand.grey.grey89};\r\n  margin-bottom: 10px;\r\n`;\r\nconst Title = styled.span `\r\n  ${fonts.DaxPro.Medium};\r\n  font-size: 20px;\r\n  margin: 0;\r\n`;\r\nconst SelectedFilters = styled.div `\r\n  flex: 1 0 100%;\r\n  padding-top: 10px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n`;\r\nconst SelectedFilterBtn = styled.button `\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 16px;\r\n  ${ThemeSwitch({\r\n    groundforceColour: rgba(brand.primary.base, 0.25),\r\n    tpaColour: rgba(brand.tpa.base, 0.25),\r\n})}\r\n  background-color: var(--theme);\r\n  border: none;\r\n  border-radius: 100000px;\r\n  padding: 6px 15px;\r\n\r\n  svg {\r\n    width: 10px;\r\n    margin-left: 5px;\r\n  }\r\n`;\r\nconst ItemList = styled.div ``;\r\nconst Item = styled(m.div) `\r\n  ${ButtonReset}\r\n  display: block;\r\n  width: 100%;\r\n  text-align: left;\r\n  ${ThemeSwitch({\r\n    groundforceColour: rgba(brand.primary.base, 0.25),\r\n    tpaColour: rgba(brand.tpa.base, 0.25),\r\n})}\r\n  background-color: var(--theme);\r\n  margin-bottom: 2px;\r\n`;\r\nconst ItemTitle = styled.button `\r\n  ${fonts.DaxPro.Medium};\r\n  font-size: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: none;\r\n  border: 0;\r\n  color: currentColor;\r\n  margin: 0;\r\n  padding: 15px;\r\n  text-decoration: none;\r\n  text-underline-position: under;\r\n  width: 100%;\r\n  cursor: pointer;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst ItemArrow = styled.span `\r\n  display: block;\r\n  margin-left: 20px;\r\n  place-content: center;\r\n  place-items: center;\r\n`;\r\nconst ItemIcon = styled.span `\r\n  display: block;\r\n  flex: 0 0 auto;\r\n  height: 16px;\r\n  margin-left: auto;\r\n  width: 16px;\r\n  position: relative;\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    content: '';\r\n    position: absolute;\r\n    right: 0;\r\n    top: 50%;\r\n    width: 16px;\r\n    height: 2px;\r\n    background-color: currentColor;\r\n  }\r\n\r\n  ${Item}[aria-expanded='true'] & {\r\n    &::after {\r\n      transform: translateY(-50%);\r\n    }\r\n  }\r\n\r\n  &::before {\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  &::after {\r\n    transform: translateY(-50%) rotate(90deg);\r\n  }\r\n`;\r\nconst OptionOverlay = styled(m.div) `\r\n  display: none;\r\n  background-image: linear-gradient(to right, var(--bgColor), var(--bgColor));\r\n  background-position: right;\r\n  background-repeat: no-repeat;\r\n  background-size: 50% 100%;\r\n  color: var(--fgColor);\r\n  overflow: hidden;\r\n  width: 100%;\r\n`;\r\nconst OptionList = styled.div `\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 5px 15px;\r\n`;\r\nconst Option = styled.div ``;\r\nconst OptionInput = styled.input `\r\n  ${srOnly}\r\n`;\r\nconst OptionLabel = styled.label `\r\n  display: flex;\r\n  color: currentColor;\r\n  cursor: pointer;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 18px;\r\n  line-height: 30px;\r\n  margin: 15px 0;\r\n  ${ThemeSwitch({ groundforceColour: brand.primary.alt })}\r\n\r\n  ${OptionInput}:disabled + & {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &::before {\r\n    content: '';\r\n    display: block;\r\n    background-color: ${brand.white};\r\n    border: 1px solid ${brand.white};\r\n    border-radius: 2px;\r\n    box-sizing: border-box;\r\n    color: ${brand.white};\r\n    flex: 0 0 20px;\r\n    font-size: 18px;\r\n    height: 20px;\r\n    line-height: 1em;\r\n    margin-top: 5px;\r\n    margin-right: 10px;\r\n    padding-top: 2px;\r\n    text-align: center;\r\n    width: 20px;\r\n    background-size: 75%;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n\r\n    ${OptionInput}:checked + & {\r\n      background-color: var(--theme);\r\n      background-image: url(${TickUrl});\r\n    }\r\n  }\r\n`;\r\nconst ResetButton = styled.button `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background: none;\r\n  border: 0;\r\n  color: currentColor;\r\n  cursor: pointer;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 14px;\r\n  line-height: 28px;\r\n  margin: 0;\r\n  padding: 0;\r\n  text-decoration: underline;\r\n  text-underline-position: under;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst FilterDesktopStyles = {\r\n    Container,\r\n    FilterTop,\r\n    Inner,\r\n    Item,\r\n    ItemArrow,\r\n    ItemIcon,\r\n    ItemList,\r\n    ItemTitle,\r\n    Option,\r\n    OptionInput,\r\n    OptionLabel,\r\n    OptionList,\r\n    OptionOverlay,\r\n    ResetButton,\r\n    SelectedFilterBtn,\r\n    SelectedFilters,\r\n    Title,\r\n};\r\nexport default FilterDesktopStyles;\r\n","import { ReactComponent as SvgClose } from '@img/icons/close.svg';\r\nimport { LinkButton } from '@stories/Components/Buttons/Button/Button';\r\nimport * as React from 'react';\r\nimport S from './FilterDesktop.styles';\r\nimport xor from 'lodash/xor';\r\nconst Filter = ({ item, value, onChange, active, toggle }) => {\r\n    return (React.createElement(S.Item, { initial: \"closed\", animate: active ? 'opened' : 'closed', \"aria-expanded\": active },\r\n        React.createElement(S.ItemTitle, { onClick: (event) => {\r\n                event.preventDefault();\r\n                toggle();\r\n            } },\r\n            React.createElement(\"span\", null, item.title),\r\n            React.createElement(S.ItemArrow, null,\r\n                React.createElement(S.ItemIcon, null))),\r\n        !!item.options.length && (React.createElement(S.OptionOverlay, { variants: {\r\n                closed: {\r\n                    opacity: 0,\r\n                    transitionEnd: {\r\n                        display: 'none',\r\n                    },\r\n                },\r\n                opened: {\r\n                    display: 'block',\r\n                    opacity: 1,\r\n                },\r\n            }, transition: {\r\n                duration: 0.15,\r\n                ease: 'easeOut',\r\n            } },\r\n            React.createElement(S.OptionList, null, item.options.map((option) => {\r\n                const id = `${item.name}-${option.value}`;\r\n                const selectedOptions = value[item.name] ?? [];\r\n                return (React.createElement(S.Option, { key: option.value },\r\n                    React.createElement(S.OptionInput, { id: id, checked: selectedOptions.includes(option.value), name: item.name, type: \"checkbox\", value: option.value, onChange: () => {\r\n                            onChange(item.name, option.value);\r\n                        } }),\r\n                    React.createElement(S.OptionLabel, { htmlFor: id }, option.text)));\r\n            }))))));\r\n};\r\nconst FilterDesktop = ({ cta, items, showReset = true, title, value, onChange, onReset, }) => {\r\n    const [activeFilters, setActiveFilters] = React.useState(items ? items.map((x) => x.name) : []);\r\n    return (React.createElement(S.Container, null,\r\n        React.createElement(S.Inner, null,\r\n            React.createElement(S.FilterTop, null,\r\n                React.createElement(S.Title, null, title),\r\n                showReset && (React.createElement(S.ResetButton, { type: \"button\", onClick: (event) => {\r\n                        event.preventDefault();\r\n                        onReset && onReset();\r\n                    } }, \"Clear all\")),\r\n                React.createElement(S.SelectedFilters, null, items\r\n                    ? items.map((item) => (React.createElement(React.Fragment, null, item.options.map((option) => {\r\n                        const selectedOptions = value[item.name] ?? [];\r\n                        return (React.createElement(React.Fragment, null, selectedOptions.includes(option.value) && (React.createElement(S.SelectedFilterBtn, { type: \"button\", key: option.value, onClick: () => onChange(item.name, option.value) },\r\n                            option.text,\r\n                            \" \",\r\n                            React.createElement(SvgClose, null)))));\r\n                    }))))\r\n                    : null)),\r\n            React.createElement(S.ItemList, null,\r\n                items\r\n                    ? items.map((item) => (React.createElement(Filter, { key: item.name, value: value, item: item, onChange: onChange, active: activeFilters.includes(item.name), toggle: () => setActiveFilters(xor([...activeFilters], [item.name])) })))\r\n                    : null,\r\n                cta && (React.createElement(LinkButton, { branding: \"primary\", title: cta.title, href: cta.url, target: cta.target }))))));\r\n};\r\nexport default FilterDesktop;\r\n","import brand from '@helpers/brand';\r\nimport { fonts } from '@helpers/fonts';\r\nimport { from } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { ReactComponent as SvgClose } from '@img/icons/close.svg';\r\nimport TickUrl from '@img/icons/tick.svg';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/Button/Button.styles';\r\nimport { m } from 'framer-motion';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nimport { FilterBreakpoint } from '../Filter/Filter.styles';\r\nconst Container = styled(m.section) `\r\n  @media ${from(FilterBreakpoint)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst SelectedFilters = styled.div `\r\n  flex: 1 0 100%;\r\n  padding-bottom: 10px;\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  gap: 10px;\r\n  overflow: auto;\r\n`;\r\nconst SelectedFilterBtn = styled.button `\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 16px;\r\n  background-color: ${rgba(brand.primary.base, 0.25)};\r\n  border: none;\r\n  border-radius: 100000px;\r\n  padding: 6px 15px;\r\n  white-space: nowrap;\r\n\r\n  svg {\r\n    width: 10px;\r\n    margin-left: 5px;\r\n  }\r\n`;\r\nconst Title = styled.span `\r\n  ${fonts.DaxPro.Medium};\r\n  font-size: 20px;\r\n  margin: 0 0 10px 0;\r\n`;\r\nconst ButtonWrapper = styled.div `\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  margin-bottom: 12px;\r\n  justify-content: flex-end;\r\n\r\n  ${ButtonStyles.Button} {\r\n    flex: 1 1 auto;\r\n  }\r\n`;\r\nconst Overlay = styled(m.div) `\r\n  position: fixed;\r\n  top: 0;\r\n  left: 100%;\r\n  display: grid;\r\n  background: ${brand.white};\r\n  grid-template-rows: auto auto 1fr;\r\n  height: 100%;\r\n  padding: 0 0 14px 0;\r\n  width: 100%;\r\n  z-index: 100;\r\n`;\r\nconst FilterTop = styled.div `\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 12px;\r\n  margin: 15px;\r\n  border-bottom: 2px solid ${brand.grey.grey89};\r\n  margin-bottom: 10px;\r\n`;\r\nconst FilterTitle = styled.span `\r\n  display: block;\r\n  background: none;\r\n  border: 0;\r\n  color: currentColor;\r\n  ${fonts.DaxPro.Medium};\r\n  font-size: 24px;\r\n  line-height: 30px;\r\n  text-align: left;\r\n  width: 100%;\r\n`;\r\nconst CloseBtn = styled.button `\r\n  border: none;\r\n  background: none;\r\n  padding: 0;\r\n  width: 32px;\r\n  height: 32px;\r\n  justify-self: end;\r\n`;\r\nconst CloseIcon = styled(SvgClose) `\r\n  height: 12px;\r\n  width: 12px;\r\n`;\r\nconst ResetButton = styled.button `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background: none;\r\n  border: 0;\r\n  color: currentColor;\r\n  cursor: pointer;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 14px;\r\n  line-height: 28px;\r\n  margin: 0;\r\n  padding: 0;\r\n  text-decoration: underline;\r\n  text-underline-position: under;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst BackArrow = styled.span `\r\n  margin-right: 8px;\r\n`;\r\nconst FilterMid = styled.div `\r\n  padding: 15px;\r\n  border-bottom: 1px solid var(--highlightColorSecondary);\r\n  background-color: var(--bgColor);\r\n\r\n  ${ButtonStyles.Button} {\r\n    width: 100%;\r\n    margin-bottom: 10px;\r\n  }\r\n`;\r\nconst ItemList = styled.div `\r\n  display: block;\r\n  padding: 0 15px 15px;\r\n`;\r\nconst Item = styled(m.div) `\r\n  color: currentColor;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  padding: 0 15px;\r\n  background-color: ${rgba(brand.primary.base, 0.25)};\r\n  margin-bottom: 2px;\r\n`;\r\nconst ItemText = styled.span `\r\n  display: block;\r\n`;\r\nconst Arrow = styled.span `\r\n  display: block;\r\n  margin-left: auto;\r\n`;\r\nconst OptionOverlay = styled(m.div) `\r\n  display: none;\r\n  color: var(--fgColor);\r\n  overflow: hidden;\r\n  width: 100%;\r\n  padding-bottom: 15px;\r\n`;\r\nconst OptionList = styled.div `\r\n  display: block;\r\n  min-height: 0;\r\n  overflow-y: auto;\r\n`;\r\nconst Option = styled.div `\r\n  display: flex;\r\n  align-items: center;\r\n  height: 44px;\r\n`;\r\nconst OptionInput = styled.input `\r\n  ${srOnly}\r\n`;\r\nconst OptionLabel = styled.label `\r\n  display: flex;\r\n  color: currentColor;\r\n  cursor: pointer;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 16px;\r\n  line-height: 30px;\r\n\r\n  ${OptionInput}:disabled + & {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &::before {\r\n    content: '';\r\n    display: block;\r\n    background-color: ${brand.white};\r\n    border: 1px solid ${brand.white};\r\n    border-radius: 2px;\r\n    box-sizing: border-box;\r\n    color: ${brand.white};\r\n    flex: 0 0 20px;\r\n    font-size: 18px;\r\n    height: 20px;\r\n    line-height: 1em;\r\n    margin-top: 5px;\r\n    margin-right: 10px;\r\n    padding-top: 2px;\r\n    text-align: center;\r\n    width: 20px;\r\n    background-size: 75%;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n\r\n    ${OptionInput}:checked + & {\r\n      background-color: ${brand.primary.alt};\r\n      background-image: url(${TickUrl});\r\n    }\r\n  }\r\n`;\r\nconst SubmitWrapper = styled.div `\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  flex-direction: column;\r\n`;\r\nconst Backdrop = styled(m.div) `\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  display: block;\r\n  background: hsla(var(--accentColorPrimaryString) / 0.25);\r\n  height: 100%;\r\n  width: 100%;\r\n`;\r\nconst ItemTitle = styled.button `\r\n  ${fonts.DaxPro.Medium};\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: none;\r\n  border: 0;\r\n  color: currentColor;\r\n  ${fonts.DaxPro.Medium};\r\n  margin: 0;\r\n  padding: 15px 0;\r\n  text-decoration: none;\r\n  text-underline-position: under;\r\n  width: 100%;\r\n  cursor: pointer;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst ItemArrow = styled.span `\r\n  display: block;\r\n  margin-left: 20px;\r\n  place-content: center;\r\n  place-items: center;\r\n`;\r\nconst ItemIcon = styled.span `\r\n  display: block;\r\n  flex: 0 0 auto;\r\n  height: 16px;\r\n  margin-left: auto;\r\n  width: 16px;\r\n  position: relative;\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    content: '';\r\n    position: absolute;\r\n    right: 0;\r\n    top: 50%;\r\n    width: 16px;\r\n    height: 2px;\r\n    background-color: currentColor;\r\n  }\r\n\r\n  ${Item}[aria-expanded='true'] & {\r\n    &::after {\r\n      transform: translateY(-50%);\r\n    }\r\n  }\r\n\r\n  &::before {\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  &::after {\r\n    transform: translateY(-50%) rotate(90deg);\r\n  }\r\n`;\r\nconst FilterMobileStyles = {\r\n    Arrow,\r\n    BackArrow,\r\n    Backdrop,\r\n    ButtonWrapper,\r\n    CloseBtn,\r\n    CloseIcon,\r\n    Container,\r\n    FilterMid,\r\n    FilterTitle,\r\n    FilterTop,\r\n    Item,\r\n    ItemArrow,\r\n    ItemIcon,\r\n    ItemList,\r\n    ItemText,\r\n    ItemTitle,\r\n    Option,\r\n    OptionInput,\r\n    OptionLabel,\r\n    OptionList,\r\n    OptionOverlay,\r\n    Overlay,\r\n    ResetButton,\r\n    SelectedFilterBtn,\r\n    SelectedFilters,\r\n    SubmitWrapper,\r\n    Title,\r\n};\r\nexport default FilterMobileStyles;\r\n","import { ReactComponent as SvgChevron } from '@img/icons/chevron-right.svg';\r\nimport { ReactComponent as SvgClose } from '@img/icons/close.svg';\r\nimport Button from '@stories/Components/Buttons/Button/Button';\r\nimport * as React from 'react';\r\nimport S from './FilterMobile.styles';\r\nimport xor from 'lodash/xor';\r\nconst FilterMobile = ({ dropdown, items, showReset = true, title, translations, value, onChange, onReset, }) => {\r\n    const [isOpen, setIsOpen] = React.useState(false);\r\n    const [activeFilters, setActiveFilters] = React.useState([]);\r\n    React.useEffect(() => {\r\n        if (isOpen) {\r\n            setActiveFilters([]);\r\n        }\r\n    }, [isOpen]);\r\n    return (React.createElement(S.Container, { initial: \"closed\", animate: isOpen ? 'opened' : 'closed' },\r\n        React.createElement(S.Title, null, title),\r\n        React.createElement(S.ButtonWrapper, null,\r\n            React.createElement(Button, { branding: \"primaryAlt\", title: translations && translations['customerportal.technical-library.filterbtntext']\r\n                    ? translations['customerportal.technical-library.filterbtntext']\r\n                    : 'Filter', onClick: (event) => {\r\n                    event.preventDefault();\r\n                    setIsOpen(!isOpen);\r\n                } })),\r\n        React.createElement(S.SelectedFilters, null, items\r\n            ? items.map((item) => (React.createElement(React.Fragment, null, item.options.map((option) => {\r\n                const selectedOptions = value[item.name] ?? [];\r\n                return (React.createElement(React.Fragment, null, selectedOptions.includes(option.value) && (React.createElement(S.SelectedFilterBtn, { type: \"button\", key: option.value, onClick: () => onChange(item.name, option.value) },\r\n                    option.text,\r\n                    \" \",\r\n                    React.createElement(SvgClose, null)))));\r\n            }))))\r\n            : null),\r\n        React.createElement(S.Overlay, { variants: {\r\n                closed: {\r\n                    x: 0,\r\n                },\r\n                opened: {\r\n                    x: '-100%',\r\n                },\r\n            }, transition: {\r\n                duration: 0.3,\r\n                ease: 'easeOut',\r\n            } },\r\n            React.createElement(React.Fragment, null,\r\n                React.createElement(S.FilterTop, null,\r\n                    React.createElement(S.FilterTitle, null, title),\r\n                    React.createElement(S.CloseBtn, { onClick: (event) => {\r\n                            event.preventDefault();\r\n                            setActiveFilters([]);\r\n                            setIsOpen(false);\r\n                        } },\r\n                        React.createElement(S.CloseIcon, null))),\r\n                React.createElement(S.ItemList, null,\r\n                    dropdown && (React.createElement(S.Item, { key: dropdown.name, onClick: (event) => {\r\n                            event.preventDefault();\r\n                            setActiveFilters(xor([...activeFilters], [dropdown.name]));\r\n                        } },\r\n                        React.createElement(S.ItemText, null, dropdown.title),\r\n                        React.createElement(S.Arrow, null,\r\n                            React.createElement(\"span\", null, SvgChevron)))),\r\n                    items\r\n                        ? items.map((item) => (React.createElement(S.Item, { key: item.name, initial: \"closed\", animate: activeFilters.includes(item.name) ? 'opened' : 'closed', \"aria-expanded\": activeFilters.includes(item.name) },\r\n                            React.createElement(S.ItemTitle, { onClick: (event) => {\r\n                                    event.preventDefault();\r\n                                    setActiveFilters(xor([...activeFilters], [item.name]));\r\n                                } },\r\n                                React.createElement(\"span\", null, item.title),\r\n                                React.createElement(S.ItemArrow, null,\r\n                                    React.createElement(S.ItemIcon, null))),\r\n                            !!item.options.length && (React.createElement(S.OptionOverlay, { variants: {\r\n                                    closed: {\r\n                                        opacity: 0,\r\n                                        transitionEnd: {\r\n                                            display: 'none',\r\n                                        },\r\n                                    },\r\n                                    opened: {\r\n                                        display: 'block',\r\n                                        opacity: 1,\r\n                                    },\r\n                                }, transition: {\r\n                                    duration: 0.15,\r\n                                    ease: 'easeOut',\r\n                                } },\r\n                                React.createElement(S.OptionList, null, item.options.map((option) => {\r\n                                    const id = `${item.name}-${option.value}`;\r\n                                    const selectedOptions = value[item.name] ?? [];\r\n                                    return (React.createElement(S.Option, { key: option.value },\r\n                                        React.createElement(S.OptionInput, { id: id, checked: selectedOptions.includes(option.value), name: item.name, type: \"checkbox\", value: option.value, onChange: () => {\r\n                                                onChange(item.name, option.value);\r\n                                            } }),\r\n                                        React.createElement(S.OptionLabel, { htmlFor: id }, option.text)));\r\n                                })))))))\r\n                        : null),\r\n                React.createElement(S.FilterMid, null,\r\n                    React.createElement(Button, { branding: \"black\", title: translations && translations['customerportal.technical-library.applybtntext']\r\n                            ? translations['customerportal.technical-library.applybtntext']\r\n                            : 'Apply filters', onClick: (event) => {\r\n                            event.preventDefault();\r\n                            setActiveFilters([]);\r\n                            setIsOpen(false);\r\n                        } }),\r\n                    showReset && (React.createElement(Button, { branding: \"white\", title: translations && translations['customerportal.technical-library.clearbtntext']\r\n                            ? translations['customerportal.technical-library.clearbtntext']\r\n                            : 'Clear All', onClick: (event) => {\r\n                            event.preventDefault();\r\n                            setActiveFilters([]);\r\n                            onReset && onReset();\r\n                        } })))),\r\n            React.createElement(S.SubmitWrapper, null))));\r\n};\r\nexport default FilterMobile;\r\n","import { withMotion } from '@hoc/withMotion';\r\nimport * as React from 'react';\r\nimport FilterDesktop from '../FilterDesktop/FilterDesktop';\r\nimport FilterMobile from '../FilterMobile/FilterMobile';\r\nconst Filter = (props) => {\r\n    return (React.createElement(React.Fragment, null,\r\n        React.createElement(FilterDesktop, { ...props }),\r\n        React.createElement(FilterMobile, { ...props })));\r\n};\r\nexport default withMotion(Filter);\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgChevronRight(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 7.257 11.686\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Path 48\",\n    d: \"M.707.707l5.136 5.136-5.136 5.136\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2\n  })));\n}\n\nexport default __webpack_public_path__ + \"6973e4a6f707c58d2376f688ccfb4a95.svg\";\nexport { SvgChevronRight as ReactComponent };","import { css } from 'styled-components';\r\n/**\r\n * Show only for screen readers.\r\n * @description Sourced from https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034\r\n */\r\nconst srOnly = css `\r\n  border: 0 !important;\r\n  clip: rect(1px, 1px, 1px, 1px) !important;\r\n  -webkit-clip-path: inset(50%) !important;\r\n  clip-path: inset(50%) !important;\r\n  height: 1px !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  padding: 0 !important;\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  white-space: nowrap !important;\r\n`;\r\nexport default srOnly;\r\n"],"sourceRoot":""}