npm - @blateral/b.kit - Versions diffs - 2.3.0-beta.1.4 → 2.3.1 - Mend

@blateral/b.kit 2.3.0-beta.1.4 → 2.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (833) hide show

package/cjs/Filter-d6d90b8b.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("./ClockFilled-2483aa4a.js"),t=require("react"),r=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i,l=a(t),o=n(r).default.svg.withConfig({displayName:"Filter__SVG",componentId:"sc-noawe1-0"})(i\|\|(i=e.__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"])));exports.Filter=function(e){var t=e.iconColor,r=void 0===t?"currentColor":t,n=e.className,a=e.ariaHidden,i=void 0===a\|\|a;return l.createElement(o,{width:"24",height:"24",viewBox:"0 0 24 24",className:n,fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":i},l.createElement("path",{d:"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z",fill:r}))};
2	- //# sourceMappingURL=Filter-d6d90b8b.js.map

package/cjs/Filter-d6d90b8b.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Filter-d6d90b8b.js","sources":["../src/components/base/icons/Filter.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n display: block;\n`;\n\nconst Filter: React.FC<{\n iconColor?: string;\n className?: string;\n ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n <SVG\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n className={className}\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden={ariaHidden}\n >\n <path\n d=\"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z\"\n fill={iconColor}\n />\n </SVG>\n);\n\nexport default Filter;\n"],"names":["SVG","styled","svg","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","width","height","viewBox","fill","xmlns","d"],"mappings":"8dAGMA,OAAMC,QAAOC,IAAVC,WAAA,CAAAC,YAAA,cAAAC,YAAA,eAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,2BAAA,CAAA,6CAQjB,SAACC,GAAE,IAAAC,EAAAD,EAAAE,UAAAA,OAAY,IAAAD,EAAA,iBAAgBE,EAASH,EAAAG,UAAEC,EAAiBJ,EAAAK,WAAjBA,OAAU,IAAAD,GAAOA,EAAO,OACnEE,EAAAC,cAACf,EAAG,CACAgB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRP,UAAWA,EACXQ,KAAK,OACLC,MAAM,6BACOP,cAAAA,GAEbC,EACIC,cAAA,OAAA,CAAAM,EAAE,iDACFF,KAAMT"}

package/cjs/FilterField-cf9e2f16.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./Copy-e860efe7.js"),i=require("./styles-0f1a0aea.js"),r=require("./useLazyInput-f71c221b.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,d,c,u,p,f=l(e),m=a(e),g=a(t),h=g.default.svg.withConfig({displayName:"Magnifier__SVG",componentId:"sc-1i44xjf-0"})(s\|\|(s=n.__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),x=function(n){var e=n.iconColor,t=void 0===e?"currentColor":e,o=n.className,i=n.ariaHidden,r=void 0===i\|\|i;return f.createElement(h,{viewBox:"0 0 18 18",width:"18",height:"18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":r,className:o},f.createElement("path",{d:"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z",fill:t}))},v=g.default.div.withConfig({displayName:"FilterField__View",componentId:"sc-1reb7yx-0"})(d\|\|(d=n.__makeTemplateObject(["\n display: flex;\n min-height: 50px;\n border: solid 1px\n ",";\n\n color: ",";\n\n &:focus-within {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus-within & > input:not(:focus-visible) {\n outline: none;\n }\n\n @media "," {\n max-width: 400px;\n }\n"],["\n display: flex;\n min-height: 50px;\n border: solid 1px\n ",";\n\n color: ",";\n\n &:focus-within {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus-within & > input:not(:focus-visible) {\n outline: none;\n }\n\n @media "," {\n max-width: 400px;\n }\n"])),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).elementBg.light:i.getColors(e).elementBg.dark}),(function(n){var e=n.theme;return n.isInverted?i.getFonts(e).copy.medium.colorInverted:i.getFonts(e).copy.medium.color}),(function(n){var e=n.theme,t=n.isInverted;return"1px solid ".concat(t?i.getColors(e).primary.inverted:i.getColors(e).primary.default)}),i.mq.medium),b=g.default.input.withConfig({displayName:"FilterField__Field",componentId:"sc-1reb7yx-1"})(c\|\|(c=n.__makeTemplateObject(["\n flex: 1 1 auto;\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n color: inherit;\n ","\n line-height: 1;\n\n padding: ","px;\n padding-right: ","px;\n\n &::placeholder {\n color: ",";\n }\n"],["\n flex: 1 1 auto;\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n color: inherit;\n ","\n line-height: 1;\n\n padding: ","px;\n padding-right: ","px;\n\n &::placeholder {\n color: ",";\n }\n"])),o.copyStyle("copy","medium"),2i.spacings.nudge,i.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?i.getColors(e).text.subtileInverted:i.getColors(e).text.subtile})),y=g.default.div.withConfig({displayName:"FilterField__SearchIcon",componentId:"sc-1reb7yx-2"})(u\|\|(u=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-right: ","px;\n padding-left: ","px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n display: flex;\n align-items: center;\n padding-right: ","px;\n padding-left: ","px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])),2i.spacings.nudge,2i.spacings.nudge),w=g.default.button.withConfig({displayName:"FilterField__ClearBtn",componentId:"sc-1reb7yx-3"})(p\|\|(p=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n\n padding-right: ","px;\n padding-left: ","px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n\n outline: ",";\n outline-offset: -4px;\n outline-style: dashed;\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > {\n height: 20px;\n width: 20px;\n }\n"],["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n\n padding-right: ","px;\n padding-left: ","px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n\n outline: ",";\n outline-offset: -4px;\n outline-style: dashed;\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > * {\n height: 20px;\n width: 20px;\n }\n"])),2i.spacings.nudge,2i.spacings.nudge,(function(n){var e=n.theme,t=n.isInverted;return"2px solid ".concat(t?i.getColors(e).primary.inverted:i.getColors(e).primary.default)}));exports.FilterField=function(t){var o=t.isInverted,i=t.value,a=t.initialValue,l=t.placeholder,s=t.onSubmit,d=t.onBlur,c=t.submitIcon,u=t.clearIcon,p=t.className,f=r.useLazyInput((function(n){null==s\|\|s(n)}),a\|\|""),g=f.update,h=f.value,C=f.forceUpdate;return e.useEffect((function(){void 0!==i&&g(i)}),[g,i]),m.default.createElement(v,{isInverted:o,className:p},m.default.createElement(b,{type:"text",isInverted:o,value:h,placeholder:l,onChange:function(n){var e,t=null===(e=null==n?void 0:n.currentTarget)\|\|void 0===e?void 0:e.value;void 0!==t&&g(t,""===t)},onBlur:d,onKeyDown:function(n){"Enter"===n.key&&C()}}),""===h&&m.default.createElement(y,null,c?c(o):m.default.createElement(x,null)),""!==h&&m.default.createElement(w,{isInverted:o,"aria-label":"clear filter",onClick:function(){g("",!0)}},u?u(o):m.default.createElement(n.Cross,null)))};
2	- //# sourceMappingURL=FilterField-cf9e2f16.js.map

package/cjs/FilterField-cf9e2f16.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FilterField-cf9e2f16.js","sources":["../src/components/base/icons/Magnifier.tsx","../src/components/fields/FilterField.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n display: block;\n`;\n\nconst Magnifier: React.FC<{\n iconColor?: string;\n className?: string;\n ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n <SVG\n viewBox=\"0 0 18 18\"\n width=\"18\"\n height=\"18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden={ariaHidden}\n className={className}\n >\n <path\n d=\"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z\"\n fill={iconColor}\n />\n </SVG>\n);\n\nexport default Magnifier;\n","import React, { FC, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n spacings,\n getColors as color,\n getFonts as font,\n mq,\n} from 'utils/styles';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport useLazyInput from 'utils/useLazyInput';\nimport Cross from 'components/base/icons/Cross';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n display: flex;\n min-height: 50px;\n border: solid 1px\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n\n color: ${({ theme, isInverted }) =>\n isInverted\n ? font(theme).copy.medium.colorInverted\n : font(theme).copy.medium.color};\n\n &:focus-within {\n outline: ${({ theme, isInverted }) =>\n `1px solid ${\n isInverted\n ? color(theme).primary.inverted\n : color(theme).primary.default\n }`};\n outline-offset: 0;\n }\n\n &:focus-within & > input:not(:focus-visible) {\n outline: none;\n }\n\n @media ${mq.medium} {\n max-width: 400px;\n }\n`;\n\nconst Field = styled.input<{ isInverted?: boolean }>`\n flex: 1 1 auto;\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n color: inherit;\n ${copyStyle('copy', 'medium')}\n line-height: 1;\n\n padding: ${spacings.nudge * 2}px;\n padding-right: ${spacings.nudge}px;\n\n &::placeholder {\n color: ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).text.subtileInverted\n : color(theme).text.subtile};\n }\n`;\n\nconst SearchIcon = styled.div`\n display: flex;\n align-items: center;\n padding-right: ${spacings.nudge * 2}px;\n padding-left: ${spacings.nudge * 2}px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n`;\n\nconst ClearBtn = styled.button<{ isInverted?: boolean }>`\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n\n padding-right: ${spacings.nudge * 2}px;\n padding-left: ${spacings.nudge * 2}px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n\n outline: ${({ theme, isInverted }) =>\n `2px solid ${\n isInverted\n ? color(theme).primary.inverted\n : color(theme).primary.default\n }`};\n outline-offset: -4px;\n outline-style: dashed;\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > * {\n height: 20px;\n width: 20px;\n }\n`;\n\nconst FilterField: FC<{\n isInverted?: boolean;\n value?: string;\n initialValue?: string;\n placeholder?: string;\n onSubmit?: (value: string) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n submitIcon?: (isInverted?: boolean) => React.ReactNode;\n clearIcon?: (isInverted?: boolean) => React.ReactNode;\n className?: string;\n}> = ({\n isInverted,\n value,\n initialValue,\n placeholder,\n onSubmit,\n onBlur,\n submitIcon,\n clearIcon,\n className,\n}) => {\n const {\n update,\n value: getValue,\n forceUpdate,\n } = useLazyInput((value) => {\n onSubmit?.(value);\n }, initialValue || '');\n\n useEffect(() => {\n if (value !== undefined) {\n update(value);\n }\n }, [update, value]);\n\n return (\n <View isInverted={isInverted} className={className}>\n <Field\n type=\"text\"\n isInverted={isInverted}\n value={getValue}\n placeholder={placeholder}\n onChange={(ev) => {\n const newValue = ev?.currentTarget?.value;\n if (newValue !== undefined) {\n update(newValue, newValue === '');\n }\n }}\n onBlur={onBlur}\n onKeyDown={(ev) => {\n if (ev.key === 'Enter') {\n forceUpdate();\n }\n }}\n />\n {getValue === '' && (\n <SearchIcon>\n {submitIcon ? submitIcon(isInverted) : <Magnifier />}\n </SearchIcon>\n )}\n {getValue !== '' && (\n <ClearBtn\n isInverted={isInverted}\n aria-label=\"clear filter\"\n onClick={() => {\n update('', true);\n }}\n >\n {clearIcon ? clearIcon(isInverted) : <Cross />}\n </ClearBtn>\n )}\n </View>\n );\n};\n\nexport default FilterField;\n"],"names":["SVG","styled","svg","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Magnifier","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","viewBox","width","height","fill","xmlns","d","View","div","theme","isInverted","color","elementBg","light","dark","font","getFonts","copy","medium","colorInverted","primary","inverted","default","mq","Field","input","templateObject_2","copyStyle","spacings","nudge","text","subtileInverted","subtile","SearchIcon","ClearBtn","button","templateObject_4","value","initialValue","placeholder","onSubmit","onBlur","submitIcon","clearIcon","useLazyInput","update","getValue","forceUpdate","useEffect","undefined","type","onChange","ev","newValue","currentTarget","onKeyDown","key","onClick","Cross"],"mappings":"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"}

package/cjs/Grid-39b12e21.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),i=require("styled-components"),t=require("./clamp-bd21d587.js"),l=require("./styles-0f1a0aea.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function d(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(i){if("default"!==i){var t=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(e,i,t.get?t:{enumerable:!0,get:function(){return n[i]}})}})),e.default=n,Object.freeze(e)}var o=d(e),r=a(i),m={cols:12,gutter:l.spacings.spacer},u=function(n,e,i){return null==n?n:n!==t.clampValue(n,e,i)?void 0:n},v=function(e){return function(t){var a,d,o,r,m=u(t.gutter,0)\|\|0,v=u(null===(a=null==t?void 0:t.medium)\|\|void 0===a?void 0:a.gutter,0),s=u(null===(d=null==t?void 0:t.semilarge)\|\|void 0===d?void 0:d.gutter,0),c=u(null===(o=null==t?void 0:t.large)\|\|void 0===o?void 0:o.gutter,0),g=u(null===(r=null==t?void 0:t.xlarge)\|\|void 0===r?void 0:r.gutter,0),p="grid"===e?"margin-top: -":"padding-top: ",_="grid"===e?"margin-left: -":"padding-left: ";return i.css(F\|\|(F=n.__makeTemplateObject(["\n ","","px;\n ","","px;\n\n ","\n\n ","\n \n ","\n\n ","\n "],["\n ","","px;\n ","","px;\n\n ","\n\n ","\n \n ","\n\n ","\n "])),p,m,_,m,void 0!==v&&i.css(G\|\|(G=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),l.mq.medium,p,v,_,v),void 0!==s&&i.css(E\|\|(E=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),l.mq.semilarge,p,s,_,s),void 0!==c&&i.css(P\|\|(P=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),l.mq.large,p,c,_,c),void 0!==g&&i.css(S\|\|(S=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),l.mq.xlarge,p,g,_,g))}},s=function(n){switch(n){case"top":return"flex-start";case"center":return"center";case"bottom":return"flex-end";default:return}},c=function(e){return function(t){var a,d,o,r,m=s(t.valign),u=s(null===(a=null==t?void 0:t.medium)\|\|void 0===a?void 0:a.valign),v=s(null===(d=null==t?void 0:t.semilarge)\|\|void 0===d?void 0:d.valign),c=s(null===(o=null==t?void 0:t.large)\|\|void 0===o?void 0:o.valign),g=s(null===(r=null==t?void 0:t.xlarge)\|\|void 0===r?void 0:r.valign),p=e?"align-self: ":"align-items: ";return i.css(B\|\|(B=n.__makeTemplateObject(["\n ","",";\n\n ","\n\n ","\n\n ","\n\n ","\n "],["\n ","",";\n\n ","\n\n ","\n\n ","\n\n ","\n "])),p,m\|\|void 0,void 0!==u&&i.css(D\|\|(D=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),l.mq.medium,p,u),void 0!==v&&i.css(L\|\|(L=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),l.mq.semilarge,p,v),void 0!==c&&i.css(M\|\|(M=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),l.mq.large,p,c),void 0!==g&&i.css(V\|\|(V=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),l.mq.xlarge,p,g))}},g=function(n){switch(n){case"left":return"flex-start";case"center":return"center";case"right":return"flex-end";default:return}},p=r.default.div.withConfig({displayName:"Grid__StyledCol",componentId:"sc-cwn14w-0"})(Z\|\|(Z=n.__makeTemplateObject(["\n ",";\n ",";\n ","\n display: inline-grid;\n grid-template-columns: 100%;\n position: relative;\n\n ","\n ","\n ","\n ","\n"],["\n ",";\n ",";\n ","\n display: inline-grid;\n grid-template-columns: 100%;\n position: relative;\n\n ","\n ","\n ","\n ","\n"])),(function(e){var t,a,d,o,r=u(e.span,0,1),m=u(null===(t=e.medium)\|\|void 0===t?void 0:t.span,0,1),v=u(null===(a=e.semilarge)\|\|void 0===a?void 0:a.span,0,1),s=u(null===(d=e.large)\|\|void 0===d?void 0:d.span,0,1),c=u(null===(o=e.xlarge)\|\|void 0===o?void 0:o.span,0,1);return i.css(T\|\|(T=n.__makeTemplateObject(["\n width: ","%;\n\n ","\n\n ","\n\n ","\n\n ","\n "],["\n width: ","%;\n\n ","\n\n ","\n\n ","\n\n ","\n "])),100(r\|\|1),m&&i.css(b\|\|(b=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),l.mq.medium,100(m\|\|1)),v&&i.css(h\|\|(h=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),l.mq.semilarge,100(v\|\|1)),s&&i.css(O\|\|(O=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),l.mq.large,100(s\|\|1)),c&&i.css(k\|\|(k=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),l.mq.xlarge,100(c\|\|1)))}),(function(e){var t,a,d,o,r=null===(t=null==e?void 0:e.medium)\|\|void 0===t?void 0:t.move,m=null===(a=null==e?void 0:e.semilarge)\|\|void 0===a?void 0:a.move,u=null===(d=null==e?void 0:e.large)\|\|void 0===d?void 0:d.move,v=null===(o=null==e?void 0:e.xlarge)\|\|void 0===o?void 0:o.move;return i.css(A\|\|(A=n.__makeTemplateObject(["\n left: ",";\n right: ",";\n\n ","\n\n ","\n\n ","\n\n ","\n "],["\n left: ",";\n right: ",";\n\n ","\n\n ","\n\n ","\n\n ","\n "])),(null==e?void 0:e.move)&&(null==e?void 0:e.move)>0?100(null==e?void 0:e.move)+"%":"auto",(null==e?void 0:e.move)&&(null==e?void 0:e.move)<0?-100(null==e?void 0:e.move)+"%":"auto",void 0!==r&&i.css(q\|\|(q=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),l.mq.medium,r&&r>0?100r+"%":"auto",r&&r<0?-100r+"%":"auto"),void 0!==m&&i.css(w\|\|(w=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),l.mq.semilarge,m&&m>0?100m+"%":"auto",m&&m<0?-100m+"%":"auto"),void 0!==u&&i.css(y\|\|(y=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),l.mq.large,u&&u>0?100u+"%":"auto",u&&u<0?-100u+"%":"auto"),void 0!==v&&i.css(C\|\|(C=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),l.mq.xlarge,v&&v>0?100v+"%":"auto",v&&v<0?-100v+"%":"auto"))}),v("col"),(function(e){var t,a,d,o,r=null===(t=null==e?void 0:e.medium)\|\|void 0===t?void 0:t.textAlign,m=null===(a=null==e?void 0:e.semilarge)\|\|void 0===a?void 0:a.textAlign,u=null===(d=null==e?void 0:e.large)\|\|void 0===d?void 0:d.textAlign,v=null===(o=null==e?void 0:e.xlarge)\|\|void 0===o?void 0:o.textAlign;return i.css(z\|\|(z=n.__makeTemplateObject(["\n text-align: ",";\n\n ","\n\n ","\n\n ","\n\n ","\n "],["\n text-align: ",";\n\n ","\n\n ","\n\n ","\n\n ","\n "])),(null==e?void 0:e.textAlign)\|\|void 0,void 0!==r&&i.css(I\|\|(I=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),l.mq.medium,r),void 0!==m&&i.css(N\|\|(N=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),l.mq.semilarge,m),void 0!==u&&i.css(R\|\|(R=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),l.mq.large,u),void 0!==v&&i.css(W\|\|(W=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),l.mq.xlarge,v))}),c(!0),(function(e){return e.toRight&&i.css(X\|\|(X=n.__makeTemplateObject(["\n margin-left: auto;\n "],["\n margin-left: auto;\n "])))}),(function(e){return e.toLeft&&i.css(Y\|\|(Y=n.__makeTemplateObject(["\n margin-right: auto;\n "],["\n margin-right: auto;\n "])))})),_=r.default.div.withConfig({displayName:"Grid__StyledGrid",componentId:"sc-cwn14w-1"})($\|\|($=n.__makeTemplateObject(["\n ","\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n ","\n ","\n"],["\n ","\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n ","\n ","\n"])),v("grid"),c(),(function(e){var t,a,d,o,r=g(e.halign),m=g(null===(t=null==e?void 0:e.medium)\|\|void 0===t?void 0:t.halign),u=g(null===(a=null==e?void 0:e.semilarge)\|\|void 0===a?void 0:a.halign),v=g(null===(d=null==e?void 0:e.large)\|\|void 0===d?void 0:d.halign),s=g(null===(o=null==e?void 0:e.xlarge)\|\|void 0===o?void 0:o.halign);return i.css(U\|\|(U=n.__makeTemplateObject(["\n justify-content: ",";\n\n ","\n\n ","\n\n ","\n\n ","\n "],["\n justify-content: ",";\n\n ","\n\n ","\n\n ","\n\n ","\n "])),r\|\|void 0,void 0!==m&&i.css(H\|\|(H=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),l.mq.medium,m),void 0!==u&&i.css(J\|\|(J=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),l.mq.semilarge,u),void 0!==v&&i.css(K\|\|(K=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),l.mq.large,v),void 0!==s&&i.css(Q\|\|(Q=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),l.mq.xlarge,s))})),f=function(e,i){return void 0===e?i:i?n.__assign(n.__assign({},i),{gutter:e}):{gutter:e}},x=function(e){var i=e.gutter,t=e.valign,l=e.children,a=e.halign,d=e.medium,r=e.semilarge,m=e.large,u=e.xlarge;return o.createElement(_,{gutter:i,valign:t,halign:a,medium:d,semilarge:r,large:m,xlarge:u},o.Children.map(l,(function(e){var t,l,a,v;return e?o.createElement(p,n.__assign({},null==e?void 0:e.props,{gutter:i,medium:f(null==d?void 0:d.gutter,null===(t=null==e?void 0:e.props)\|\|void 0===t?void 0:t.medium),semilarge:f(null==r?void 0:r.gutter,null===(l=null==e?void 0:e.props)\|\|void 0===l?void 0:l.semilarge),large:f(null==m?void 0:m.gutter,null===(a=null==e?void 0:e.props)\|\|void 0===a?void 0:a.large),xlarge:f(null==u?void 0:u.gutter,null===(v=null==e?void 0:e.props)\|\|void 0===v?void 0:v.xlarge)})):void 0})))};x.defaultProps={gutter:m.gutter};var j,b,h,O,k,T,q,w,y,C,A,G,E,P,S,F,I,N,R,W,z,D,L,M,V,B,H,J,K,Q,U,X,Y,Z,$,nn={Row:x,Col:function(n){return o.createElement(o.Fragment,null,null==n?void 0:n.children)}};exports.Grid=nn,exports.getGridWidth=function(e){var t=(null==e?void 0:e.cols)\|\|m.cols,l=(null==e?void 0:e.gridWidth)\|\|"100%",a=void 0!==(null==e?void 0:e.gutter)?e.gutter:m.gutter,d=m.cols;return i.css(j\|\|(j=n.__makeTemplateObject(["\n calc((("," - ","px) / ",") "," + ","px)\n "],["\n calc((("," - ","px) / ",") * "," + ","px)\n "])),l,(d-1)a,d,t,(t-1)a)},exports.gridSettings=m;
2	- //# sourceMappingURL=Grid-39b12e21.js.map

package/cjs/Grid-39b12e21.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Grid-39b12e21.js","sources":["../src/components/base/Grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { spacings, mq } from 'utils/styles';\n\nexport interface ColPropsSettings {\n /** Normalisierte Werte zwischen 0 und 1: z.B. 12 von 28 Spalten (12 / 28) */\n span?: number;\n /** Normalisierte Werte zwischen -1 und 1: z.B. -12 von 28 Spalten (-12 / 28) */\n move?: number;\n /** Vertical alignment of column content */\n valign?: VerticalAlign;\n /** Text alignment of column content */\n textAlign?: TextAlign;\n}\n\ntype VerticalAlign = 'top' | 'center' | 'bottom';\ntype HorizontalAlign = 'left' | 'center' | 'right';\ntype TextAlign = 'left' | 'center' | 'right';\n\ninterface ColProps extends ColPropsSettings {\n medium?: ColPropsSettings;\n semilarge?: ColPropsSettings;\n large?: ColPropsSettings;\n xlarge?: ColPropsSettings;\n /** force column to the right */\n toRight?: boolean;\n /** force column to the left */\n toLeft?: boolean;\n}\n\nexport const gridSettings = {\n cols: 12,\n gutter: spacings.spacer,\n};\n\n/** Get width of grid cols incl. gutter (relative to container element) */\nexport const getGridWidth = (props?: {\n cols?: number;\n gutter?: number;\n gridWidth?: string;\n}) => {\n const columns = props?.cols || gridSettings.cols;\n\n const width = props?.gridWidth || '100%';\n const gridGutter =\n props?.gutter !== undefined ? props.gutter : gridSettings.gutter;\n const gridCols = gridSettings.cols;\n\n return css`\n calc(((${width} - ${\n (gridCols - 1) * gridGutter\n }px) / ${gridCols}) * ${columns} + ${(columns - 1) * gridGutter}px)\n `;\n};\n\nconst validateValue = (\n value: number | undefined,\n min: number,\n max?: number\n) => {\n if (value === undefined || value === null) return value;\n return value !== clampValue(value, min, max) ? undefined : value;\n};\n\nconst getWidth = (props: ColProps) => {\n const span = validateValue(props.span, 0, 1);\n const mediumSpan = validateValue(props.medium?.span, 0, 1);\n const semilargeSpan = validateValue(props.semilarge?.span, 0, 1);\n const largeSpan = validateValue(props.large?.span, 0, 1);\n const xlargeSpan = validateValue(props.xlarge?.span, 0, 1);\n\n return css`\n width: ${(span || 1) * 100}%;\n\n ${mediumSpan &&\n css`\n @media ${mq.medium} {\n width: ${(mediumSpan || 1) * 100}%;\n }\n `}\n\n ${semilargeSpan &&\n css`\n @media ${mq.semilarge} {\n width: ${(semilargeSpan || 1) * 100}%;\n }\n `}\n\n ${largeSpan &&\n css`\n @media ${mq.large} {\n width: ${(largeSpan || 1) * 100}%;\n }\n `}\n\n ${xlargeSpan &&\n css`\n @media ${mq.xlarge} {\n width: ${(xlargeSpan || 1) * 100}%;\n }\n `}\n `;\n};\n\nconst getLeftRight = (props: ColProps) => {\n const mediumMove = props?.medium?.move;\n const semilargeMove = props?.semilarge?.move;\n const largeMove = props?.large?.move;\n const xlargeMove = props?.xlarge?.move;\n\n return css`\n left: ${props?.move && props?.move > 0\n ? props?.move * 100 + '%'\n : 'auto'};\n right: ${props?.move && props?.move < 0\n ? props?.move * -100 + '%'\n : 'auto'};\n\n ${mediumMove !== undefined &&\n css`\n @media ${mq.medium} {\n left: ${mediumMove && mediumMove > 0\n ? mediumMove * 100 + '%'\n : 'auto'};\n right: ${mediumMove && mediumMove < 0\n ? mediumMove * -100 + '%'\n : 'auto'};\n }\n `}\n\n ${semilargeMove !== undefined &&\n css`\n @media ${mq.semilarge} {\n left: ${semilargeMove && semilargeMove > 0\n ? semilargeMove * 100 + '%'\n : 'auto'};\n right: ${semilargeMove && semilargeMove < 0\n ? semilargeMove * -100 + '%'\n : 'auto'};\n }\n `}\n\n ${largeMove !== undefined &&\n css`\n @media ${mq.large} {\n left: ${largeMove && largeMove > 0\n ? largeMove * 100 + '%'\n : 'auto'};\n right: ${largeMove && largeMove < 0\n ? largeMove * -100 + '%'\n : 'auto'};\n }\n `}\n\n ${xlargeMove !== undefined &&\n css`\n @media ${mq.xlarge} {\n left: ${xlargeMove && xlargeMove > 0\n ? xlargeMove * 100 + '%'\n : 'auto'};\n right: ${xlargeMove && xlargeMove < 0\n ? xlargeMove * -100 + '%'\n : 'auto'};\n }\n `}\n `;\n};\n\nconst getGutter = (mode: 'grid' | 'col') => (props: GridProps) => {\n const gutter = validateValue(props.gutter, 0) || 0;\n const mediumGutter = validateValue(props?.medium?.gutter, 0);\n const semilargeGutter = validateValue(props?.semilarge?.gutter, 0);\n const largeGutter = validateValue(props?.large?.gutter, 0);\n const xlargeGutter = validateValue(props?.xlarge?.gutter, 0);\n\n const propertyTop = mode === 'grid' ? 'margin-top: -' : 'padding-top: ';\n const propertyLeft = mode === 'grid' ? 'margin-left: -' : 'padding-left: ';\n\n return css`\n ${propertyTop}${gutter}px;\n ${propertyLeft}${gutter}px;\n\n ${mediumGutter !== undefined &&\n css`\n @media ${mq.medium} {\n ${propertyTop}${mediumGutter}px;\n ${propertyLeft}${mediumGutter}px;\n }\n `}\n\n ${semilargeGutter !== undefined &&\n css`\n @media ${mq.semilarge} {\n ${propertyTop}${semilargeGutter}px;\n ${propertyLeft}${semilargeGutter}px;\n }\n `}\n \n ${largeGutter !== undefined &&\n css`\n @media ${mq.large} {\n ${propertyTop}${largeGutter}px;\n ${propertyLeft}${largeGutter}px;\n }\n `}\n\n ${xlargeGutter !== undefined &&\n css`\n @media ${mq.xlarge} {\n ${propertyTop}${xlargeGutter}px;\n ${propertyLeft}${xlargeGutter}px;\n }\n `}\n `;\n};\n\nconst getTextAlign = (props: ColProps) => {\n const mediumTextAlign = props?.medium?.textAlign;\n const semilargeTextAlign = props?.semilarge?.textAlign;\n const largeTextAlign = props?.large?.textAlign;\n const xlargeTextAlign = props?.xlarge?.textAlign;\n\n return css`\n text-align: ${props?.textAlign || undefined};\n\n ${mediumTextAlign !== undefined &&\n css`\n @media ${mq.medium} {\n text-align: ${mediumTextAlign};\n }\n `}\n\n ${semilargeTextAlign !== undefined &&\n css`\n @media ${mq.semilarge} {\n text-align: ${semilargeTextAlign};\n }\n `}\n\n ${largeTextAlign !== undefined &&\n css`\n @media ${mq.large} {\n text-align: ${largeTextAlign};\n }\n `}\n\n ${xlargeTextAlign !== undefined &&\n css`\n @media ${mq.xlarge} {\n text-align: ${xlargeTextAlign};\n }\n `}\n `;\n};\n\nconst mapVerticalAlign = (alignMode?: VerticalAlign) => {\n switch (alignMode) {\n case 'top':\n return 'flex-start';\n case 'center':\n return 'center';\n case 'bottom':\n return 'flex-end';\n default:\n return undefined;\n }\n};\n\nconst getVerticalAlign =\n (selfAlign?: boolean) => (props: ColProps & GridProps) => {\n const vAlign = mapVerticalAlign(props.valign);\n const mediumAlign = mapVerticalAlign(props?.medium?.valign);\n const semilargelAlign = mapVerticalAlign(props?.semilarge?.valign);\n const largeAlign = mapVerticalAlign(props?.large?.valign);\n const xlargeAlign = mapVerticalAlign(props?.xlarge?.valign);\n\n const property = selfAlign ? 'align-self: ' : 'align-items: ';\n\n return css`\n ${property}${vAlign || undefined};\n\n ${mediumAlign !== undefined &&\n css`\n @media ${mq.medium} {\n ${property}${mediumAlign};\n }\n `}\n\n ${semilargelAlign !== undefined &&\n css`\n @media ${mq.semilarge} {\n ${property}${semilargelAlign};\n }\n `}\n\n ${largeAlign !== undefined &&\n css`\n @media ${mq.large} {\n ${property}${largeAlign};\n }\n `}\n\n ${xlargeAlign !== undefined &&\n css`\n @media ${mq.xlarge} {\n ${property}${xlargeAlign};\n }\n `}\n `;\n };\n\nconst mapHorizontalAlign = (alignMode?: HorizontalAlign) => {\n switch (alignMode) {\n case 'left':\n return 'flex-start';\n case 'center':\n return 'center';\n case 'right':\n return 'flex-end';\n default:\n return undefined;\n }\n};\n\nconst getHorinzontalAlign = (props: GridProps) => {\n const hAlign = mapHorizontalAlign(props.halign);\n const mediumAlign = mapHorizontalAlign(props?.medium?.halign);\n const semilargelAlign = mapHorizontalAlign(props?.semilarge?.halign);\n const largeAlign = mapHorizontalAlign(props?.large?.halign);\n const xlargeAlign = mapHorizontalAlign(props?.xlarge?.halign);\n\n return css`\n justify-content: ${hAlign || undefined};\n\n ${mediumAlign !== undefined &&\n css`\n @media ${mq.medium} {\n justify-content: ${mediumAlign};\n }\n `}\n\n ${semilargelAlign !== undefined &&\n css`\n @media ${mq.semilarge} {\n justify-content: ${semilargelAlign};\n }\n `}\n\n ${largeAlign !== undefined &&\n css`\n @media ${mq.large} {\n justify-content: ${largeAlign};\n }\n `}\n\n ${xlargeAlign !== undefined &&\n css`\n @media ${mq.xlarge} {\n justify-content: ${xlargeAlign};\n }\n `}\n `;\n};\n\nconst StyledCol = styled.div<GridProps & ColProps>`\n ${getWidth};\n ${getLeftRight};\n ${getGutter('col')}\n display: inline-grid;\n grid-template-columns: 100%;\n position: relative;\n\n ${getTextAlign}\n ${getVerticalAlign(true)}\n ${({ toRight }) =>\n toRight &&\n css`\n margin-left: auto;\n `}\n ${({ toLeft }) =>\n toLeft &&\n css`\n margin-right: auto;\n `}\n`;\n\nconst Col: React.FC<ColProps & { children?: React.ReactNode }> = (props) => {\n return <React.Fragment>{props?.children}</React.Fragment>;\n};\n\ninterface GridPropsSettings {\n gutter?: number;\n valign?: VerticalAlign;\n halign?: HorizontalAlign;\n}\n\ninterface GridProps extends GridPropsSettings {\n medium?: GridPropsSettings;\n semilarge?: GridPropsSettings;\n large?: GridPropsSettings;\n xlarge?: GridPropsSettings;\n}\n\nconst StyledGrid = styled.div<GridProps>`\n ${getGutter('grid')}\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n ${getVerticalAlign()}\n ${getHorinzontalAlign}\n`;\n\nconst mapGutterToCol = (gutter?: number, colSettings?: any) => {\n if (gutter === undefined) return colSettings;\n if (colSettings) {\n return {\n ...colSettings,\n gutter,\n };\n } else {\n return {\n gutter,\n };\n }\n};\n\nconst Grid: React.FC<GridProps & { children?: React.ReactNode }> = ({\n gutter,\n valign,\n children,\n halign,\n medium,\n semilarge,\n large,\n xlarge,\n}) => {\n return (\n <StyledGrid\n gutter={gutter}\n valign={valign}\n halign={halign}\n medium={medium}\n semilarge={semilarge}\n large={large}\n xlarge={xlarge}\n >\n {React.Children.map(children, (comp: any) => {\n return comp ? (\n <StyledCol\n {...comp?.props}\n gutter={gutter}\n medium={mapGutterToCol(\n medium?.gutter,\n comp?.props?.medium\n )}\n semilarge={mapGutterToCol(\n semilarge?.gutter,\n comp?.props?.semilarge\n )}\n large={mapGutterToCol(\n large?.gutter,\n comp?.props?.large\n )}\n xlarge={mapGutterToCol(\n xlarge?.gutter,\n comp?.props?.xlarge\n )}\n />\n ) : undefined;\n })}\n </StyledGrid>\n );\n};\n\nGrid.defaultProps = {\n gutter: gridSettings.gutter,\n};\n\nexport default {\n Row: Grid,\n Col,\n};\n"],"names":["gridSettings","cols","gutter","spacings","spacer","validateValue","value","min","max","clampValue","undefined","getGutter","mode","props","mediumGutter","_a","medium","semilargeGutter","_b","semilarge","largeGutter","_c","large","xlargeGutter","_d","xlarge","propertyTop","propertyLeft","css","templateObject_16","__makeTemplateObject","mq","templateObject_13","templateObject_14","templateObject_15","mapVerticalAlign","alignMode","getVerticalAlign","selfAlign","vAlign","valign","mediumAlign","semilargelAlign","largeAlign","xlargeAlign","property","templateObject_26","templateObject_23","templateObject_24","templateObject_25","mapHorizontalAlign","StyledCol","styled","div","withConfig","displayName","componentId","span","mediumSpan","semilargeSpan","largeSpan","xlargeSpan","templateObject_6","templateObject_2","templateObject_3","templateObject_4","templateObject_5","mediumMove","move","semilargeMove","largeMove","xlargeMove","templateObject_11","templateObject_7","templateObject_8","templateObject_9","templateObject_10","mediumTextAlign","textAlign","semilargeTextAlign","largeTextAlign","xlargeTextAlign","templateObject_18","templateObject_19","templateObject_20","toRight","templateObject_32","toLeft","templateObject_33","StyledGrid","hAlign","halign","templateObject_27","templateObject_28","templateObject_30","mapGutterToCol","colSettings","__assign","Grid","children","React","createElement","Children","map","comp","defaultProps","Grid$1","Row","Col","Fragment","columns","width","gridWidth","gridGutter","gridCols","templateObject_1"],"mappings":"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"}

package/cjs/Image-d9681be0.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("./Copy-e860efe7.js"),t=require("react"),o=require("styled-components"),i=require("./LibThemeProvider-fb99fd6d.js"),r=require("./styles-0f1a0aea.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,d,c,u,p,m,v=l(t),f=a(o),g=function(n,e){if(n&&e&&!isNaN(n)&&!isNaN(e))return n/e},w=function(e){return o.css(s\|\|(s=n.__makeTemplateObject(["\n @supports not (aspect-ratio: auto) {\n height: 0;\n padding-top: ",";\n }\n"],["\n @supports not (aspect-ratio: auto) {\n height: 0;\n padding-top: ",";\n }\n"])),function(n){return!!(n&&(null==n?void 0:n.w)&&(null==n?void 0:n.h))}(e)&&"calc(100% / ".concat(g(null==e?void 0:e.w,null==e?void 0:e.h),")"))},h=f.default.div.withConfig({displayName:"Image__AspectContainer",componentId:"sc-10qjgzr-0"})(u\|\|(u=n.__makeTemplateObject(["\n display: inline-block;\n position: relative;\n border-radius: ",";\n overflow: hidden;\n\n aspect-ratio: ",";\n\n width: ",";\n\n max-width: 100%;\n\n object-position: center;\n\n img {\n width: 100%;\n }\n\n ","\n\n // fallback if browsers do not support aspect-ratio\n ","\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n ","\n }\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ","\n }\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ","\n }\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ","\n }\n\n ","\n"],["\n display: inline-block;\n position: relative;\n border-radius: ",";\n overflow: hidden;\n\n aspect-ratio: ",";\n\n width: ",";\n\n max-width: 100%;\n\n object-position: center;\n\n img {\n width: 100%;\n }\n\n ","\n\n // fallback if browsers do not support aspect-ratio\n ","\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n ","\n }\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ","\n }\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ","\n }\n\n @media "," {\n aspect-ratio: ",";\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ","\n }\n\n ","\n"])),(function(n){var e=n.theme;return n.allowEdgeRadius&&r.getGlobals(e).sections.edgeRadius}),(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.small)\|\|void 0===e?void 0:e.w,null===(t=null==o?void 0:o.small)\|\|void 0===t?void 0:t.h)}),(function(n){var e,t,o=n.ratios;return!n.coverSpace&&(null===(e=null==o?void 0:o.small)\|\|void 0===e?void 0:e.w)?"".concat(null===(t=null==o?void 0:o.small)\|\|void 0===t?void 0:t.w,"px"):""}),(function(e){return e.coverSpace&&o.css(d\|\|(d=n.__makeTemplateObject(["\n width: 100%;\n\n img {\n object-fit: cover;\n }\n "],["\n width: 100%;\n\n img {\n object-fit: cover;\n }\n "])))}),(function(n){var e=n.ratios;return n.coverSpace&&w(null==e?void 0:e.small)}),r.mq.medium,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.medium)\|\|void 0===e?void 0:e.w,null===(t=null==o?void 0:o.medium)\|\|void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&w(null==e?void 0:e.medium)}),r.mq.semilarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.semilarge)\|\|void 0===e?void 0:e.w,null===(t=null==o?void 0:o.semilarge)\|\|void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&w(null==e?void 0:e.semilarge)}),r.mq.large,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.large)\|\|void 0===e?void 0:e.w,null===(t=null==o?void 0:o.large)\|\|void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&w(null==e?void 0:e.large)}),r.mq.xlarge,(function(n){var e,t,o=n.ratios;return g(null===(e=null==o?void 0:o.xlarge)\|\|void 0===e?void 0:e.w,null===(t=null==o?void 0:o.xlarge)\|\|void 0===t?void 0:t.h)}),(function(n){var e=n.ratios;return n.coverSpace&&w(null==e?void 0:e.xlarge)}),(function(e){var t=e.ratios,i=e.coverSpace;return t&&o.css(c\|\|(c=n.__makeTemplateObject(["\n img {\n height: 100%;\n width: 100%;\n object-fit: ",";\n\n @supports not (aspect-ratio: auto) {\n position: ",";\n top: 0;\n left: 0;\n right: 0;\n }\n }\n "],["\n img {\n height: 100%;\n width: 100%;\n object-fit: ",";\n\n @supports not (aspect-ratio: auto) {\n position: ",";\n top: 0;\n left: 0;\n right: 0;\n }\n }\n "])),i?"cover":"contain",i&&"absolute")})),b=f.default.img.withConfig({displayName:"Image__Img",componentId:"sc-10qjgzr-1"})(p\|\|(p=n.__makeTemplateObject(["\n display: block;\n color: ",";\n\n &[data-img-loaded='false'] {\n background: ",";\n }\n"],["\n display: block;\n color: ",";\n\n &[data-img-loaded='false'] {\n background: ",";\n }\n"])),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).text.inverted:r.getColors(e).text.default}),(function(n){var e=n.theme,t=n.isInverted;return n.showPlaceholder?t?r.getGlobals(e).sections.imagePlaceholderBg.inverted:r.getGlobals(e).sections.imagePlaceholderBg.default:void 0})),k=f.default(e.Copy).withConfig({displayName:"Image__Copyright",componentId:"sc-10qjgzr-2"})(m\|\|(m=n.__makeTemplateObject(["\n display: inline-block;\n position: absolute;\n max-height: 100%;\n bottom: 0;\n right: 0;\n\n padding: ","px ","px;\n\n pointer-events: none;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -ms-writing-mode: tb-rl;\n writing-mode: vertical-rl;\n text-orientation: sideways-right;\n transform: rotate(180deg);\n"],["\n display: inline-block;\n position: absolute;\n max-height: 100%;\n bottom: 0;\n right: 0;\n\n padding: ","px ","px;\n\n pointer-events: none;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -ms-writing-mode: tb-rl;\n writing-mode: vertical-rl;\n text-orientation: sideways-right;\n transform: rotate(180deg);\n"])),2*r.spacings.nudge,r.spacings.nudge);exports.Image=function(n){var e=n.className,o=n.small,a=n.medium,l=n.semilarge,s=n.large,d=n.xlarge,c=n.alt,u=n.ratios,p=n.coverSpace,m=n.onClick,f=n.isInverted,g=n.showPlaceholder,w=void 0===g\|\|g,y=n.allowEdgeRadius,j=n.copyright,x=i.useLibTheme().colors,O=t.useRef(null),_=t.useState(!1),E=_[0],q=_[1];return t.useEffect((function(){if(O.current){var n=O.current,e=function(){q(!0)},t=function(){q(!1)};return n.complete?(n.removeEventListener("load",e),n.removeEventListener("error",t),e()):(n.addEventListener("load",e),n.addEventListener("error",t)),function(){n.removeEventListener("load",e),n.removeEventListener("error",t)}}}),[]),v.createElement(h,{ratios:u,coverSpace:p,allowEdgeRadius:y,className:e},v.createElement("picture",{onClick:m},d&&v.createElement("source",{srcSet:d,media:r.mq.xlarge}),s&&v.createElement("source",{srcSet:s,media:r.mq.large}),l&&v.createElement("source",{srcSet:l,media:r.mq.semilarge}),a&&v.createElement("source",{srcSet:a,media:r.mq.medium}),v.createElement(b,{ref:O,"data-img-loaded":E,showPlaceholder:w,isInverted:f,srcSet:o,alt:c\|\|"",loading:"lazy"})),j&&v.createElement(k,{size:"small",textColor:x.text.inverted,innerHTML:"© ".concat(j),renderAs:"span"}))};
2	- //# sourceMappingURL=Image-d9681be0.js.map

package/cjs/Image-d9681be0.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Image-d9681be0.js","sources":["../src/components/blocks/Image.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n mq,\n getColors as color,\n getGlobals as global,\n spacings,\n} from 'utils/styles';\n\nexport interface ImageAspectRatios {\n small: { w: number; h: number };\n medium?: { w: number; h: number };\n semilarge?: { w: number; h: number };\n large?: { w: number; h: number };\n xlarge?: { w: number; h: number };\n}\n\nexport interface ImageProps {\n /** Alternative text if image cannot be loaded */\n alt?: string;\n\n /** Image URL for small breakpoint */\n small: string;\n /** Image URL for medium breakpoint */\n medium?: string;\n /** Image URL for semilarge breakpoint */\n semilarge?: string;\n /** Image URL for large breakpoint */\n large?: string;\n /** Image URL for xlarge breakpoint */\n xlarge?: string;\n\n /** Cover full width of parent container */\n coverSpace?: boolean;\n\n /**\n * Image ratios for each breakpoint to avoid layout shifting.\n * Only works if coverSpace = true!\n * */\n ratios?: ImageAspectRatios;\n\n /** Show image placeholder background */\n showPlaceholder?: boolean;\n\n /** Image copyright text (richtext) */\n copyright?: string;\n}\n\nconst getAspectRatio = (width?: number, height?: number) => {\n if (!width || !height) return undefined;\n if (isNaN(width) || isNaN(height)) return undefined;\n\n return width / height;\n};\n\nconst isValid = (ratio?: { w?: number; h?: number }) => {\n return ratio && ratio?.w && ratio?.h ? true : false;\n};\n\nconst aspectFallback = (ratio?: { w?: number; h?: number }) => css`\n @supports not (aspect-ratio: auto) {\n height: 0;\n padding-top: ${isValid(ratio) &&\n `calc(100% / ${getAspectRatio(ratio?.w, ratio?.h)})`};\n }\n`;\n\nconst AspectContainer = styled.div<{\n ratios?: ImageAspectRatios;\n coverSpace?: boolean;\n allowEdgeRadius?: boolean;\n}>`\n display: inline-block;\n position: relative;\n border-radius: ${({ theme, allowEdgeRadius }) =>\n allowEdgeRadius && global(theme).sections.edgeRadius};\n overflow: hidden;\n\n aspect-ratio: ${({ ratios }) =>\n getAspectRatio(ratios?.small?.w, ratios?.small?.h)};\n\n width: ${({ ratios, coverSpace }) =>\n !coverSpace && ratios?.small?.w ? `${ratios?.small?.w}px` : ''};\n\n max-width: 100%;\n\n object-position: center;\n\n img {\n width: 100%;\n }\n\n ${({ coverSpace }) =>\n coverSpace &&\n css`\n width: 100%;\n\n img {\n object-fit: cover;\n }\n `}\n\n // fallback if browsers do not support aspect-ratio\n ${({ ratios, coverSpace }) => coverSpace && aspectFallback(ratios?.small)}\n\n @media ${mq.medium} {\n aspect-ratio: ${({ ratios }) =>\n getAspectRatio(ratios?.medium?.w, ratios?.medium?.h)};\n\n // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n ${({ ratios, coverSpace }) =>\n coverSpace && aspectFallback(ratios?.medium)}\n }\n\n @media ${mq.semilarge} {\n aspect-ratio: ${({ ratios }) =>\n getAspectRatio(ratios?.semilarge?.w, ratios?.semilarge?.h)};\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ${({ ratios, coverSpace }) =>\n coverSpace && aspectFallback(ratios?.semilarge)}\n }\n\n @media ${mq.large} {\n aspect-ratio: ${({ ratios }) =>\n getAspectRatio(ratios?.large?.w, ratios?.large?.h)};\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ${({ ratios, coverSpace }) =>\n coverSpace && aspectFallback(ratios?.large)}\n }\n\n @media ${mq.xlarge} {\n aspect-ratio: ${({ ratios }) =>\n getAspectRatio(ratios?.xlarge?.w, ratios?.xlarge?.h)};\n\n // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n ${({ ratios, coverSpace }) =>\n coverSpace && aspectFallback(ratios?.xlarge)}\n }\n\n ${({ ratios, coverSpace }) =>\n ratios &&\n css`\n img {\n height: 100%;\n width: 100%;\n object-fit: ${coverSpace ? 'cover' : 'contain'};\n\n @supports not (aspect-ratio: auto) {\n position: ${coverSpace && 'absolute'};\n top: 0;\n left: 0;\n right: 0;\n }\n }\n `}\n`;\n\nconst Img = styled.img<{ isInverted?: boolean; showPlaceholder?: boolean }>`\n display: block;\n color: ${({ theme, isInverted }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n &[data-img-loaded='false'] {\n background: ${({ theme, isInverted, showPlaceholder }) =>\n showPlaceholder\n ? isInverted\n ? global(theme).sections.imagePlaceholderBg.inverted\n : global(theme).sections.imagePlaceholderBg.default\n : undefined};\n }\n`;\n\nconst Copyright = styled(Copy)`\n display: inline-block;\n position: absolute;\n max-height: 100%;\n bottom: 0;\n right: 0;\n\n padding: ${spacings.nudge * 2}px ${spacings.nudge}px;\n\n pointer-events: none;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -ms-writing-mode: tb-rl;\n writing-mode: vertical-rl;\n text-orientation: sideways-right;\n transform: rotate(180deg);\n`;\n\nconst Image: React.FC<\n {\n className?: string;\n\n /** Click handler */\n onClick?: () => void;\n\n /** Show inverted image placeholder background */\n isInverted?: boolean;\n\n /** Allow edge radius defined by theme settings */\n allowEdgeRadius?: boolean;\n } & ImageProps\n> = ({\n className,\n small,\n medium,\n semilarge,\n large,\n xlarge,\n alt,\n ratios,\n coverSpace,\n onClick,\n isInverted,\n showPlaceholder = true,\n allowEdgeRadius,\n copyright,\n}) => {\n const { colors } = useLibTheme();\n const imgRef = useRef<HTMLImageElement>(null);\n const [isLoaded, setIsLoaded] = useState<boolean>(false);\n\n useEffect(() => {\n if (!imgRef.current) return;\n const ref = imgRef.current;\n\n const handleLoad = () => {\n setIsLoaded(true);\n };\n\n const handleError = () => {\n setIsLoaded(false);\n };\n\n if (!ref.complete) {\n ref.addEventListener('load', handleLoad);\n ref.addEventListener('error', handleError);\n } else {\n ref.removeEventListener('load', handleLoad);\n ref.removeEventListener('error', handleError);\n handleLoad();\n }\n\n return () => {\n ref.removeEventListener('load', handleLoad);\n ref.removeEventListener('error', handleError);\n };\n }, []);\n\n return (\n <AspectContainer\n ratios={ratios}\n coverSpace={coverSpace}\n allowEdgeRadius={allowEdgeRadius}\n className={className}\n >\n <picture onClick={onClick}>\n {xlarge && <source srcSet={xlarge} media={mq.xlarge} />}\n {large && <source srcSet={large} media={mq.large} />}\n {semilarge && (\n <source srcSet={semilarge} media={mq.semilarge} />\n )}\n {medium && <source srcSet={medium} media={mq.medium} />}\n <Img\n ref={imgRef}\n data-img-loaded={isLoaded}\n showPlaceholder={showPlaceholder}\n isInverted={isInverted}\n srcSet={small}\n alt={alt || ''}\n loading=\"lazy\"\n />\n </picture>\n {copyright && (\n <Copyright\n size=\"small\"\n textColor={colors.text.inverted}\n innerHTML={`© ${copyright}`}\n renderAs=\"span\"\n />\n )}\n </AspectContainer>\n );\n};\n\nexport default Image;\n"],"names":["getAspectRatio","width","height","isNaN","aspectFallback","ratio","css","templateObject_1","__makeTemplateObject","w","h","isValid","concat","AspectContainer","styled","div","withConfig","displayName","componentId","templateObject_4","_a","theme","allowEdgeRadius","global","getGlobals","sections","edgeRadius","ratios","_b","small","_c","coverSpace","templateObject_2","mq","medium","semilarge","large","xlarge","templateObject_3","Img","img","templateObject_5","isInverted","color","text","inverted","default","showPlaceholder","imagePlaceholderBg","undefined","Copyright","Copy","templateObject_6","spacings","nudge","className","alt","onClick","copyright","colors","useLibTheme","imgRef","useRef","useState","isLoaded","setIsLoaded","useEffect","current","ref","handleLoad","handleError","complete","removeEventListener","addEventListener","React","createElement","srcSet","media","loading","size","textColor","innerHTML","renderAs"],"mappings":"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"}

package/cjs/InfoList-577f3c57.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("./Copy-e860efe7.js"),t=require("react"),i=require("styled-components"),a=require("./arrays-c272ed59.js"),l=require("./styles-0f1a0aea.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,s,d,p,m,g,c,f=o(t),u=o(i),x=u.default.div.withConfig({displayName:"InfoList__View",componentId:"sc-1bggeo0-0"})(r\|\|(r=n.__makeTemplateObject([""],[""]))),y=u.default.ul.withConfig({displayName:"InfoList__Container",componentId:"sc-1bggeo0-1"})(s\|\|(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n margin: 0;\n padding: 0;\n margin-left: -","px;\n margin-top: -","px;\n list-style: none;\n"],["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n margin: 0;\n padding: 0;\n margin-left: -","px;\n margin-top: -","px;\n list-style: none;\n"])),l.spacings.spacer,5l.spacings.nudge),_=u.default.li.withConfig({displayName:"InfoList__Item",componentId:"sc-1bggeo0-2"})(d\|\|(d=n.__makeTemplateObject(["\n flex: 1 1 100%;\n padding-left: ","px;\n padding-top: ","px;\n\n @media "," {\n flex: 1 1 300px;\n }\n"],["\n flex: 1 1 100%;\n padding-left: ","px;\n padding-top: ","px;\n\n @media "," {\n flex: 1 1 300px;\n }\n"])),l.spacings.spacer,5l.spacings.nudge,l.mq.medium),w=u.default(e.Copy).withConfig({displayName:"InfoList__Title",componentId:"sc-1bggeo0-3"})(p\|\|(p=n.__makeTemplateObject(["\n display: block;\n margin-bottom: ","px;\n"],["\n display: block;\n margin-bottom: ","px;\n"])),3l.spacings.nudge),I=u.default.ul.withConfig({displayName:"InfoList__Infos",componentId:"sc-1bggeo0-4"})(m\|\|(m=n.__makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n"],["\n list-style: none;\n margin: 0;\n padding: 0;\n"]))),b=u.default.li.withConfig({displayName:"InfoList__Content",componentId:"sc-1bggeo0-5"})(g\|\|(g=n.__makeTemplateObject(["\n display: -ms-grid;\n display: grid;\n margin: 0;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > + * {\n margin-left: ","px;\n }\n"],["\n display: -ms-grid;\n display: grid;\n margin: 0;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"])),2l.spacings.nudge,2l.spacings.nudge),h=u.default(e.Copy).withConfig({displayName:"InfoList__Icon",componentId:"sc-1bggeo0-6"})(c\|\|(c=n.__makeTemplateObject(["\n height: 20px;\n width: 20px;\n\n & > * {\n height: 20px;\n width: 20px;\n }\n"],["\n height: 20px;\n width: 20px;\n\n & > * {\n height: 20px;\n width: 20px;\n }\n"])));exports.InfoList=function(n){var t=n.isInverted,i=n.items,l=n.className;return f.default.createElement(x,{className:l},f.default.createElement(y,null,null==i?void 0:i.map((function(n,i){var l,o=(null===(l=null==n?void 0:n.items)\|\|void 0===l?void 0:l.filter((function(n){return n.text})))\|\|[],r=a.isValidArray(o,!1);return f.default.createElement(_,{key:i},n.title&&f.default.createElement(w,{size:"small",type:"copy-b",renderAs:"span",isInverted:t},n.title),r&&f.default.createElement(I,null,o.map((function(n,i){return f.default.createElement(b,{key:i},f.default.createElement(h,{isInverted:t},n.icon&&n.icon(t)),n.text&&f.default.createElement(e.Copy,{size:"small",isInverted:t,innerHTML:n.text,allowLinkIcons:!1}))}))))}))))};
2	- //# sourceMappingURL=InfoList-577f3c57.js.map

package/cjs/InfoList-577f3c57.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"InfoList-577f3c57.js","sources":["../src/components/blocks/InfoList.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n margin: 0;\n padding: 0;\n margin-left: -${spacings.spacer}px;\n margin-top: -${spacings.nudge * 5}px;\n list-style: none;\n`;\n\nconst Item = styled.li`\n flex: 1 1 100%;\n padding-left: ${spacings.spacer}px;\n padding-top: ${spacings.nudge * 5}px;\n\n @media ${mq.medium} {\n flex: 1 1 300px;\n }\n`;\n\nconst Title = styled(Copy)`\n display: block;\n margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n list-style: none;\n margin: 0;\n padding: 0;\n`;\n\nconst Content = styled.li`\n display: -ms-grid;\n display: grid;\n margin: 0;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ${spacings.nudge * 2}px;\n }\n\n & > * + * {\n margin-left: ${spacings.nudge * 2}px;\n }\n`;\n\nconst Icon = styled(Copy)`\n height: 20px;\n width: 20px;\n\n & > * {\n height: 20px;\n width: 20px;\n }\n`;\n\nexport interface InfoGroup {\n title?: string;\n items: Info[];\n}\n\nexport interface Info {\n /** icon injection function */\n icon?: (isInverted?: boolean) => React.ReactNode;\n /** info text (richtText) */\n text?: string;\n}\n\nconst InfoList: FC<{\n /** Invert text and icon color for dark backgrounds */\n isInverted?: boolean;\n\n /** Array of info groups */\n items?: InfoGroup[];\n\n className?: string;\n}> = ({ isInverted, items, className }) => {\n return (\n <View className={className}>\n <Container>\n {items?.map((group, i) => {\n const groupItems =\n group?.items?.filter((item) => item.text) || [];\n const hasItems = isValidArray(groupItems, false);\n\n return (\n <Item key={i}>\n {group.title && (\n <Title\n size=\"small\"\n type=\"copy-b\"\n renderAs=\"span\"\n isInverted={isInverted}\n >\n {group.title}\n </Title>\n )}\n {hasItems && (\n <Infos>\n {groupItems.map((info, ii) => (\n <Content key={ii}>\n <Icon isInverted={isInverted}>\n {info.icon &&\n info.icon(isInverted)}\n </Icon>\n {info.text && (\n <Copy\n size=\"small\"\n isInverted={isInverted}\n innerHTML={info.text}\n allowLinkIcons={false}\n />\n )}\n </Content>\n ))}\n </Infos>\n )}\n </Item>\n );\n })}\n </Container>\n </View>\n );\n};\n\nexport default InfoList;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Container","ul","templateObject_2","spacings","spacer","nudge","Item","li","templateObject_3","mq","medium","Title","Copy","templateObject_4","Infos","templateObject_5","Content","Icon","templateObject_7","_a","isInverted","items","className","React","createElement","map","group","i","groupItems","filter","item","text","hasItems","isValidArray","key","title","size","type","renderAs","info","ii","icon","innerHTML","allowLinkIcons"],"mappings":"sTAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,IAAA,CAAA,OAEjBC,EAAYP,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAAGJ,CAASS,IAAAA,EAAAH,EAAAA,qBAAA,CAAA,8HAAA,yBAAA,gCAAA,CAAA,8HAOQ,yBACE,kCADjBI,EAAQA,SAACC,OACO,EAAjBD,WAASE,OAItBC,EAAOb,EAAAA,QAAOc,GAAVZ,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAASe,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,4CAAA,yBAAA,qBAAA,yCAAA,CAAA,4CAEa,yBACE,qBAEf,2CAHFI,EAAAA,SAASC,OACO,EAAjBD,WAASE,MAEfI,KAAGC,QAKVC,EAAQlB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAYoB,IAAAA,EAAAd,EAAAA,qBAAA,CAAA,6CAAA,SAAA,CAAA,6CAEa,WAAD,EAAjBI,EAAQA,SAACE,OAGxBS,EAAQrB,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAASsB,IAAAA,EAAAhB,uBAAA,CAAA,8DAAA,CAAA,iEAMjBiB,EAAUvB,EAAAA,QAAOc,GAAVZ,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAGJ,6WAAS,sQAWe,uDAIC,kBAJF,EAAjBU,WAASE,MAIS,EAAjBF,EAAQA,SAACE,OAI1BY,EAAOxB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAYyB,IAAAA,EAAAnB,uBAAA,CAAA,8GAAA,CAAA,kIA8BpB,SAACoB,GAAE,IAAAC,eAAYC,EAAKF,EAAAE,MAAEC,EAASH,EAAAG,UAChC,OACIC,EAAC,QAAAC,cAAAhC,EAAK,CAAA8B,UAAWA,GACbC,EAAAA,QAAAC,cAACxB,EAAS,KACLqB,MAAAA,OAAK,EAALA,EAAOI,KAAI,SAACC,EAAOC,SACVC,GACY,QAAdT,EAAAO,MAAAA,OAAA,EAAAA,EAAOL,aAAO,IAAAF,OAAA,EAAAA,EAAAU,QAAO,SAACC,GAASA,OAAAA,EAAKC,UAAS,GAC3CC,EAAWC,EAAAA,aAAaL,GAAY,GAE1C,OACIL,EAAC,QAAAC,cAAAlB,EAAK,CAAA4B,IAAKP,GACND,EAAMS,OACHZ,UAAAC,cAACb,EAAK,CACFyB,KAAK,QACLC,KAAK,SACLC,SAAS,OACTlB,WAAYA,GAEXM,EAAMS,OAGdH,GACGT,EAAC,QAAAC,cAAAV,OACIc,EAAWH,KAAI,SAACc,EAAMC,GAAO,OAC1BjB,wBAACP,EAAO,CAACkB,IAAKM,GACVjB,EAAC,QAAAC,cAAAP,GAAKG,WAAYA,GACbmB,EAAKE,MACFF,EAAKE,KAAKrB,IAEjBmB,EAAKR,MACFR,wBAACX,EAAAA,KAAI,CACDwB,KAAK,QACLhB,WAAYA,EACZsB,UAAWH,EAAKR,KAChBY,gBAAgB"}

package/cjs/LanguageSwitcher-47e25e95.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Link-70143bb7.js"),o=require("./styles-0f1a0aea.js"),r=require("./Copy-e860efe7.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var l,c,d,s,u=a(e),g=a(t),p=g.default.div.withConfig({displayName:"LanguageSwitcher__View",componentId:"sc-16ygxbi-0"})(l\|\|(l=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),o.spacings.nudge/2),f=g.default.div.withConfig({displayName:"LanguageSwitcher__Icon",componentId:"sc-16ygxbi-1"})(c\|\|(c=n.__makeTemplateObject(["\n color: ",";\n\n & > * {\n margin-right: ","px;\n }\n"],["\n color: ",";\n\n & > * {\n margin-right: ","px;\n }\n"])),(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default}),o.spacings.nudge),m=g.default.div.withConfig({displayName:"LanguageSwitcher__SelectView",componentId:"sc-16ygxbi-2"})(d\|\|(d=n.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n margin: 0 -","px;\n\n & > * + * {\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n left: 0;\n height: 1em;\n width: 2px;\n background-color: ",";\n\n transition: background-color 0.2s ease-in-out;\n }\n }\n"],["\n display: inline-flex;\n align-items: center;\n margin: 0 -","px;\n\n & > * + * {\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n left: 0;\n height: 1em;\n width: 2px;\n background-color: ",";\n\n transition: background-color 0.2s ease-in-out;\n }\n }\n"])),o.spacings.nudge,(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default})),v=g.default(i.Link).withConfig({displayName:"LanguageSwitcher__LanguageLink",componentId:"sc-16ygxbi-3"})(s\|\|(s=n.__makeTemplateObject(["\n display: inline-block;\n position: relative;\n padding: 0 ","px;\n\n ","\n font-weight: ",";\n\n color: ",";\n text-decoration: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n text-decoration: underline;\n }\n }\n"],["\n display: inline-block;\n position: relative;\n padding: 0 ","px;\n\n ","\n font-weight: ",";\n\n color: ",";\n text-decoration: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n text-decoration: underline;\n }\n }\n"])),o.spacings.nudge,(function(n){var e=n.size;return r.copyStyle("copy",e\|\|"medium")}),(function(n){return n.isActive&&"700"}),(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default}),(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).text.inverted:o.getColors(t).text.default}));exports.LanguageSwitcher=function(e){var t=e.langs,i=e.isInverted,o=e.languageIcon,r=e.textSize,a=void 0===r?"medium":r;return u.default.createElement(p,null,o&&u.default.createElement(f,{isInverted:i},o(i)),u.default.createElement(m,{isInverted:i},null==t?void 0:t.map((function(e,t){return u.default.createElement(v,n.__assign({key:t},e.link,{isInverted:i,isActive:e.isActive,size:a}),e.label)}))))};
2	- //# sourceMappingURL=LanguageSwitcher-47e25e95.js.map

package/cjs/LanguageSwitcher-47e25e95.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"LanguageSwitcher-47e25e95.js","sources":["../src/components/blocks/LanguageSwitcher.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, FontOptions } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\n\nconst View = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n & > * + * {\n margin-left: ${spacings.nudge / 2}px;\n }\n`;\n\nconst Icon = styled.div<{ isInverted?: boolean }>`\n color: ${({ isInverted, theme }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n & > * {\n margin-right: ${spacings.nudge}px;\n }\n`;\n\nconst SelectView = styled.div<{ isInverted?: boolean }>`\n display: inline-flex;\n align-items: center;\n margin: 0 -${spacings.nudge}px;\n\n & > * + * {\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n left: 0;\n height: 1em;\n width: 2px;\n background-color: ${({ isInverted, theme }) =>\n isInverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n\n transition: background-color 0.2s ease-in-out;\n }\n }\n`;\n\nconst LanguageLink = styled(Link)<{\n isInverted?: boolean;\n isActive?: boolean;\n size?: keyof FontOptions;\n}>`\n display: inline-block;\n position: relative;\n padding: 0 ${spacings.nudge}px;\n\n ${({ size }) => copyStyle('copy', size || 'medium')}\n font-weight: ${({ isActive }) => isActive && '700'};\n\n color: ${({ isInverted, theme }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n text-decoration: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ${({ isInverted, theme }) =>\n isInverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n text-decoration: underline;\n }\n }\n`;\n\nexport interface Language {\n isActive?: boolean;\n label: string;\n link: LinkProps;\n}\n\nconst LanguageSwitcher: FC<{\n langs?: Language[];\n isInverted?: boolean;\n languageIcon?: (isInverted?: boolean) => React.ReactNode;\n textSize?: keyof FontOptions;\n}> = ({ langs, isInverted, languageIcon, textSize = 'medium' }) => {\n return (\n <View>\n {languageIcon && (\n <Icon isInverted={isInverted}>{languageIcon(isInverted)}</Icon>\n )}\n <SelectView isInverted={isInverted}>\n {langs?.map((lang, i) => (\n <LanguageLink\n key={i}\n {...lang.link}\n isInverted={isInverted}\n isActive={lang.isActive}\n size={textSize}\n >\n {lang.label}\n </LanguageLink>\n ))}\n </SelectView>\n </View>\n );\n};\n\nexport default LanguageSwitcher;\n"],"names":["View","styled","div","withConfig","displayName","componentId","spacings","nudge","Icon","templateObject_2","__makeTemplateObject","_a","isInverted","theme","color","text","inverted","default","SelectView","LanguageLink","Link","templateObject_4","size","copyStyle","isActive","langs","languageIcon","_b","textSize","React","createElement","map","lang","i","__assign","key","link","label"],"mappings":"8SAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,qKAAU,qHAMkB,kBAAlBK,EAAQA,SAACC,MAAQ,GAIlCC,EAAOP,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,CAAUQ,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gBAAA,2CAAA,gBAAA,CAA0B,gBAE0B,2CAGrC,mBAJzB,SAACC,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EAAaE,EAAAA,UAAMD,GAAOE,KAAKC,SAAWF,EAAAA,UAAMD,GAAOE,KAAKE,UAG5CX,EAAAA,SAASC,OAI3BW,EAAajB,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,gBAAGJ,qcAAoC,yEAGxB,qQAcgB,yFAd9BK,EAAAA,SAASC,OAWM,SAACI,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACpC,OAAAD,EACME,EAAAA,UAAMD,GAAOE,KAAKC,SAClBF,EAAAA,UAAMD,GAAOE,KAAKE,WAOlCE,EAAelB,EAAM,QAACmB,QAAVjB,WAAA,CAAAC,YAAA,iCAAAC,YAAA,gBAAGJ,CAInBoB,IAAAA,EAAAX,EAAAA,qBAAA,CAAA,yEAAA,cAAA,sBAAA,mBAAA,2HAAA,kEAAA,CAAA,yEAG6B,cAEwB,sBACD,mBAGqB,2HAQ5B,oEAd9BJ,EAAQA,SAACC,OAEpB,SAACI,GAAE,IAAAW,EAAIX,EAAAW,KAAO,OAAAC,YAAU,OAAQD,GAAQ,aAC3B,SAACX,GAAiBa,OAAPb,EAAAa,UAAmB,SAEpC,SAACb,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EAAaE,EAAAA,UAAMD,GAAOE,KAAKC,SAAWF,EAAAA,UAAMD,GAAOE,KAAKE,WAK/C,SAACN,OAAEC,EAAUD,EAAAC,WAAEC,EAAKF,EAAAE,MACzB,OAAAD,EACME,EAAAA,UAAMD,GAAOE,KAAKC,SAClBF,EAAAA,UAAMD,GAAOE,KAAKE,oCAiBnC,SAACN,GAAE,IAAAc,EAAKd,EAAAc,MAAEb,EAAUD,EAAAC,WAAEc,EAAYf,EAAAe,aAAEC,EAAmBhB,EAAAiB,SAAnBA,OAAQ,IAAAD,EAAG,SAAQA,EACxD,OACIE,wBAAC7B,EAAI,KACA0B,GACGG,EAAC,QAAAC,cAAAtB,GAAKI,WAAYA,GAAac,EAAad,IAEhDiB,EAAAA,QAACC,cAAAZ,EAAW,CAAAN,WAAYA,GACnBa,MAAAA,OAAA,EAAAA,EAAOM,KAAI,SAACC,EAAMC,GAAM,OACrBJ,UAAAC,cAACX,EAAYe,WAAA,CACTC,IAAKF,GACDD,EAAKI,KACT,CAAAxB,WAAYA,EACZY,SAAUQ,EAAKR,SACfF,KAAMM,IAELI,EAAKK"}

package/cjs/LibThemeProvider-fb99fd6d.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("./ClockFilled-2483aa4a.js"),t=require("react"),r=require("styled-components"),n=require("./styles-0f1a0aea.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t),s=function(e,t){if(!t)return e;var r=function(e,t,n){return Object.keys(e).forEach((function(o){e[o]&&"object"==typeof e[o]&&!Array.isArray(e[o])?e[o]=r(e[o],t,n):t===o&&(e[o]=n)})),e};return Object.keys(t).forEach((function(n){t[n]&&(e.fonts.types=r(e.fonts.types,n,t[n]))})),e},u=function(t,r){var n=e.__assign({},t);return r?(Object.keys(r).forEach((function(o){var a=r[o],s=t[o];s&&a&&"object"==typeof s&&"object"==typeof a?Array.isArray(a)?n[o]=e.__spreadArray([],a,!0):n[o]=u(s,a):a&&(n[o]=a)})),n):n},i=function(e,t){var r,o,a=s(n.baseTheme,null===(r=null==e?void 0:e.fonts)\|\|void 0===r?void 0:r.base),i=e?u(a,e):a,f=i;return t&&(f=s(i,null===(o=null==t?void 0:t.fonts)\|\|void 0===o?void 0:o.base),f=u(f,t)),f};exports.LibThemeProvider=function(e){var t=e.theme,n=e.children,o=r.useTheme();if(t){var s=i(o,t);return a.default.createElement(r.ThemeProvider,{theme:s},n)}return a.default.createElement(a.default.Fragment,null,n)},exports.assignTo=u,exports.modifyTheme=i,exports.useLibTheme=function(){var e=r.useTheme();return{colors:n.getColors(e),fonts:n.getFonts(e),globals:n.getGlobals(e),theme:n.getTheme(e)}},exports.withLibTheme=function(t){return function(n){var o=n.theme,s=e.__rest(n,["theme"]),u=r.useTheme(),f=i(u,o);return a.default.createElement(r.ThemeProvider,{theme:f},a.default.createElement(t,e.__assign({},s)))}};
2	- //# sourceMappingURL=LibThemeProvider-fb99fd6d.js.map

package/cjs/LibThemeProvider-fb99fd6d.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"LibThemeProvider-fb99fd6d.js","sources":["../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n FontBase,\n baseTheme,\n getColors,\n getFonts,\n getGlobals,\n getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n target: DefaultTheme,\n source?: RecursivePartial<FontBase>\n) => {\n if (!source) return target;\n\n // deep iterate through target and search matching key\n const assign = (target: any, key: string, value: string) => {\n Object.keys(target).forEach((tKey) => {\n // check if target value is an object and no array\n if (\n target[tKey] &&\n typeof target[tKey] === 'object' &&\n !Array.isArray(target[tKey])\n ) {\n target[tKey] = assign(target[tKey], key, value);\n } else if (key === tKey) {\n target[tKey] = value;\n }\n });\n return target;\n };\n\n // search each base key and replace values\n Object.keys(source).forEach((sKey) => {\n if (source[sKey])\n target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n });\n return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n target: T,\n source?: ThemeMods\n) => {\n const output = { ...target };\n if (!source) return output as T;\n\n Object.keys(source).forEach((key) => {\n const sourceVal = source[key];\n const targetVal = target[key];\n\n if (\n targetVal &&\n sourceVal &&\n typeof targetVal === 'object' &&\n typeof sourceVal === 'object'\n ) {\n // console.log(key, sourceVal, targetVal);\n if (Array.isArray(sourceVal)) {\n output[key] = [...sourceVal];\n } else {\n output[key] = assignTo(targetVal, sourceVal);\n }\n } else if (sourceVal) {\n output[key] = sourceVal;\n }\n });\n return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n theme?: ThemeMods;\n children?: React.ReactNode;\n}> = ({ theme, children }) => {\n const ctx = useTheme();\n\n if (theme) {\n const newTheme = modifyTheme(ctx, theme);\n\n return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n } else {\n return <React.Fragment>{children}</React.Fragment>;\n }\n};\n\ninterface WithLibThemeProps {\n theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n activeTheme?: DefaultTheme,\n modifications?: ThemeMods\n) => {\n // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n const combinedBaseTheme = assignFontBase(\n baseTheme,\n activeTheme?.fonts?.base\n );\n\n // adding base theme to active theme context if possible\n const combinedTheme = activeTheme\n ? assignTo(combinedBaseTheme, activeTheme)\n : combinedBaseTheme;\n\n // adding additional base font styles and other settings to theme\n let newTheme = combinedTheme;\n if (modifications) {\n newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n newTheme = assignTo(newTheme, modifications);\n }\n\n return newTheme;\n};\n\nexport const useLibTheme = () => {\n const theme = useTheme();\n\n return {\n colors: getColors(theme),\n fonts: getFonts(theme),\n globals: getGlobals(theme),\n theme: getTheme(theme),\n };\n};\n\nexport const withLibTheme =\n <P extends Record<string, unknown>>(\n Component: React.ComponentType<P>\n ): React.FC<\n P & {\n /** Component specific theme properties that overrides global theme settings */\n theme?: ThemeMods;\n }\n > =>\n ({ theme, ...props }: WithLibThemeProps) => {\n const ctx = useTheme();\n const newTheme = modifyTheme(ctx, theme);\n\n return (\n <ThemeProvider theme={newTheme}>\n <Component {...(props as P)} />\n </ThemeProvider>\n );\n };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","modifyTheme","activeTheme","modifications","combinedBaseTheme","baseTheme","_a","base","combinedTheme","newTheme","_b","theme","children","ctx","useTheme","React","createElement","ThemeProvider","Fragment","colors","getColors","getFonts","globals","getGlobals","getTheme","Component","props","__rest"],"mappings":"+NAoBMA,EAAiB,SACnBC,EACAC,GAEA,IAAKA,EAAQ,OAAOD,EAGdE,IAAAA,EAAS,SAACF,EAAaG,EAAaC,GAatC,OAZAC,OAAOC,KAAKN,GAAQO,SAAQ,SAACC,GAGrBR,EAAOQ,IACiB,iBAAjBR,EAAOQ,KACbC,MAAMC,QAAQV,EAAOQ,IAEtBR,EAAOQ,GAAQN,EAAOF,EAAOQ,GAAOL,EAAKC,GAClCD,IAAQK,IACfR,EAAOQ,GAAQJ,MAGhBJ,GAQX,OAJAK,OAAOC,KAAKL,GAAQM,SAAQ,SAACI,GACrBV,EAAOU,KACPX,EAAOY,MAAMC,MAAQX,EAAOF,EAAOY,MAAMC,MAAOF,EAAMV,EAAOU,QAE9DX,GAQEc,EAAW,SACpBd,EACAC,GAEA,IAAMc,EAAMC,EAAAA,SAAA,GAAQhB,GACpB,OAAKC,GAELI,OAAOC,KAAKL,GAAQM,SAAQ,SAACJ,GACzB,IAAMc,EAAYhB,EAAOE,GACnBe,EAAYlB,EAAOG,GAGrBe,GACAD,GACqB,iBAAdC,GACc,iBAAdD,EAGHR,MAAMC,QAAQO,GACdF,EAAOZ,GAAWgB,EAAAA,cAAA,GAAAF,MAElBF,EAAOZ,GAAOW,EAASI,EAAWD,GAE/BA,IACPF,EAAOZ,GAAOc,MAGfF,GAtBaA,GA4CXK,EAAc,SACvBC,EACAC,WAGMC,EAAoBxB,EACtByB,EAAAA,UACoB,QAApBC,EAAAJ,MAAAA,SAAAA,EAAaT,aAAO,IAAAa,OAAA,EAAAA,EAAAC,MAIlBC,EAAgBN,EAChBP,EAASS,EAAmBF,GAC5BE,EAGFK,EAAWD,EAMf,OALIL,IACAM,EAAW7B,EAAe4B,EAAqC,UAAtBL,MAAAA,OAAa,EAAbA,EAAeV,aAAO,IAAAiB,OAAA,EAAAA,EAAAH,MAC/DE,EAAWd,EAASc,EAAUN,IAG3BM,4BAtCN,SAACH,OAAEK,EAAKL,EAAAK,MAAEC,EAAQN,EAAAM,SACbC,EAAMC,EAAAA,WAEZ,GAAIH,EAAO,CACP,IAAMF,EAAWR,EAAYY,EAAKF,GAElC,OAAOI,EAAA,QAAAC,cAACC,gBAAc,CAAAN,MAAOF,GAAWG,GAEjCG,OAAAA,EAAAA,sBAACA,EAAAA,QAAMG,SAAU,KAAAN,iEAiCL,WACjBD,IAAAA,EAAQG,EAAAA,WAEP,MAAA,CACHK,OAAQC,EAASA,UAACT,GAClBlB,MAAO4B,EAAQA,SAACV,GAChBW,QAASC,EAAUA,WAACZ,GACpBA,MAAOa,EAAQA,SAACb,0BAKpB,SACIc,GAOJ,OAAA,SAACnB,GAAE,IAAAK,EAAKL,EAAAK,MAAKe,EAAKC,EAAAA,OAAArB,EAAjB,WACSO,EAAMC,EAAAA,WACNL,EAAWR,EAAYY,EAAKF,GAElC,OACII,EAAC,QAAAC,cAAAC,gBAAc,CAAAN,MAAOF,GAClBM,EAAAA,QAAAC,cAACS,EAAe5B,EAAAA,SAAA,GAAA6B"}

package/cjs/Link-70143bb7.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-0f1a0aea.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,l=r(e),s=r(t).default.a.withConfig({displayName:"Link__View",componentId:"sc-63jgey-0"})(a\|\|(a=n.__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),(function(e){return function(e){return t.css(i\|\|(i=n.__makeTemplateObject(["\n color: ",";\n text-transform: ",";\n text-decoration: ",";\n\n transition: color 0.2s ease-in-out;\n\n outline: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:focus {\n outline: 1px dashed\n ",";\n outline-offset: 1px;\n }\n"],["\n color: ",";\n text-transform: ",";\n text-decoration: ",";\n\n transition: color 0.2s ease-in-out;\n\n outline: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:focus {\n outline: 1px dashed\n ",";\n outline-offset: 1px;\n }\n"])),(function(n){var t=n.theme;return e?o.getFonts(t).link.colorInverted:o.getFonts(t).link.color}),(function(n){var e=n.theme;return o.getFonts(e).link.textTransform}),(function(n){var e=n.theme;return o.getFonts(e).link.textDecoration}),(function(n){var t=n.theme;return e?o.getFonts(t).link.colorHoverInverted:o.getFonts(t).link.colorHover}),(function(n){var t=n.theme;return e?o.getFonts(t).link.colorInverted:o.getFonts(t).link.color}))}(e.isInverted)})),c=e.forwardRef((function(n,e){var t=n.isInverted,o=void 0!==t&&t,r=n.isExternal,i=void 0!==r&&r,a=n.onClick,c=n.href,u=n.ariaLabel,f=n.tabIndex,d=n.dataSheet,v=n.children,m=n.className;return l.default.createElement(s,{ref:e,href:c,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,isInverted:o,"aria-label":u,tabIndex:f,"data-sheet":d,onClick:a,className:m},v)}));c.displayName="Link",exports.Link=c;
2	- //# sourceMappingURL=Link-70143bb7.js.map

package/cjs/Link-70143bb7.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Link-70143bb7.js","sources":["../src/components/typography/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\n\nexport interface LinkProps {\n isExternal?: boolean;\n href?: string;\n}\n\nexport const linkStyles = (isInverted?: boolean) => css`\n color: ${({ theme }) =>\n isInverted ? font(theme).link.colorInverted : font(theme).link.color};\n text-transform: ${({ theme }) => font(theme).link.textTransform};\n text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n transition: color 0.2s ease-in-out;\n\n outline: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ${({ theme }) =>\n isInverted\n ? font(theme).link.colorHoverInverted\n : font(theme).link.colorHover};\n }\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:focus {\n outline: 1px dashed\n ${({ theme }) =>\n isInverted\n ? font(theme).link.colorInverted\n : font(theme).link.color};\n outline-offset: 1px;\n }\n`;\n\nconst View = styled.a<{ isInverted?: boolean }>`\n ${({ isInverted }) => linkStyles(isInverted)};\n`;\n\nconst Link = forwardRef<\n HTMLAnchorElement,\n LinkProps & {\n ariaLabel?: string;\n tabIndex?: number;\n dataSheet?: string;\n isInverted?: boolean;\n onClick?: (ev?: React.SyntheticEvent<HTMLAnchorElement>) => void;\n className?: string;\n children?: React.ReactNode;\n }\n>(\n (\n {\n isInverted = false,\n isExternal = false,\n onClick,\n href,\n ariaLabel,\n tabIndex,\n dataSheet,\n children,\n className,\n },\n ref\n ) => {\n return (\n <View\n ref={ref}\n href={href}\n target={isExternal ? '_blank' : undefined}\n rel={isExternal ? 'noopener noreferrer' : undefined}\n isInverted={isInverted}\n aria-label={ariaLabel}\n tabIndex={tabIndex}\n data-sheet={dataSheet}\n onClick={onClick}\n className={className}\n >\n {children}\n </View>\n );\n }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["View","styled","a","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","linkStyles","isInverted","css","templateObject_1","theme","font","link","colorInverted","color","textTransform","textDecoration","colorHoverInverted","colorHover","Link","forwardRef","ref","_b","_c","isExternal","onClick","href","ariaLabel","tabIndex","dataSheet","children","className","React","createElement","target","undefined","rel"],"mappings":"mOA4CMA,OAAOC,QAAOC,EAAVC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAGJ,CAAkCK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,SAAA,OAAA,CAAA,SACC,UAA1C,SAACC,GAAmBC,OAlCA,SAACC,GAAyB,OAAAC,EAAGA,IAAAC,IAAAA,EAAAL,EAAAA,qBAAA,CAAA,gBAAA,0BAAA,2BAAA,gKAAA,sJAAA,4CAAA,CAAA,gBAEqB,0BACT,2BACE,gKAWpB,sJAaL,+CA3B/B,SAACC,GAAE,IAAAK,EAAKL,EAAAK,MACb,OAAAH,EAAaI,EAAAA,SAAKD,GAAOE,KAAKC,cAAgBF,EAAAA,SAAKD,GAAOE,KAAKE,SACjD,SAACT,GAAE,IAAAK,EAAKL,EAAAK,MAAO,OAAAC,WAAKD,GAAOE,KAAKG,iBAC/B,SAACV,GAAE,IAAAK,EAAKL,EAAAK,MAAO,OAAAC,WAAKD,GAAOE,KAAKI,kBAQlC,SAACX,GAAE,IAAAK,EAAKL,EAAAK,MACb,OAAAH,EACMI,EAAAA,SAAKD,GAAOE,KAAKK,mBACjBN,EAAAA,SAAKD,GAAOE,KAAKM,cAUzB,SAACb,GAAE,IAAAK,EAAKL,EAAAK,MACN,OAAAH,EACMI,EAAAA,SAAKD,GAAOE,KAAKC,cACjBF,EAAAA,SAAKD,GAAOE,KAAKE,SAMbR,CAAPD,EAAAE,eAGbY,EAAOC,EAAUA,YAYnB,SACIf,EAWAgB,GAVI,IAAAC,EAAAjB,EAAAE,WAAAA,OAAa,IAAAe,KACbC,EAAAlB,EAAAmB,WAAAA,OAAa,IAAAD,GAAKA,EAClBE,EAAOpB,EAAAoB,QACPC,EAAIrB,EAAAqB,KACJC,EAAStB,EAAAsB,UACTC,EAAQvB,EAAAuB,SACRC,EAASxB,EAAAwB,UACTC,EAAQzB,EAAAyB,SACRC,EAAS1B,EAAA0B,UAIb,OACIC,EAAC,QAAAC,cAAApC,EACG,CAAAwB,IAAKA,EACLK,KAAMA,EACNQ,OAAQV,EAAa,cAAWW,EAChCC,IAAKZ,EAAa,2BAAwBW,EAC1C5B,WAAYA,EACA,aAAAoB,EACZC,SAAUA,EACE,aAAAC,EACZJ,QAASA,EACTM,UAAWA,GAEVD,MAMjBX,EAAKlB,YAAc"}

package/cjs/Navigation-3f5d6088.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("./LibThemeProvider-fb99fd6d.js"),i=require("./useMediaQuery-d4f81f88.js"),a=require("./navigation-bf154e6e.js"),o=require("./Link-70143bb7.js"),r=require("styled-components"),l=require("./arrays-c272ed59.js"),s=require("./clamp-bd21d587.js"),u=require("./styles-0f1a0aea.js"),d=require("./Copy-e860efe7.js"),c=require("./Image-d9681be0.js"),p=require("./LanguageSwitcher-47e25e95.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g=m(e),v=m(r);!function(n){n[n.UP=0]="UP",n[n.DOWN=1]="DOWN"}(f\|\|(f={}));var h,b,x,w,y,_,k,C,I,N,O,B,E,S,F,M=v.default.nav.withConfig({displayName:"BarBreadCrumbs__View",componentId:"sc-bian0m-0"})(h\|\|(h=n.__makeTemplateObject(["\n min-width: 0;\n"],["\n min-width: 0;\n"]))),T=v.default.ul.withConfig({displayName:"BarBreadCrumbs__List",componentId:"sc-bian0m-1"})(b\|\|(b=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n min-width: inherit;\n\n & > li:first-child {\n flex: 1 0 auto;\n }\n\n @media "," {\n & > li + li {\n margin-left: ","px;\n }\n }\n"],["\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n min-width: inherit;\n\n & > li:first-child {\n flex: 1 0 auto;\n }\n\n @media "," {\n & > li + li {\n margin-left: ","px;\n }\n }\n"])),u.mq.semilarge,u.spacings.nudge),j=v.default.li.withConfig({displayName:"BarBreadCrumbs__ListItem",componentId:"sc-bian0m-2"})(x\|\|(x=n.__makeTemplateObject(["\n display: ",";\n min-width: inherit;\n\n @media "," {\n display: flex;\n\n & > * + * {\n margin-left: ","px;\n }\n }\n"],["\n display: ",";\n min-width: inherit;\n\n @media "," {\n display: flex;\n\n & > * + * {\n margin-left: ","px;\n }\n }\n"])),(function(n){return n.isCurrent?"flex":"none"}),u.mq.semilarge,u.spacings.nudge),z=v.default(o.Link).withConfig({displayName:"BarBreadCrumbs__NavLink",componentId:"sc-bian0m-3"})(w\|\|(w=n.__makeTemplateObject(["\n display: ",";\n align-items: center;\n max-width: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n ","\n color: ",";\n text-decoration: underline;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n @media "," {\n display: ",";\n }\n"],["\n display: ",";\n align-items: center;\n max-width: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n ","\n color: ",";\n text-decoration: underline;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n @media "," {\n display: ",";\n }\n"])),(function(n){return n.showOnMobile?"inline-flex":"none"}),(function(n){return n.clamp&&"120px"}),d.copyStyle("copy","small"),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.mq.semilarge,(function(n){return n.showOnDesktop?"inline-block":"none"})),L=v.default.span.withConfig({displayName:"BarBreadCrumbs__NavLabel",componentId:"sc-bian0m-4"})(y\|\|(y=n.__makeTemplateObject(["\n display: ",";\n align-items: center;\n max-width: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n ","\n color: ",";\n text-decoration: none;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n display: ",";\n }\n"],["\n display: ",";\n align-items: center;\n max-width: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n ","\n color: ",";\n text-decoration: none;\n\n & > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n display: ",";\n }\n"])),(function(n){return n.showOnMobile?"inline-flex":"none"}),(function(n){return n.clamp&&"120px"}),d.copyStyle("copy","small"),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).text.inverted:u.getColors(e).text.default}),u.spacings.nudge,u.mq.semilarge,(function(n){return n.showOnDesktop?"inline-block":"none"})),q=v.default(d.Copy).withConfig({displayName:"BarBreadCrumbs__Seperator",componentId:"sc-bian0m-5"})(_\|\|(_=n.__makeTemplateObject(["\n display: none;\n\n transition: color 0.2s ease-in-out;\n\n @media "," {\n display: inline-block;\n }\n"],["\n display: none;\n\n transition: color 0.2s ease-in-out;\n\n @media "," {\n display: inline-block;\n }\n"])),u.mq.semilarge),H=v.default.span.withConfig({displayName:"BarBreadCrumbs__BackIconContainer",componentId:"sc-bian0m-6"})(k\|\|(k=n.__makeTemplateObject(["\n flex: 0 0 auto;\n"],["\n flex: 0 0 auto;\n"]))),A=function(e){var t=e.isInverted,i=e.label,a=e.link,o=e.showOnMobile,r=e.showOnDesktop,l=e.children;return(null==a?void 0:a.href)?g.default.createElement(z,n.__assign({},a,{isInverted:t,showOnMobile:o,showOnDesktop:r}),l\|\|i):g.default.createElement(L,{isInverted:t,showOnMobile:o,showOnDesktop:r},l\|\|i)},P=v.default.div.withConfig({displayName:"BarColumn__Column",componentId:"sc-1sqtyni-0"})(C\|\|(C=n.__makeTemplateObject(["\n flex: ",";\n\n padding: ","px 0;\n min-width: -webkit-min-content;\n align-self: ",";\n\n text-align: center;\n color: ",";\n\n &:first-child {\n text-align: left;\n }\n\n &:last-child {\n text-align: right;\n }\n\n &:not(:first-child):not(:last-child) {\n margin: 0 ","px;\n }\n"],["\n flex: ",";\n\n padding: ","px 0;\n min-width: -webkit-min-content;\n align-self: ",";\n\n text-align: center;\n color: ",";\n\n &:first-child {\n text-align: left;\n }\n\n &:last-child {\n text-align: right;\n }\n\n &:not(:first-child):not(:last-child) {\n margin: 0 ","px;\n }\n"])),(function(n){return n.takeSpace?1:void 0}),u.spacings.nudge,(function(n){switch(n.vAlign){case"center":return"center";case"bottom":return"flex-end";case"top":return"flex-start";default:return}}),(function(n){var e=n.theme;n.isInverted;return u.getColors(e).text.inverted}),2u.spacings.nudge),V=v.default(o.Link).withConfig({displayName:"BarLogo__View",componentId:"sc-jul8nq-0"})(I\|\|(I=n.__makeTemplateObject(["\n display: block;\n display: flex;\n justify-content: center;\n min-width: 60px;\n max-width: 100%;\n max-height: 100%;\n\n &:focus {\n outline: 2px solid ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"],["\n display: block;\n display: flex;\n justify-content: center;\n min-width: 60px;\n max-width: 100%;\n max-height: 100%;\n\n &:focus {\n outline: 2px solid ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])),(function(n){var e=n.theme;return u.getColors(e).primary.default})),D=v.default(c.Image).withConfig({displayName:"BarLogo__Logo",componentId:"sc-jul8nq-1"})(N\|\|(N=n.__makeTemplateObject(["\n width: auto;\n height: 100%;\n object-fit: contain;\n"],["\n width: auto;\n height: 100%;\n object-fit: contain;\n"]))),W=v.default.button.withConfig({displayName:"BarMenuToggle__Toggle",componentId:"sc-5pjose-0"})(O\|\|(O=n.__makeTemplateObject(["\n background: transparent;\n border: none;\n color: ",";\n\n padding: ","px;\n margin-left: -","px;\n outline: none;\n\n cursor: pointer;\n\n transition: color 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n &:focus > {\n outline: dotted 2px\n ",";\n outline-offset: 4px;\n\n color: ",";\n }\n\n &:focus:not(:focus-visible) > * {\n outline: none;\n }\n"],["\n background: transparent;\n border: none;\n color: ",";\n\n padding: ","px;\n margin-left: -","px;\n outline: none;\n\n cursor: pointer;\n\n transition: color 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n &:focus > * {\n outline: dotted 2px\n ",";\n outline-offset: 4px;\n\n color: ",";\n }\n\n &:focus:not(:focus-visible) > * {\n outline: none;\n }\n"])),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default}),u.spacings.nudge,u.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.invertedHover:u.getColors(e).primary.hover}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.invertedHover:u.getColors(e).primary.hover})),R=function(n){var e=n.isInverted,t=n.isExpanded,i=void 0!==t&&t,a=n.onClick,o=n.children,r=n.className;return g.default.createElement(W,{isInverted:e,"aria-expanded":i,"aria-label":i?"close menu":"open menu","aria-haspopup":"true","aria-controls":"mainMenu",onClick:a,className:r},o)},G=v.default.nav.withConfig({displayName:"BarNavList__View",componentId:"sc-1r50tdm-0"})(B\|\|(B=n.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n\n margin: 0 -","px;\n\n & > * + * {\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n left: 0;\n height: 1em;\n width: 2px;\n background-color: ",";\n\n transition: background-color 0.2s ease-in-out;\n }\n }\n"],["\n display: inline-flex;\n align-items: center;\n\n margin: 0 -","px;\n\n & > * + * {\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n left: 0;\n height: 1em;\n width: 2px;\n background-color: ",";\n\n transition: background-color 0.2s ease-in-out;\n }\n }\n"])),u.spacings.nudge,(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default})),U=v.default(o.Link).withConfig({displayName:"BarNavList__NavLink",componentId:"sc-1r50tdm-1"})(E\|\|(E=n.__makeTemplateObject(["\n display: inline-block;\n position: relative;\n padding: 0 ","px;\n\n ","\n font-weight: ",";\n\n color: ",";\n text-decoration: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n text-decoration: underline;\n }\n }\n"],["\n display: inline-block;\n position: relative;\n padding: 0 ","px;\n\n ","\n font-weight: ",";\n\n color: ",";\n text-decoration: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n text-decoration: underline;\n }\n }\n"])),u.spacings.nudge,d.copyStyle("copy","medium"),(function(n){return n.isActive&&"700"}),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default}),(function(n){var e=n.isInverted,t=n.theme;return e?u.getColors(t).text.inverted:u.getColors(t).text.default})),Q=v.default.div.withConfig({displayName:"MenuHeader__Header",componentId:"sc-1tk7hrl-0"})(S\|\|(S=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding: 0 ","px;\n padding-top: ","px;\n"],["\n display: flex;\n align-items: center;\n\n padding: 0 ","px;\n padding-top: ","px;\n"])),2u.spacings.nudge,5u.spacings.nudge),X=v.default.div.withConfig({displayName:"MenuHeader__LanguageCol",componentId:"sc-1tk7hrl-1"})(F\|\|(F=n.__makeTemplateObject(["\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n"],["\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n"])),3u.spacings.nudge),Y=function(e){var t=e.isInverted,i=e.customToggle,a=e.menuStates,o=e.langs,r=e.action;return g.default.createElement(g.default.Fragment,null,g.default.createElement(Q,null,g.default.createElement(R,{isInverted:t,isExpanded:!0,onClick:null==a?void 0:a.closeMenu},i?i({isInverted:t}):g.default.createElement(n.Cross,{ariaHidden:!0})),l.isValidArray(o,!1)&&g.default.createElement(X,null,g.default.createElement(p.LanguageSwitcher,{isInverted:t,langs:o})),r&&r(n.__assign({isInverted:t},a))))},J=function(e){return r.css(wn\|\|(wn=n.__makeTemplateObject(["\n font-family: ",";\n font-weight: ",";\n font-style: ",";\n ","\n line-height: ",";\n letter-spacing: ",";\n text-transform: ",";\n text-decoration: ",";\n"],["\n font-family: ",";\n font-weight: ",";\n font-style: ",";\n ","\n line-height: ",";\n letter-spacing: ",";\n text-transform: ",";\n text-decoration: ",";\n"])),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].family}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].weight}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].style}),(function(n){var t=n.theme;return u.withRange(u.getFonts(t).navigation[e].size,"font-size")}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].lineHeight}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].letterSpacing}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].textTransform}),(function(n){var t=n.theme;return u.getFonts(t).navigation[e].textDecoration}))},K=v.default.div.withConfig({displayName:"MenuFlyout__Backdrop",componentId:"sc-19pnt0u-0"})(yn\|\|(yn=n.__makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n opacity: ",";\n pointer-events: ",";\n z-index: 101;\n\n transition: opacity 0.3s ease-in-out;\n\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n backdrop-filter: ",";\n }\n"],["\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n opacity: ",";\n pointer-events: ",";\n z-index: 101;\n\n transition: opacity 0.3s ease-in-out;\n\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n backdrop-filter: ",";\n }\n"])),(function(n){return n.isOpen?1:0}),(function(n){return n.isOpen?"all":"none"}),(function(n){return n.filter})),Z=v.default.div.withConfig({displayName:"MenuFlyout__Stage",componentId:"sc-19pnt0u-1"})(_n\|\|(_n=n.__makeTemplateObject(["\n position: fixed;\n top: 0;\n left: ",";\n height: 100vh;\n width: 100vw;\n max-width: ","px;\n pointer-events: none;\n\n z-index: 102;\n\n transform: translate(",", 0px);\n\n transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;\n will-change: transform;\n"],["\n position: fixed;\n top: 0;\n left: ",";\n height: 100vh;\n width: 100vw;\n max-width: ","px;\n pointer-events: none;\n\n z-index: 102;\n\n transform: translate(",", 0px);\n\n transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;\n will-change: transform;\n"])),(function(n){return n.isOpen?"50%":"0px"}),(function(n){return"content"===n.clampWidth?u.spacings.wrapper:u.spacings.wrapperLarge}),(function(n){return n.isOpen?"-50%":"-100%"})),$=v.default.div.withConfig({displayName:"MenuFlyout__Flyout",componentId:"sc-19pnt0u-2"})(kn\|\|(kn=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n visibility: visible;\n\n position: relative;\n width: 100%;\n height: 100%;\n background-color: ",";\n\n pointer-events: ",";\n\n /* Animation to disable keyboard tabbing if flyout is closed /\n animation: ",";\n\n @media "," {\n width: 384px;\n }\n\n @media "," {\n width: 460px;\n }\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 2px;\n height: 100%;\n width: 40vw;\n background-color: ",";\n z-index: -1;\n\n transform: translateX(-100%);\n }\n\n @keyframes hideAnim {\n to {\n visibility: hidden;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n visibility: visible;\n\n position: relative;\n width: 100%;\n height: 100%;\n background-color: ",";\n\n pointer-events: ",";\n\n /* Animation to disable keyboard tabbing if flyout is closed /\n animation: ",";\n\n @media "," {\n width: 384px;\n }\n\n @media "," {\n width: 460px;\n }\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 2px;\n height: 100%;\n width: 40vw;\n background-color: ",";\n z-index: -1;\n\n transform: translateX(-100%);\n }\n\n @keyframes hideAnim {\n to {\n visibility: hidden;\n }\n }\n"])),(function(n){var e=n.theme;return u.getColors(e).elementBg.light}),(function(n){return n.isOpen?"all":"none"}),(function(n){return!n.isOpen&&"hideAnim 0s ease-in 2s forwards"}),u.mq.medium,u.mq.large,(function(n){var e=n.theme;return u.getColors(e).elementBg.light})),nn=function(n,e){var t="large"===e?u.getGlobals(n).navigation.menu.headerHeight.large:u.getGlobals(n).navigation.menu.headerHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},en=v.default.div.withConfig({displayName:"MenuFlyout__Header",componentId:"sc-19pnt0u-3"})(Cn\|\|(Cn=n.__makeTemplateObject(["\n flex: 0 0\n ","px;\n height: ","px;\n\n @media "," {\n height: ","px;\n flex: 0 0\n ","px;\n }\n"],["\n flex: 0 0\n ","px;\n height: ","px;\n\n @media "," {\n height: ","px;\n flex: 0 0\n ","px;\n }\n"])),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[0]}),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]}),(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]})),tn=v.default.div.withConfig({displayName:"MenuFlyout__ScrollContainer",componentId:"sc-19pnt0u-4"})(In\|\|(In=n.__makeTemplateObject(["\n display: block;\n max-height: 100%;\n min-height: 0;\n"],["\n display: block;\n max-height: 100%;\n min-height: 0;\n"]))),an=v.default.div.withConfig({displayName:"MenuFlyout__ScrollArea",componentId:"sc-19pnt0u-5"})(Nn\|\|(Nn=n.__makeTemplateObject(["\n display: block;\n width: 100vw;\n max-height: 100%;\n overflow: auto;\n -ms-overflow-style: none; / for Internet Explorer, Edge /\n scrollbar-width: none; / for Firefox /\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n display: none; / for Chrome, Safari, and Opera /\n }\n\n & > :last-child {\n margin-bottom: ","px;\n }\n\n @media "," {\n max-width: 100%;\n }\n"],["\n display: block;\n width: 100vw;\n max-height: 100%;\n overflow: auto;\n -ms-overflow-style: none; /* for Internet Explorer, Edge /\n scrollbar-width: none; / for Firefox /\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n display: none; / for Chrome, Safari, and Opera /\n }\n\n & > :last-child {\n margin-bottom: ","px;\n }\n\n @media "," {\n max-width: 100%;\n }\n"])),10u.spacings.nudge,u.mq.medium),on=v.default.nav.withConfig({displayName:"MenuFlyout__NavView",componentId:"sc-19pnt0u-6"})(On\|\|(On=n.__makeTemplateObject([""],[""]))),rn=v.default.ul.withConfig({displayName:"MenuFlyout__NavList",componentId:"sc-19pnt0u-7"})(Bn\|\|(Bn=n.__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n margin: ","px 0;\n\n border-bottom: ",";\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n margin: ","px 0;\n\n border-bottom: ",";\n"])),2u.spacings.nudge,(function(n){var e=n.hasNonFeaturedItems,t=n.theme;return e&&"solid 2px ".concat(u.getColors(t).elementBg.medium)})),ln=v.default.li.withConfig({displayName:"MenuFlyout__NavItemView",componentId:"sc-19pnt0u-8"})(En\|\|(En=n.__makeTemplateObject(["\n flex: 0 0 80px;\n\n height: 100%;\n background-color: ",";\n\n transition: background-color 0.2s ease-in-out;\n\n li + &:not([data-featured='true']) {\n border-top: solid 2px ",";\n }\n\n li[data-featured='true'] + &:not([data-featured='true']) {\n margin-top: ","px;\n }\n\n &:not([data-featured='true']):first-child {\n border-top: solid 2px ",";\n }\n\n @media "," {\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n background-color: ",";\n }\n }\n"],["\n flex: 0 0 80px;\n\n height: 100%;\n background-color: ",";\n\n transition: background-color 0.2s ease-in-out;\n\n li + &:not([data-featured='true']) {\n border-top: solid 2px ",";\n }\n\n li[data-featured='true'] + &:not([data-featured='true']) {\n margin-top: ","px;\n }\n\n &:not([data-featured='true']):first-child {\n border-top: solid 2px ",";\n }\n\n @media "," {\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n background-color: ",";\n }\n }\n"])),(function(n){var e=n.theme;return n.isActive?u.getColors(e).elementBg.medium:u.getColors(e).elementBg.light}),(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.spacings.spacer,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.mq.semilarge,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium})),sn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemContent",componentId:"sc-19pnt0u-9"})(Sn\|\|(Sn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n position: relative;\n min-height: 80px;\n\n padding: 0 ","px;\n\n ","\n color: ",";\n text-decoration: ",";\n"],["\n display: flex;\n align-items: center;\n position: relative;\n min-height: 80px;\n\n padding: 0 ","px;\n\n ","\n color: ",";\n text-decoration: ",";\n"])),2u.spacings.nudge,(function(n){var e=n.isFeatured;return J(e?"featured":"main")}),(function(n){var e=n.theme;return n.isFeatured?u.getFonts(e).navigation.featured.color:u.getFonts(e).navigation.main.color}),(function(n){return n.isCurrent?"underline":"none"})),un=v.default.span.withConfig({displayName:"MenuFlyout__NavItemIcon",componentId:"sc-19pnt0u-10"})(Fn\|\|(Fn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 48px;\n max-width: 48px;\n\n {\n width: 100%;\n max-width: 48px;\n max-height: 80px;\n }\n"],["\n display: flex;\n align-items: center;\n width: 48px;\n max-width: 48px;\n\n * {\n width: 100%;\n max-width: 48px;\n max-height: 80px;\n }\n"]))),dn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemLabel",componentId:"sc-19pnt0u-11"})(Mn\|\|(Mn=n.__makeTemplateObject(["\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:not(:first-child) {\n margin-left: ","px;\n }\n"],["\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:not(:first-child) {\n margin-left: ","px;\n }\n"])),2u.spacings.nudge),cn=v.default.span.withConfig({displayName:"MenuFlyout__NavItemCollapse",componentId:"sc-19pnt0u-12"})(Tn\|\|(Tn=n.__makeTemplateObject(["\n display: block;\n margin-left: auto;\n padding-left: ","px;\n"],["\n display: block;\n margin-left: auto;\n padding-left: ","px;\n"])),3u.spacings.nudge),pn=v.default(n.AngleRight).withConfig({displayName:"MenuFlyout__NavItemCollapseIcon",componentId:"sc-19pnt0u-13"})(jn\|\|(jn=n.__makeTemplateObject(["\n transform: ",";\n\n transition: transform 0.2s ease-in-out;\n\n @media "," {\n transform: rotate(0deg);\n }\n"],["\n transform: ",";\n\n transition: transform 0.2s ease-in-out;\n\n @media "," {\n transform: rotate(0deg);\n }\n"])),(function(n){return!n.isCollapsed&&"rotate(90deg)"}),u.mq.semilarge),mn=v.default(o.Link).withConfig({displayName:"MenuFlyout__NavItemLink",componentId:"sc-19pnt0u-14"})(zn\|\|(zn=n.__makeTemplateObject(["\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n &:focus {\n outline: solid 2px\n ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"],["\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n &:focus {\n outline: solid 2px\n ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),fn=v.default.button.withConfig({displayName:"MenuFlyout__NavItemButton",componentId:"sc-19pnt0u-15"})(Ln\|\|(Ln=n.__makeTemplateObject(["\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n background: none;\n border: none;\n border-bottom: solid 2px ",";\n width: 100%;\n cursor: pointer;\n outline: none;\n border-radius: 0px;\n\n &:focus {\n outline: solid 2px ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n @media "," {\n border-bottom: none;\n }\n"],["\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n background: none;\n border: none;\n border-bottom: solid 2px ",";\n width: 100%;\n cursor: pointer;\n outline: none;\n border-radius: 0px;\n\n &:focus {\n outline: solid 2px ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n @media "," {\n border-bottom: none;\n }\n"])),(function(n){var e=n.theme;return u.getColors(e).elementBg.light}),(function(n){var e=n.theme;return u.getColors(e).primary.default}),u.mq.semilarge),gn=v.default.ul.withConfig({displayName:"MenuFlyout__SubNavList",componentId:"sc-19pnt0u-16"})(qn\|\|(qn=n.__makeTemplateObject(["\n display: ",";\n position: relative;\n margin: 0;\n padding: 0;\n padding-left: ","px;\n padding-right: ","px;\n list-style: none;\n\n max-height: 100%;\n overflow: auto;\n -ms-overflow-style: none; /* for Internet Explorer, Edge /\n scrollbar-width: none; / for Firefox /\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n display: none; / for Chrome, Safari, and Opera /\n }\n\n background-color: ",";\n\n @media "," {\n position: absolute;\n top: 0;\n left: calc(100% - 1px);\n width: 100vw;\n height: 100%;\n max-width: 384px;\n padding-left: ","px;\n }\n"],["\n display: ",";\n position: relative;\n margin: 0;\n padding: 0;\n padding-left: ","px;\n padding-right: ","px;\n list-style: none;\n\n max-height: 100%;\n overflow: auto;\n -ms-overflow-style: none; / for Internet Explorer, Edge /\n scrollbar-width: none; / for Firefox /\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n display: none; / for Chrome, Safari, and Opera /\n }\n\n background-color: ",";\n\n @media "," {\n position: absolute;\n top: 0;\n left: calc(100% - 1px);\n width: 100vw;\n height: 100%;\n max-width: 384px;\n padding-left: ","px;\n }\n"])),(function(n){return!n.isActive&&"none"}),(function(n){return n.isIndented?48+4u.spacings.nudge:2u.spacings.nudge}),2u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).elementBg.medium}),u.mq.semilarge,3u.spacings.nudge),vn=e.forwardRef((function(e,t){var i=e.isCurrent,a=e.isActive,o=e.isFeatured,r=e.label,l=e.link,s=e.icon,u=e.subNavTitle,d=e.navBarSize,c=e.onItemClick,p=e.collapseIcon,m=e.canFocus,f=e.children,v=!!f&&g.default.Children.count(f)>0;return g.default.createElement(ln,{ref:t,isActive:a,"data-featured":o},g.default.createElement(sn,{isCurrent:i,isFeatured:o},s&&g.default.createElement(un,null,s),r&&g.default.createElement(dn,null,r),v&&g.default.createElement(cn,null,p?p({isCollapsed:!a}):g.default.createElement(pn,{ariaHidden:!0,isCollapsed:!a})),!v&&(null==l?void 0:l.href)&&g.default.createElement(mn,n.__assign({},l,{ariaLabel:r,tabIndex:m?void 0:-1})),v&&g.default.createElement(g.default.Fragment,null,g.default.createElement(fn,{"aria-label":r,"aria-expanded":a,onClick:c,tabIndex:m?void 0:-1}))),v&&g.default.createElement(gn,{isActive:a,isIndented:!!s},(null==l?void 0:l.href)&&g.default.createElement(Zn.SubItem,{key:"overview",link:l,label:u\|\|"Overview",navBarSize:d,canFocus:m}),f))}));vn.displayName="NavigationItem";var hn=v.default.li.withConfig({displayName:"MenuFlyout__SubNavItem",componentId:"sc-19pnt0u-17"})(Hn\|\|(Hn=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n height: 56px;\n\n ","\n color: ",";\n\n @media "," {\n &:first-child {\n margin-top: ","px;\n }\n\n &:last-child {\n margin-bottom: ","px;\n }\n }\n"],["\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n height: 56px;\n\n ","\n color: ",";\n\n @media "," {\n &:first-child {\n margin-top: ","px;\n }\n\n &:last-child {\n margin-bottom: ","px;\n }\n }\n"])),J("main"),(function(n){var e=n.theme;return u.getFonts(e).navigation.sub.color}),u.mq.semilarge,(function(n){var e=n.theme,t=n.navBarSize;return nn(e,t)[1]+2u.spacings.nudge}),u.spacings.spacer),bn=v.default(o.Link).withConfig({displayName:"MenuFlyout__SubNavLink",componentId:"sc-19pnt0u-18"})(An\|\|(An=n.__makeTemplateObject(["\n /* width: 100%; /\n padding: ","px 0;\n outline-color: ",";\n vertical-align: middle;\n\n ","\n color: ",";\n text-decoration: ",";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n & > {\n margin: 2px;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus > * {\n outline: dashed 1px\n ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) > * {\n outline: none;\n }\n"],["\n /* width: 100%; /\n padding: ","px 0;\n outline-color: ",";\n vertical-align: middle;\n\n ","\n color: ",";\n text-decoration: ",";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n & > {\n margin: 2px;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus > * {\n outline: dashed 1px\n ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) > * {\n outline: none;\n }\n"])),u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).primary.default}),J("sub"),(function(n){var e=n.theme;return u.getFonts(e).navigation.sub.color}),(function(n){return n.isCurrent?"underline":"none"}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),xn=e.forwardRef((function(e,t){var i=e.isCurrent,a=e.label,o=e.link,r=e.navBarSize,l=e.canFocus;return g.default.createElement(hn,{ref:t,navBarSize:r},g.default.createElement(bn,n.__assign({tabIndex:l?void 0:-1,isCurrent:i},o),g.default.createElement("span",null,a)))}));xn.displayName="NavigationSubItem";var wn,yn,_n,kn,Cn,In,Nn,On,Bn,En,Sn,Fn,Mn,Tn,jn,zn,Ln,qn,Hn,An,Pn,Vn,Dn,Wn,Rn,Gn,Un,Qn,Xn,Yn,Jn=v.default.ul.withConfig({displayName:"MenuFlyout__SecondaryNavList",componentId:"sc-19pnt0u-19"})(Pn\|\|(Pn=n.__makeTemplateObject(["\n display: block;\n list-style: none;\n padding: 0 ","px;\n margin: ","px 0;\n\n li {\n display: flex;\n margin: 0;\n padding: 0;\n }\n"],["\n display: block;\n list-style: none;\n padding: 0 ","px;\n margin: ","px 0;\n\n li {\n display: flex;\n margin: 0;\n padding: 0;\n }\n"])),2u.spacings.nudge,u.spacings.spacer),Kn=v.default(o.Link).withConfig({displayName:"MenuFlyout__SecondaryNavLink",componentId:"sc-19pnt0u-20"})(Vn\|\|(Vn=n.__makeTemplateObject(["\n display: inline-block;\n padding: ","px 0;\n outline-color: ",";\n vertical-align: middle;\n\n ","\n color: ",";\n text-decoration: ",";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n outline: dashed 2px\n ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"],["\n display: inline-block;\n padding: ","px 0;\n outline-color: ",";\n vertical-align: middle;\n\n ","\n color: ",";\n text-decoration: ",";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n outline: dashed 2px\n ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])),.5u.spacings.nudge,(function(n){var e=n.theme;return u.getColors(e).primary.default}),J("secondary"),(function(n){var e=n.theme;return u.getFonts(e).navigation.secondary.color}),(function(n){return n.isCurrent?"underline":"none"}),(function(n){var e=n.theme;return n.isInverted?u.getColors(e).primary.inverted:u.getColors(e).primary.default})),Zn={View:function(n){var e=n.children;return g.default.createElement(on,{"aria-label":"menu"},e)},List:rn,Item:vn,SubItem:xn,SubList:function(n){var e=n.items,t=n.canFocus;return e&&e.length>0?g.default.createElement(Jn,null,null==e?void 0:e.filter((function(n){var e;return null===(e=n.link)\|\|void 0===e?void 0:e.href})).map((function(n,e){var i;return g.default.createElement("li",{key:e},g.default.createElement(Kn,{isCurrent:n.isCurrent,href:null===(i=n.link)\|\|void 0===i?void 0:i.href,tabIndex:t?void 0:-1},n.label))}))):null}},$n=function(n){return!n.hideFromMenu&&n.uid&&n.label},ne=function(i){var o=i.isOpen,r=i.clampWidth,s=i.isIndexPage,u=i.mainNavigation,d=i.subNavigation,c=i.navBarSize,p=i.subNavTitle,m=i.backdropFilter,f=void 0===m?"grayscale(1)":m,v=i.header,h=i.footer,b=i.onClose,x=i.collapseIcon,w=i.navItemsHeader,y=t.useLibTheme().theme,_=e.useRef(null),k=e.useMemo((function(){return function(n){var e=nn(n,"large"),t=nn(n,"small");return e[0]>0\|\|e[1]>0\|\|t[0]>0\|\|t[1]>0}(y)}),[y]),C=e.useMemo((function(){var e=(null==u?void 0:u.filter((function(n){return n.isFeatured})))\|\|[],t=(null==u?void 0:u.filter((function(n){return!n.isFeatured})))\|\|[];return n.__spreadArray(n.__spreadArray([],e,!0),t,!0).filter($n)}),[u]),I=e.useMemo((function(){var n=(null==u?void 0:u.filter((function(n){return!n.isFeatured})))\|\|[];return n&&n.length>0}),[u]),N=e.useMemo((function(){return null==d?void 0:d.filter($n)}),[d]),O=e.useState((function(){var n,e,t=null===(e=null===(n=a.getCurrentNavItem(C,!0))\|\|void 0===n?void 0:n.root)\|\|void 0===e?void 0:e.uid;return t?[t]:[""]})),B=O[0],E=O[1],S=e.useState(null),F=S[0],M=S[1],T=e.useState(null),j=T[0],z=T[1];return e.useEffect((function(){var n=function(n){_.current&&n.target&&(_.current.contains(n.target)\|\|b&&b())};return o?document.addEventListener("focusin",n):document.removeEventListener("focusin",n),function(){document.removeEventListener("focusin",n)}}),[o,b]),e.useEffect((function(){try{null==F\|\|F.scrollIntoView({block:"center",inline:"start"}),null==j\|\|j.scrollIntoView({block:"center",inline:"start"})}catch(n){}}),[F,j]),g.default.createElement(g.default.Fragment,null,g.default.createElement(K,{isOpen:o,filter:f,onClick:b}),g.default.createElement(Z,{isOpen:o,clampWidth:r},g.default.createElement($,{ref:_,isOpen:o},k&&g.default.createElement(en,{navBarSize:c},v?v({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s,navBarSize:c}):g.default.createElement(Y,{menuStates:{isOpen:o,mainNavigation:u,subNavigation:d,isIndexPage:s,navBarSize:c}})),g.default.createElement(tn,null,g.default.createElement(an,null,w&&w({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s,navBarSize:c}),g.default.createElement(Zn.View,null,l.isValidArray(C,!1)&&g.default.createElement(Zn.List,{id:"mainMenu",hasNonFeaturedItems:I},C.map((function(e){var t,i=B.includes(e.uid),a=!!(null==e?void 0:e.subItems)&&e.subItems.findIndex((function(n){return n.isCurrent}))>=0,r=e.isCurrent\|\|a;return g.default.createElement(Zn.Item,n.__assign({key:e.uid},e,{ref:r?M:void 0,isActive:i,isCurrent:r,subNavTitle:p,navBarSize:c,collapseIcon:x,onItemClick:function(){return n=e.uid,void E((function(e){return e.includes(n)?[]:[n]}));var n},canFocus:o}),null===(t=null==e?void 0:e.subItems)\|\|void 0===t?void 0:t.filter($n).map((function(e){return g.default.createElement(Zn.SubItem,n.__assign({key:e.uid,ref:e.isCurrent?z:void 0},e,{navBarSize:c,canFocus:o}))})))}))),l.isValidArray(N,!1)&&g.default.createElement(Zn.SubList,{items:N,canFocus:o})),h?h({isOpen:o,mainNavigation:C,subNavigation:N,isIndexPage:s}):"")))))},ee=function(e){var t=e.isOpen,i=e.clampWidth,a=e.isIndexPage,o=e.mainNavigation,r=e.subNavigation,l=e.navBarSize,s=e.header,u=e.footer,d=e.navItemsHeader,c=e.onClose,p=e.typeSettings;return p\|\|(p={type:"flyout"}),null==p\|\|p.type,g.default.createElement(ne,n.__assign({isOpen:t,clampWidth:i,isIndexPage:a,mainNavigation:o,subNavigation:r,navBarSize:l,header:s,footer:u,onClose:c,navItemsHeader:d},p))},te=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.topHeight.large:u.getGlobals(n).navigation.navBar.topHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},ie=function(n){var e=te(n,"large"),t=te(n,"small");return e[0]>0\|\|e[1]>0\|\|t[0]>0\|\|t[1]>0},ae=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.mainHeight.large:u.getGlobals(n).navigation.navBar.mainHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},oe=function(n,e){var t="large"===e?u.getGlobals(n).navigation.navBar.bottomHeight.large:u.getGlobals(n).navigation.navBar.bottomHeight.small;return[s.clampValue(t[0],0),s.clampValue(void 0===(null==t?void 0:t[1])?t[0]:t[1],0)]},re=function(n){var e=oe(n,"large"),t=oe(n,"small");return e[0]>0\|\|e[1]>0\|\|t[0]>0\|\|t[1]>0},le=function(n,e,t){var i=!t\|\|-1===t.indexOf("top"),a=!t\|\|-1===t.indexOf("main"),o=!t\|\|-1===t.indexOf("bottom"),r=i?te(n,e):[0,0],l=a?ae(n,e):[0,0],s=o?oe(n,e):[0,0];return[r[0]+l[0]+s[0],r[1]+l[1]+s[1]]},se=v.default.div.withConfig({displayName:"NavBar__View",componentId:"sc-f6gpx5-0"})(Dn\|\|(Dn=n.__makeTemplateObject(["\n position: ",";\n top: 0;\n left: 0;\n right: 0;\n\n transform: ",";\n\n margin: 0 auto;\n /* max-width: ","px; /\n z-index: 100;\n\n ","\n will-change: transform;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n margin: 0 auto;\n max-width: ","px;\n z-index: -1;\n }\n\n // print version\n @media print {\n position: relative;\n }\n"],["\n position: ",";\n top: 0;\n left: 0;\n right: 0;\n\n transform: ",";\n\n margin: 0 auto;\n / max-width: ","px; /\n z-index: 100;\n\n ","\n will-change: transform;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n margin: 0 auto;\n max-width: ","px;\n z-index: -1;\n }\n\n // print version\n @media print {\n position: relative;\n }\n"])),(function(n){return n.isSticky?"fixed":"absolute"}),(function(n){return!n.isOpen&&"translate3d(0, -101%, 0)"}),u.spacings.wrapperLarge,(function(n){var e=n.isAnimated;return"transition: ".concat(e?"transform 0.3s ease-in-out, ":"","height 0.3s ease-in-out,\n opacity 0.3s ease-in-out;")}),(function(n){return n.bgGradient\|\|""}),u.spacings.wrapperLarge),ue=v.default.div.withConfig({displayName:"NavBar__Header",componentId:"sc-f6gpx5-1"})(Wn\|\|(Wn=n.__makeTemplateObject(["\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n\n background-color: ",";\n color: ",";\n\n transition: background-color 0.2s ease-in-out;\n\n @media "," {\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n }\n"],["\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n\n background-color: ",";\n color: ",";\n\n transition: background-color 0.2s ease-in-out;\n\n @media "," {\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]>0?1:0}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]<=0&&"hidden"}),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return te(e,t)[1]>0?1:0}),(function(n){var e=n.theme,t=n.size;return te(e,t)[1]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return te(e,t)[1]<=0&&"hidden"})),de=v.default.div.withConfig({displayName:"NavBar__Main",componentId:"sc-f6gpx5-2"})(Rn\|\|(Rn=n.__makeTemplateObject(["\n background-color: ",";\n color: ",";\n\n transition: background-color 0.2s ease-in-out;\n"],["\n background-color: ",";\n color: ",";\n\n transition: background-color 0.2s ease-in-out;\n"])),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted})),ce=v.default.div.withConfig({displayName:"NavBar__Footer",componentId:"sc-f6gpx5-3"})(Gn\|\|(Gn=n.__makeTemplateObject(["\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n\n background-color: ",";\n color: ",";\n\n opacity: ",";\n\n transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media "," {\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n\n opacity: ",";\n }\n"],["\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n\n background-color: ",";\n color: ",";\n\n opacity: ",";\n\n transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media "," {\n opacity: ",";\n pointer-events: ",";\n overflow: ",";\n\n opacity: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?1:0}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]<=0&&"hidden"}),(function(n){return n.background}),(function(n){var e=n.theme;return n.background?u.getColors(e).text.default:u.getColors(e).text.inverted}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]>0?1:0}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?1:0}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?"all":"none"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]<=0&&"hidden"}),(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]>0?1:0})),pe=v.default.div.withConfig({displayName:"NavBar__TopContent",componentId:"sc-f6gpx5-4"})(Un\|\|(Un=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n position: relative;\n max-width: ","px;\n padding: ",";\n margin: 0 auto;\n\n height: ","px;\n\n transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out,\n padding-bottom 0.2s ease-in-out;\n will-change: height;\n\n @media "," {\n height: ","px;\n padding: ",";\n }\n"],["\n display: flex;\n justify-content: flex-end;\n position: relative;\n max-width: ","px;\n padding: ",";\n margin: 0 auto;\n\n height: ","px;\n\n transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out,\n padding-bottom 0.2s ease-in-out;\n will-change: height;\n\n @media "," {\n height: ","px;\n padding: ",";\n }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),(function(n){var e=n.size,t=n.theme;return te(t,e)[0]>0&&"0 ".concat(2u.spacings.nudge,"px")}),(function(n){var e=n.theme,t=n.size;return te(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return te(e,t)[1]}),(function(n){var e=n.size,t=n.theme;return te(t,e)[1]>0&&"0 ".concat(2u.spacings.nudge,"px")})),me=v.default.div.withConfig({displayName:"NavBar__Content",componentId:"sc-f6gpx5-5"})(Qn\|\|(Qn=n.__makeTemplateObject(["\n display: flex;\n position: relative;\n max-width: ","px;\n padding: 0 ","px;\n margin: 0 auto;\n\n height: ","px;\n\n transition: height 0.2s ease-in-out;\n will-change: height;\n\n @media "," {\n height: ","px;\n }\n"],["\n display: flex;\n position: relative;\n max-width: ","px;\n padding: 0 ","px;\n margin: 0 auto;\n\n height: ","px;\n\n transition: height 0.2s ease-in-out;\n will-change: height;\n\n @media "," {\n height: ","px;\n }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),2u.spacings.nudge,(function(n){var e=n.theme,t=n.size;return ae(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return ae(e,t)[1]\|\|ae(e,t)[0]})),fe=v.default.div.withConfig({displayName:"NavBar__BottomContent",componentId:"sc-f6gpx5-6"})(Xn\|\|(Xn=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n position: relative;\n max-width: ","px;\n padding: 0 ","px;\n margin: 0 auto;\n\n height: ","px;\n transition: 0.2s height ease-in-out;\n\n @media "," {\n height: ","px;\n padding: 0 ","px;\n }\n"],["\n display: flex;\n justify-content: flex-start;\n position: relative;\n max-width: ","px;\n padding: 0 ","px;\n margin: 0 auto;\n\n height: ","px;\n transition: 0.2s height ease-in-out;\n\n @media "," {\n height: ","px;\n padding: 0 ","px;\n }\n"])),(function(n){return n.clamp?u.spacings.wrapper:u.spacings.wrapperLarge}),2u.spacings.nudge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.size;return oe(e,t)[1]}),2u.spacings.nudge),ge=v.default.div.withConfig({displayName:"NavBar__BarSpacer",componentId:"sc-f6gpx5-7"})(Yn\|\|(Yn=n.__makeTemplateObject(["\n height: ","px;\n\n @media "," {\n height: ","px;\n }\n\n // print version\n @media print {\n display: none;\n }\n"],["\n height: ","px;\n\n @media "," {\n height: ","px;\n }\n\n // print version\n @media print {\n display: none;\n }\n"])),(function(n){var e=n.theme,t=n.hasHeader,i=n.hasFooter,a=[];return t\|\|a.push("top"),i\|\|a.push("bottom"),le(e,"large",a)[0]}),u.mq.semilarge,(function(n){var e=n.theme,t=n.hasHeader,i=n.hasFooter,a=[];return t\|\|a.push("top"),i\|\|a.push("bottom"),le(e,"large",a)[1]})),ve=function(n){var i=n.size,a=void 0===i?"large":i,o=n.isOpen,r=void 0!==o&&o,l=n.isSticky,s=void 0!==l&&l,u=n.isAnimated,d=void 0!==u&&u,c=n.clampWidth,p=void 0!==c&&c,m=n.pageFlow,f=void 0===m?"beforeContent":m,v=n.topBg,h=n.mainBg,b=n.bottomBg,x=n.onContentBg,w=n.topBar,y=n.mainBar,_=n.bottomBar,k=n.className,C=t.useLibTheme(),I=C.theme,N=C.colors,O="content"===p,B="overContent"===f,E=e.useMemo((function(){return ie(I)&&null!==w}),[I,w]),S=e.useMemo((function(){return re(I)&&null!==_}),[_,I]),F=e.useMemo((function(){return"small"===a\|\|"large"===a&&!B}),[B,a]),M=v\|\|N.elementBg.light,T=h\|\|N.elementBg.light,j=b\|\|N.elementBg.light,z=x\|\|"linear-gradient(180deg,rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 100%)",L=e.useMemo((function(){return w&&w({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[r,s,f,a,w]),q=e.useMemo((function(){return y&&y({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[r,s,y,f,a]),H=e.useMemo((function(){return _&&_({size:a,isOpen:r,isSticky:s,pageFlow:f})}),[_,r,s,f,a]);return g.default.createElement(g.default.Fragment,null,"beforeContent"===f&&g.default.createElement(ge,{hasHeader:E,hasFooter:S}),g.default.createElement(se,{isOpen:r,isSticky:s,isAnimated:d,bgGradient:"large"===a&&B?z:void 0,className:k},E&&g.default.createElement(ue,{size:a,background:F?M:void 0},g.default.createElement(pe,{size:a,clamp:O},L\|\|g.default.createElement(P,{isInverted:!0},"Top Nav"))),null!==y&&g.default.createElement(de,{background:F?T:void 0},g.default.createElement(me,{size:a,clamp:O},q\|\|g.default.createElement(g.default.Fragment,null,g.default.createElement(P,{takeSpace:!0,isInverted:"large"===a&&B},"Left"),g.default.createElement(P,{isInverted:"large"===a&&B},"Center"),g.default.createElement(P,{takeSpace:!0,isInverted:"large"===a&&B},"Right")))),S&&g.default.createElement(ce,{size:a,background:F?j:void 0},g.default.createElement(fe,{size:a,clamp:O},H\|\|"bottom bar"))))},he=function(n){var e=n\|\|"",t=void 0;switch(!0){case-1!==e.search("overContent"):t="overContent";break;case-1!==e.search("beforeContent"):t="beforeContent"}return{hasTop:-1!==e.search("top"),hasMain:-1!==e.search("main"),hasBottom:-1!==e.search("bottom"),pageFlow:t,isStickable:-1!==e.search("stickable")}},be=function(n){if(!n)return"";var e=[];return n.hasTop&&e.push("top"),n.hasMain&&e.push("main"),n.hasBottom&&e.push("bottom"),n.isStickable&&e.push("stickable"),n.pageFlow&&e.push(n.pageFlow),e.join("-")};exports.BarBreadcrumbs=function(t){var i=t.isInverted,o=void 0!==i&&i,r=t.rootLink,l=t.rootLabel,s=t.navItems,u=t.seperator,d=t.back,c=t.className,p=e.useMemo((function(){return a.getCurrentNavPath(s,(null==r?void 0:r.href)?[null==r?void 0:r.href]:[])}),[s,null==r?void 0:r.href]),m={uid:"root",label:l\|\|"Home",link:r};return g.default.createElement(M,{"aria-label":"breadcrumbs",className:c},g.default.createElement(T,null,g.default.createElement(j,null,g.default.createElement(A,n.__assign({showOnDesktop:!0,isInverted:o},m))),null==p?void 0:p.map((function(e,t){var i=t===p.length-1,a=t-1>=0?p[t-1]:m;return g.default.createElement(j,{key:t,isCurrent:i},g.default.createElement(q,{size:"small",isInverted:o},u?u({isInverted:o}):"/"),i?g.default.createElement(g.default.Fragment,null,a&&g.default.createElement(A,n.__assign({},a,{showOnMobile:!0,isInverted:o}),g.default.createElement(H,null,d?d({isInverted:o}):g.default.createElement(n.AngleLeft,null)),g.default.createElement("span",null,a.label)),g.default.createElement(A,n.__assign({},e,{link:{},showOnDesktop:!0,isInverted:o}))):g.default.createElement(A,n.__assign({},e,{showOnDesktop:!0,isInverted:o})))}))))},exports.BarLogo=function(e){var t=e.link,i=e.logo,a=e.className;return g.default.createElement(V,n.__assign({},t,{className:a}),(null==i?void 0:i.small)&&g.default.createElement(D,n.__assign({},i,{coverSpace:!1,ratios:void 0,showPlaceholder:!1})))},exports.BarMenuToggle=R,exports.BarNavList=function(e){var t=e.isInverted,i=e.navLinks,a=e.className;return g.default.createElement(G,{isInverted:t,className:a},null==i?void 0:i.map((function(e,i){return g.default.createElement(U,n.__assign({key:i},e.link,{isInverted:t,isActive:e.isCurrent}),e.label)})))},exports.Column=P,exports.MenuHeader=Y,exports.Navigation=function(o){var r=o.clampWidth,l=void 0===r?"content":r,s=o.navBar,u=o.menu,d=(null==s?void 0:s.isStickable)\|\|!1,c=(null==s?void 0:s.isCollapsible)\|\|!1,p=i.useMediaQueries(),m=t.useLibTheme().theme,v=e.useState(!1),h=v[0],b=v[1],x=e.useState(!0),w=x[0],y=x[1],_=function(n){var t,i,o=e.useState(!0),r=o[0],l=o[1],s=e.useState(!0),u=s[0],d=s[1],c=e.useState(!1),p=c[0],m=c[1],g=e.useRef(0),v=e.useRef(0),h=e.useState(f.DOWN),b=h[0],x=h[1],w=(null===(t=null==n?void 0:n.directionOffset)\|\|void 0===t?void 0:t.down)\|\|0,y=(null===(i=null==n?void 0:n.directionOffset)\|\|void 0===i?void 0:i.up)\|\|0,_=a.useScrollThrottle(void 0!==(null==n?void 0:n.resizeThrottleTimeout)?n.resizeThrottleTimeout:200);return e.useEffect((function(){if(_&&"undefined"!=typeof window){var e=_.scrollY,t=e<=0;l(t),(null==n?void 0:n.offset)&&e<=n.offset?d(!0):d((function(e){var t;return e&&(null===(t=null==n?void 0:n.onLeftOffset)\|\|void 0===t\|\|t.call(n,b),m(!0)),!1}));var i=e-g.current,a=Math.abs(v.current);i<0&&v.current>0\|\|i>0&&v.current<0?v.current=0:v.current+=i,a=Math.abs(v.current),t?x(f.DOWN):i<0&&a>=y?x(f.UP):i>0&&a>=w&&x(f.DOWN),g.current=e}}),[w,y,b,_,n]),e.useEffect((function(){r&&m(!1)}),[r]),{isTop:r,scrollDirection:b,isInOffset:u,leftOffsetFromTop:p}}({directionOffset:{up:40,down:40},offset:le(m,"large")[p.semilarge?1:0]}),k=_.isTop,C=_.scrollDirection,I=_.isInOffset,N=_.leftOffsetFromTop,O=e.useMemo((function(){return k\|\|I\|\|!d?"large":"small"}),[k,I,d]);e.useEffect((function(){d&&c&&y(k\|\|I\|\|C===f.UP)}),[C,k,d,I,c]),e.useEffect((function(){d&&(!c\|\|N&&C===f.UP?b(!0):k&&b(!1))}),[c,d,k,N,C]);var B=function(t,i){var a=e.useState(t),o=a[0],r=a[1],l=e.useRef(!1),s=e.useState(null),u=s[0],d=s[1],c=e.useRef(null),p=e.useRef(null),m=n.__assign({openMenuIdent:'button[aria-label="open menu"]',closeMenuIdent:'button[aria-label="close menu"]'},i);return e.useEffect((function(){u&&(c.current\|\|(c.current=u.querySelector(m.openMenuIdent)),p.current\|\|(p.current=u.querySelector(m.closeMenuIdent)))}),[m.closeMenuIdent,m.openMenuIdent,o,u]),e.useEffect((function(){var n,e,t=function(n){"Escape"===n.key&&o&&r(!1)};return o?null===(n=null==p?void 0:p.current)\|\|void 0===n\|\|n.focus():l.current&&(null===(e=null==c?void 0:c.current)\|\|void 0===e\|\|e.focus()),l.current=o,window.addEventListener("keydown",t),function(){window.removeEventListener("keydown",t)}}),[o]),{setRoot:d,isMenuOpen:o,setIsMenuOpen:r}}(!1,{}),E=B.isMenuOpen,S=B.setIsMenuOpen,F=B.setRoot,M=function(){S(!0)},T=function(){S(!1)};e.useEffect((function(){document.body.style.overflow=E?"hidden":"visible"}),[E]);var j=(null==s?void 0:s.topBar)?function(e){return(null==s?void 0:s.topBar)?s.topBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.topBar,z=(null==s?void 0:s.mainBar)?function(e){return(null==s?void 0:s.mainBar)?s.mainBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.mainBar,L=(null==s?void 0:s.bottomBar)?function(e){return(null==s?void 0:s.bottomBar)?s.bottomBar(n.__assign(n.__assign({},e),{isMenuOpen:E,openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,isOnPageTop:k,isInTopOffset:I})):""}:null==s?void 0:s.bottomBar,q=(null==u?void 0:u.header)?function(e){return(null==u?void 0:u.header)?null==u?void 0:u.header(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0,H=(null==u?void 0:u.footer)?function(e){return(null==u?void 0:u.footer)?null==u?void 0:u.footer(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0,A=(null==u?void 0:u.navItemsHeader)?function(e){return(null==u?void 0:u.navItemsHeader)?null==u?void 0:u.navItemsHeader(n.__assign(n.__assign({},e),{openMenu:M,closeMenu:T,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,navBarSize:O})):""}:void 0;return g.default.createElement("header",{ref:F,"data-navbar-ident":function(n){return be({hasTop:null!==j&&ie(n),hasMain:null!==z,hasBottom:null!==L&&re(n),isStickable:null==s?void 0:s.isStickable,pageFlow:null==s?void 0:s.pageFlow})}(m)},g.default.createElement(t.LibThemeProvider,{theme:null==s?void 0:s.theme},g.default.createElement(ve,{isOpen:w,isSticky:h,isAnimated:!0,size:O,clampWidth:l,pageFlow:null==s?void 0:s.pageFlow,topBar:j,mainBar:z,bottomBar:L,topBg:null==s?void 0:s.topBg,mainBg:null==s?void 0:s.mainBg,bottomBg:null==s?void 0:s.bottomBg,onContentBg:null==s?void 0:s.onContentBg})),g.default.createElement(t.LibThemeProvider,{theme:null==u?void 0:u.theme},g.default.createElement(ee,{isOpen:E,clampWidth:l,isIndexPage:null==u?void 0:u.isIndexPage,mainNavigation:null==u?void 0:u.mainNavigation,subNavigation:null==u?void 0:u.subNavigation,typeSettings:null==u?void 0:u.typeSettings,navBarSize:O,header:q,footer:H,navItemsHeader:A,onClose:T})))},exports.generateNavbarIdent=be,exports.getFullNavbarHeights=function(n,e){var t=he(e\|\|""),i=t.hasTop,a=t.hasBottom,o=[];return i\|\|o.push("top"),a\|\|o.push("bottom"),{large:le(n,"large",o),small:le(n,"small",o)}},exports.getNavbarState=he;
2	- //# sourceMappingURL=Navigation-3f5d6088.js.map