{"version":3,"file":"7120-7e3bd2e3264b03cc598f.js","mappings":"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","sources":["webpack://brc/./src/helpers/scrollbars.ts","webpack://brc/./src/helpers/srOnly.ts","webpack://brc/./src/helpers/typography.ts","webpack://brc/./src/stories/Widgets/Global/Breadcrumbs/Breadcrumbs.styles.ts","webpack://brc/./src/stories/Widgets/Global/Breadcrumbs/Breadcrumbs.tsx","webpack://brc/./node_modules/react-spinners/esm/helpers/unitConverter.js","webpack://brc/./node_modules/react-spinners/esm/helpers/animation.js","webpack://brc/./node_modules/react-spinners/esm/PuffLoader.js"],"sourcesContent":["import { css } from 'styled-components';\r\nimport brand from './brand';\r\nexport default css `\r\n  &::-webkit-scrollbar-track {\r\n    background-color: ${brand.grey.grey40};\r\n  }\r\n\r\n  &::-webkit-scrollbar {\r\n    background-color: ${brand.grey.grey40};\r\n    height: 6px;\r\n    width: 6px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background-color: ${brand.grey.grey90};\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n  }\r\n`;\r\n","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","import svgQuote from '@img/icons/background/quote.svg?url';\r\nimport svgChevron from '@img/icons/interface/chevron-down.svg?url';\r\nimport { css } from 'styled-components';\r\nimport { transition } from './animate';\r\nimport brand from './brand';\r\nimport { fluid } from './fluid';\r\nimport fonts from './fonts';\r\nimport { Device, from } from './media';\r\nimport scrollbars from './scrollbars';\r\nexport const headingStyles = css `\r\n  ${fonts.intro};\r\n\r\n  color: currentColor;\r\n  margin: 0 0 ${fluid(16, 34)};\r\n`;\r\nexport const h1Sizes = css `\r\n  font-size: ${fluid(32, 64)};\r\n  line-height: ${fluid(38, 74)};\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n  ${h1Sizes};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(28, 48)};\r\n  line-height: ${fluid(36, 56)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(24, 34)};\r\n  line-height: ${fluid(32, 40)};\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(20, 24)};\r\n  line-height: ${fluid(26, 28)};\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(18, 23)};\r\n  line-height: ${fluid(24, 27)};\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(16, 22)};\r\n  line-height: ${fluid(20, 30)};\r\n`;\r\nconst paragraphStyles = css `\r\n  ${fonts.lato.regular};\r\n\r\n  color: currentColor;\r\n  margin: 0 0 ${fluid(16, 34)};\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(18, 20)};\r\n  line-height: ${fluid(26, 28)};\r\n`;\r\nexport const paragraphRegular = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(16, 18)};\r\n  line-height: ${fluid(24, 28)};\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(14, 16)};\r\n  line-height: ${fluid(22, 24)};\r\n`;\r\nexport const paragraphExtraSmall = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: 14px;\r\n  line-height: ${fluid(22, 24)};\r\n`;\r\nexport const subheading = css `\r\n  ${fonts.intro};\r\n\r\n  font-size: ${fluid(12, 16)};\r\n  line-height: ${fluid(14, 24)};\r\n  margin-bottom: 16px;\r\n\r\n  strong {\r\n    font-family: inherit;\r\n    color: currentColor;\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    font-style: inherit;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    margin-bottom: 12px;\r\n  }\r\n`;\r\nexport const link = css `\r\n  ${transition('text-decoration-color')};\r\n\r\n  display: inline-block;\r\n  color: var(--textLinkColour);\r\n  text-decoration: underline;\r\n  text-decoration-color: var(--textDecorationColour, transparent);\r\n  text-decoration-thickness: 1px;\r\n  text-underline-offset: 3px;\r\n\r\n  &:not(span) {\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &:focus-visible {\r\n      outline: auto;\r\n      outline-offset: 2px;\r\n      outline-width: 1px;\r\n      outline-style: solid;\r\n    }\r\n\r\n    &:focus,\r\n    &:hover {\r\n      text-decoration-color: var(--textDecorationHoverColour, currentColor);\r\n    }\r\n  }\r\n\r\n  /* Safari only link hover styles */\r\n  @supports (hanging-punctuation: first) and (font: -apple-system-body) and\r\n    (-webkit-appearance: none) {\r\n    text-decoration: none;\r\n\r\n    &:not(span) {\r\n      &:focus,\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const reverseLinkUnderline = css `\r\n  --textDecorationColour: currentColor;\r\n  --textDecorationHoverColour: transparent;\r\n\r\n  /* Safari only link hover styles */\r\n  @supports (hanging-punctuation: first) and (font: -apple-system-body) and\r\n    (-webkit-appearance: none) {\r\n    text-decoration: underline !important;\r\n\r\n    &:not(span) {\r\n      &:focus,\r\n      &:hover {\r\n        text-decoration: none !important;\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const blockquote = css `\r\n  ${paragraphLarge};\r\n\r\n  font-weight: 600;\r\n  font-style: italic;\r\n  color: currentColor;\r\n  text-align: left;\r\n\r\n  &::before {\r\n    content: '';\r\n    display: block;\r\n    width: ${fluid(48, 64)};\r\n    aspect-ratio: 1;\r\n    background-size: 100%;\r\n    background-repeat: no-repeat;\r\n    background-position: top left;\r\n    background-image: url(${svgQuote});\r\n    margin-bottom: ${fluid(16, 34)};\r\n  }\r\n\r\n  p {\r\n    color: currentColor;\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    font-style: inherit;\r\n    font-family: inherit;\r\n    margin: 0 0 ${fluid(16, 34)};\r\n\r\n    &:last-child {\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  footer {\r\n    color: ${brand.primary.purple.dark};\r\n    font-weight: 700;\r\n    margin-top: ${fluid(32, 34)};\r\n\r\n    cite {\r\n      ${paragraphRegular};\r\n\r\n      display: block;\r\n      margin: 0;\r\n    }\r\n  }\r\n`;\r\nexport const table = css `\r\n  ${paragraphRegular};\r\n\r\n  --borderColour: ${brand.primary.grey};\r\n  --borderRadius: ${fluid(10, 20)};\r\n  --headerBgColour: ${brand.primary.purple.light};\r\n  --headerTextColour: ${brand.global.white};\r\n  --paddingX: ${fluid(16, 26)};\r\n\r\n  background: ${brand.global.white};\r\n  border-collapse: collapse;\r\n  color: currentColor;\r\n  margin-bottom: ${fluid(16, 34)};\r\n  width: 100% !important;\r\n\r\n  td,\r\n  th {\r\n    border-right: 1px solid var(--headerTextColour);\r\n    padding: 12px var(--paddingX);\r\n    text-align: left;\r\n  }\r\n\r\n  thead {\r\n    tr {\r\n      background: var(--headerBgColour);\r\n\r\n      td,\r\n      th {\r\n        ${fonts.intro};\r\n\r\n        color: ${brand.global.white};\r\n        padding: var(--paddingX);\r\n        border-right: 1px solid var(--headerTextColour);\r\n\r\n        &:first-child {\r\n          border-top-left-radius: var(--borderRadius);\r\n        }\r\n\r\n        &:last-child {\r\n          border-top-right-radius: var(--borderRadius);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      &:nth-child(odd) {\r\n        background-color: ${brand.global.white};\r\n      }\r\n\r\n      &:nth-child(even) {\r\n        background-color: ${brand.primary.grey};\r\n      }\r\n\r\n      &:last-child td {\r\n        border-bottom: 1px solid var(--borderColour);\r\n      }\r\n\r\n      td {\r\n        &:first-child {\r\n          border-left: 1px solid var(--borderColour);\r\n        }\r\n\r\n        &:last-child {\r\n          border-right: 1px solid ${brand.primary.grey};\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const contentStyles = css `\r\n  h1,\r\n  .h1-styles {\r\n    ${h2};\r\n  }\r\n\r\n  h2,\r\n  .h2-styles {\r\n    ${h3};\r\n  }\r\n\r\n  h3,\r\n  .h3-styles {\r\n    ${h4};\r\n  }\r\n\r\n  h4,\r\n  .h4-styles {\r\n    ${h5}\r\n  }\r\n\r\n  h5,\r\n  .h5-styles {\r\n    ${h6}\r\n  }\r\n\r\n  h6,\r\n  .h6-styles {\r\n    ${headingStyles};\r\n\r\n    font-size: ${fluid(15, 20)};\r\n    line-height: ${fluid(19, 28)};\r\n  }\r\n\r\n  p {\r\n    ${paragraphRegular}\r\n\r\n    a {\r\n      ${link};\r\n    }\r\n  }\r\n\r\n  strong {\r\n    ${fonts.lato.bold};\r\n  }\r\n\r\n  .large {\r\n    ${paragraphLarge}\r\n  }\r\n\r\n  .small {\r\n    ${paragraphSmall}\r\n  }\r\n\r\n  .x-small {\r\n    ${paragraphExtraSmall}\r\n  }\r\n\r\n  .disclaimer {\r\n    ${paragraphStyles};\r\n\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n  }\r\n\r\n  .subheading {\r\n    ${subheading};\r\n  }\r\n\r\n  /* Brand Colour Classes */\r\n  .brand-purple-light {\r\n    color: ${brand.primary.purple.light};\r\n  }\r\n\r\n  .brand-purple-dark {\r\n    color: ${brand.primary.purple.dark};\r\n  }\r\n\r\n  .brand-blue-light {\r\n    color: ${brand.primary.blue.light};\r\n  }\r\n\r\n  .brand-blue-dark {\r\n    color: ${brand.primary.blue.dark};\r\n  }\r\n\r\n  .brand-green-light {\r\n    color: ${brand.secondary.green.light};\r\n  }\r\n\r\n  .brand-green-mid {\r\n    color: ${brand.secondary.green.mid};\r\n  }\r\n\r\n  .brand-green-dark {\r\n    color: ${brand.secondary.green.dark};\r\n  }\r\n\r\n  .brand-orange-light {\r\n    color: ${brand.secondary.orange.light};\r\n  }\r\n\r\n  .brand-orange-mid {\r\n    color: ${brand.secondary.orange.mid};\r\n  }\r\n\r\n  .brand-orange-dark {\r\n    color: ${brand.secondary.orange.dark};\r\n  }\r\n\r\n  .brand-pink-light {\r\n    color: ${brand.secondary.pink.light};\r\n  }\r\n\r\n  .brand-pink-mid {\r\n    color: ${brand.secondary.pink.mid};\r\n  }\r\n\r\n  .brand-pink-dark {\r\n    color: ${brand.secondary.pink.dark};\r\n  }\r\n\r\n  .brand-yellow-light {\r\n    color: ${brand.secondary.yellow.light};\r\n  }\r\n\r\n  .brand-yellow-mid {\r\n    color: ${brand.secondary.yellow.mid};\r\n  }\r\n\r\n  .brand-yellow-dark {\r\n    color: ${brand.secondary.yellow.dark};\r\n  }\r\n\r\n  a {\r\n    ${link}\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    ${paragraphRegular};\r\n\r\n    list-style: none;\r\n    padding-left: 1.2em;\r\n    margin: ${fluid(8, 16)} 0 ${fluid(16, 34)};\r\n\r\n    li {\r\n      color: currentColor;\r\n      margin: 0 0 ${fluid(8, 16)};\r\n\r\n      span {\r\n        display: inline;\r\n      }\r\n\r\n      &::before {\r\n        color: ${brand.primary.purple.light};\r\n        display: inline-block;\r\n        width: 1.2em;\r\n        margin-left: -1.2em;\r\n      }\r\n    }\r\n  }\r\n\r\n  ol {\r\n    counter-reset: li;\r\n\r\n    li {\r\n      counter-increment: li;\r\n\r\n      &::before {\r\n        content: counter(li) '.';\r\n        width: 2.5ch; // Allow space for double digit numbers\r\n        margin-left: -2.5ch;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Ensure that inline styling hasn't been applied\r\n  ul:not([style*='list-style-type']) li::before {\r\n    content: '\\\\2022';\r\n    font-weight: bold;\r\n  }\r\n\r\n  blockquote {\r\n    ${blockquote};\r\n  }\r\n\r\n  hr {\r\n    display: block;\r\n    background: ${brand.primary.purple.light};\r\n    border: 0;\r\n    height: 2px;\r\n    margin: ${fluid(16, 34)} 0;\r\n    padding: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  table {\r\n    ${table};\r\n  }\r\n\r\n  .responsive-table {\r\n    ${scrollbars};\r\n\r\n    position: relative;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  /* Details/Summary Accordion styles */\r\n  details {\r\n    display: block;\r\n    color: ${brand.primary.blue.dark};\r\n    padding: ${fluid(16, 18)};\r\n    border-radius: ${fluid(10, 20)};\r\n    background-color: ${brand.primary.grey};\r\n    margin-bottom: ${fluid(16, 18)};\r\n\r\n    summary {\r\n      ${fonts.lato.semiBold};\r\n\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      font-size: ${fluid(18, 24)};\r\n      line-height: ${fluid(24, 28)};\r\n      text-align: left;\r\n      width: 100%;\r\n      color: currentColor;\r\n      cursor: pointer;\r\n      margin-bottom: 2px;\r\n\r\n      &::after {\r\n        ${transition('transform')};\r\n\r\n        content: '';\r\n        display: block;\r\n        width: 40px;\r\n        height: 32px;\r\n        background: currentColor;\r\n        -webkit-mask-image: url(${svgChevron});\r\n        mask-image: url(${svgChevron});\r\n        mask-repeat: no-repeat;\r\n        mask-size: cover;\r\n        mask-position: center;\r\n      }\r\n    }\r\n\r\n    &[open] summary::after {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    > div {\r\n      padding: ${fluid(14, 20)} 0 6px;\r\n\r\n      p,\r\n      ul,\r\n      ol {\r\n        margin-bottom: ${fluid(12, 18)};\r\n      }\r\n\r\n      ul,\r\n      ol {\r\n        margin-left: ${fluid(4, 8)};\r\n\r\n        li {\r\n          margin-bottom: ${fluid(6, 10)};\r\n        }\r\n      }\r\n\r\n      > *:first-child {\r\n        margin-top: 0;\r\n      }\r\n\r\n      > *:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  > *:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Layers } from '@helpers/layers';\r\nimport { Device, until } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { link } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  --sectionSpacing: 8px;\r\n  --sectionBackground: ${brand.global.white};\r\n\r\n  position: relative;\r\n  z-index: ${Layers.Navigation - 5};\r\n`;\r\nconst List = styled.ul `\r\n  ${fonts.lato.regular};\r\n\r\n  gap: 12px;\r\n  color: var(--sectionColour);\r\n  width: 100%;\r\n  margin: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n`;\r\nconst Item = styled.li `\r\n  display: inline;\r\n  margin-right: 12px;\r\n\r\n  span {\r\n    margin-left: 12px;\r\n  }\r\n\r\n  svg {\r\n    width: ${fluid(14, 24)};\r\n    aspect-ratio: 1;\r\n    transform: translateY(${fluid(3, 6)}) rotate(-90deg);\r\n  }\r\n\r\n  &:has(a[aria-current='page']) {\r\n    margin-right: 0;\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    &[data-hidden='true'] {\r\n      ${srOnly};\r\n    }\r\n  }\r\n`;\r\nconst ItemLink = styled.a `\r\n  ${link};\r\n\r\n  --textLinkColour: var(--sectionColour);\r\n\r\n  display: inline;\r\n  white-space: nowrap;\r\n  font-size: ${fluid(12, 14)};\r\n  line-height: 24px;\r\n  padding: 3px 0; // Ensure click area is at least 24px high\r\n\r\n  &[aria-current='page'] {\r\n    font-weight: 700;\r\n  }\r\n\r\n  &:not([aria-current='page']).focus-ring,\r\n  &:not([aria-current='page']):hover {\r\n    text-decoration-color: currentColor;\r\n  }\r\n`;\r\nconst BreadcrumbsStyles = {\r\n    Container,\r\n    List,\r\n    Item,\r\n    ItemLink,\r\n};\r\nexport default BreadcrumbsStyles;\r\n","import { InterfaceIcon, getSvgIcon } from '@helpers/icons';\r\nimport { BackgroundVariant } from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport * as React from 'react';\r\nimport S from './Breadcrumbs.styles';\r\nconst Breadcrumbs = (props) => {\r\n    if (!props.items || props.items.length === 0) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container, { variant: BackgroundVariant.White, translations: props.translations },\r\n        React.createElement(S.List, { \"aria-label\": props.translations?.['global.breadcrumb.label'] ?? '' }, props.items.map((item, i) => (React.createElement(React.Fragment, { key: `breadcrumb-${i}` },\r\n            React.createElement(S.Item, { key: `breadcrumb-${i}`, \"data-hidden\": !(i === props.items.length - 1 || i === props.items.length - 2) },\r\n                React.createElement(S.ItemLink, { href: item.url, title: item.text, \"aria-current\": i === props.items.length - 1 ? 'page' : undefined }, item.text),\r\n                i !== props.items.length - 1 && React.createElement(\"span\", null, getSvgIcon(InterfaceIcon.Chevron)))))))));\r\n};\r\nexport default Breadcrumbs;\r\n","var cssUnit = {\n    cm: true,\n    mm: true,\n    in: true,\n    px: true,\n    pt: true,\n    pc: true,\n    em: true,\n    ex: true,\n    ch: true,\n    rem: true,\n    vw: true,\n    vh: true,\n    vmin: true,\n    vmax: true,\n    \"%\": true,\n};\n/**\n * If size is a number, append px to the value as default unit.\n * If size is a string, validate against list of valid units.\n * If unit is valid, return size as is.\n * If unit is invalid, console warn issue, replace with px as the unit.\n *\n * @param {(number | string)} size\n * @return {LengthObject} LengthObject\n */\nexport function parseLengthAndUnit(size) {\n    if (typeof size === \"number\") {\n        return {\n            value: size,\n            unit: \"px\",\n        };\n    }\n    var value;\n    var valueString = (size.match(/^[0-9.]*/) || \"\").toString();\n    if (valueString.includes(\".\")) {\n        value = parseFloat(valueString);\n    }\n    else {\n        value = parseInt(valueString, 10);\n    }\n    var unit = (size.match(/[^0-9]*$/) || \"\").toString();\n    if (cssUnit[unit]) {\n        return {\n            value: value,\n            unit: unit,\n        };\n    }\n    console.warn(\"React Spinners: \".concat(size, \" is not a valid css value. Defaulting to \").concat(value, \"px.\"));\n    return {\n        value: value,\n        unit: \"px\",\n    };\n}\n/**\n * Take value as an input and return valid css value\n *\n * @param {(number | string)} value\n * @return {string} valid css value\n */\nexport function cssValue(value) {\n    var lengthWithunit = parseLengthAndUnit(value);\n    return \"\".concat(lengthWithunit.value).concat(lengthWithunit.unit);\n}\n","export var createAnimation = function (loaderName, frames, suffix) {\n    var animationName = \"react-spinners-\".concat(loaderName, \"-\").concat(suffix);\n    if (typeof window == \"undefined\" || !window.document) {\n        return animationName;\n    }\n    var styleEl = document.createElement(\"style\");\n    document.head.appendChild(styleEl);\n    var styleSheet = styleEl.sheet;\n    var keyFrames = \"\\n    @keyframes \".concat(animationName, \" {\\n      \").concat(frames, \"\\n    }\\n  \");\n    if (styleSheet) {\n        styleSheet.insertRule(keyFrames, 0);\n    }\n    return animationName;\n};\n","var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport * as React from \"react\";\nimport { cssValue } from \"./helpers/unitConverter\";\nimport { createAnimation } from \"./helpers/animation\";\nvar puff = [\n    createAnimation(\"PuffLoader\", \"0% {transform: scale(0)} 100% {transform: scale(1.0)}\", \"puff-1\"),\n    createAnimation(\"PuffLoader\", \"0% {opacity: 1} 100% {opacity: 0}\", \"puff-2\"),\n];\nfunction PuffLoader(_a) {\n    var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? \"#000000\" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 60 : _f, additionalprops = __rest(_a, [\"loading\", \"color\", \"speedMultiplier\", \"cssOverride\", \"size\"]);\n    var wrapper = __assign({ display: \"inherit\", position: \"relative\", width: cssValue(size), height: cssValue(size) }, cssOverride);\n    var style = function (i) {\n        return {\n            position: \"absolute\",\n            height: cssValue(size),\n            width: cssValue(size),\n            border: \"thick solid \".concat(color),\n            borderRadius: \"50%\",\n            opacity: \"1\",\n            top: \"0\",\n            left: \"0\",\n            animationFillMode: \"both\",\n            animation: \"\".concat(puff[0], \", \").concat(puff[1]),\n            animationDuration: \"\".concat(2 / speedMultiplier, \"s\"),\n            animationIterationCount: \"infinite\",\n            animationTimingFunction: \"cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.3, 0.61, 0.355, 1)\",\n            animationDelay: i === 1 ? \"-1s\" : \"0s\",\n        };\n    };\n    if (!loading) {\n        return null;\n    }\n    return (React.createElement(\"span\", __assign({ style: wrapper }, additionalprops),\n        React.createElement(\"span\", { style: style(1) }),\n        React.createElement(\"span\", { style: style(2) })));\n}\nexport default PuffLoader;\n"],"names":["css","brand","grey","grey40","grey90","headingStyles","fonts","intro","fluid","h1Sizes","h2","h3","h4","h5","h6","paragraphStyles","lato","regular","paragraphLarge","paragraphRegular","paragraphSmall","paragraphExtraSmall","subheading","from","Device","TabletLarge","link","transition","reverseLinkUnderline","blockquote","svgQuote","primary","purple","dark","table","light","global","white","contentStyles","bold","blue","secondary","green","mid","orange","pink","yellow","scrollbars","semiBold","svgChevron","Container","styled","SectionWrapper","withConfig","displayName","componentId","Layers","Navigation","List","ul","Item","li","until","srOnly","ItemLink","a","props","_props$translations$g","_props$translations","items","length","React","S","variant","BackgroundVariant","White","translations","map","item","i","key","href","url","title","text","undefined","getSvgIcon","InterfaceIcon","Chevron","cssUnit","cm","mm","in","px","pt","pc","em","ex","ch","rem","vw","vh","vmin","vmax","cssValue","value","lengthWithunit","size","unit","valueString","match","toString","includes","parseFloat","parseInt","console","warn","concat","parseLengthAndUnit","createAnimation","loaderName","frames","suffix","animationName","window","document","styleEl","createElement","head","appendChild","styleSheet","sheet","keyFrames","insertRule","__assign","Object","assign","t","s","n","arguments","p","prototype","hasOwnProperty","call","apply","this","puff","_a","_b","loading","_c","color","_d","speedMultiplier","_e","cssOverride","_f","additionalprops","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","wrapper","display","position","width","height","style","border","borderRadius","opacity","top","left","animationFillMode","animation","animationDuration","animationIterationCount","animationTimingFunction","animationDelay"],"sourceRoot":""}