npm - @blateral/b.kit - Versions diffs - 2.2.6 → 2.3.0-beta.1.0 - Mend

@blateral/b.kit 2.2.6 → 2.3.0-beta.1.0

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 (946) hide show

package/lib/cjs/SocialList-79ddf9d6.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SocialList-79ddf9d6.js","sources":["../../src/components/blocks/Image.tsx","../../src/components/blocks/LanguageSwitcher.tsx","../../src/components/blocks/SocialList.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","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","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\nimport Link from 'components/typography/Link';\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n & > * {\n margin: 0;\n padding: 0;\n }\n\n & > * + * {\n margin-top: ${spacings.nudge * 2}px;\n }\n`;\n\nconst List = styled.ul`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n list-style: none;\n\n & > * + * {\n margin-left: ${spacings.nudge * 3}px;\n }\n`;\n\nconst IconContainer = styled.li`\n display: block;\n padding: 0;\n`;\n\nconst StyledLink = styled(Link)`\n display: block;\n padding: ${spacings.nudge * 2}px ${spacings.nudge * 1.5}px;\n margin: -${spacings.nudge * 2}px -${spacings.nudge * 1.5}px;\n color: ${({ theme, isInverted }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n outline: none;\n\n transition: all ease-in-out 0.2s;\n\n &:focus {\n outline: none;\n }\n\n &:focus > * {\n outline: 2px solid\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).primary.inverted\n : color(theme).primary.default};\n outline-offset: 2px;\n }\n\n &:focus:not(:focus-visible) > * {\n outline: none;\n }\n`;\n\nexport interface SocialItem {\n href: string;\n icon: (props: { isInverted?: boolean; title?: string }) => React.ReactNode;\n title?: string;\n}\n\nconst SocialList: FC<{\n isInverted?: boolean;\n title?: string;\n items?: SocialItem[];\n className?: string;\n}> = ({ isInverted = false, title, items, className }) => {\n return (\n <View className={className}>\n {title && (\n <Copy type=\"copy-b\" isInverted={isInverted}>\n {title}\n </Copy>\n )}\n <List>\n {items?.map((item, i) => (\n <IconContainer key={i}>\n <StyledLink\n isExternal\n href={item.href}\n isInverted={isInverted}\n ariaLabel={item.title || `social_${i}`}\n >\n {item.icon &&\n item.icon({ isInverted, title: item.title })}\n </StyledLink>\n </IconContainer>\n ))}\n </List>\n </View>\n );\n};\n\nexport default SocialList;\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","View","Icon","SelectView","LanguageLink","Link","size","copyStyle","isActive","List","ul","IconContainer","li","StyledLink","primary","className","alt","onClick","copyright","colors","useLibTheme","imgRef","useRef","useState","isLoaded","setIsLoaded","useEffect","current","ref","handleLoad","handleError","complete","removeEventListener","addEventListener","React","createElement","srcSet","media","loading","textColor","innerHTML","renderAs","langs","languageIcon","textSize","map","lang","i","__assign","key","link","label","title","items","type","item","isExternal","href","ariaLabel","icon"],"mappings":"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"}

package/lib/cjs/Wrapper-3b9c9e89.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),a=require("./clamp-bd21d587.js"),i=require("./styles-0f1a0aea.js"),l=require("./concat-f387d848.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function o(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var d=o(e),m=r(e),g=r(t),c={cols:12,gutter:i.spacings.spacer},s=function(n,e,t){return null==n?n:n!==a.clampValue(n,e,t)?void 0:n},u=function(e){return function(a){var l,r,o,d,m=s(a.gutter,0)\|\|0,g=s(null===(l=null==a?void 0:a.medium)\|\|void 0===l?void 0:l.gutter,0),c=s(null===(r=null==a?void 0:a.semilarge)\|\|void 0===r?void 0:r.gutter,0),u=s(null===(o=null==a?void 0:a.large)\|\|void 0===o?void 0:o.gutter,0),p=s(null===(d=null==a?void 0:a.xlarge)\|\|void 0===d?void 0:d.gutter,0),v="grid"===e?"margin-top: -":"padding-top: ",f="grid"===e?"margin-left: -":"padding-left: ";return t.css(E\|\|(E=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 "])),v,m,f,m,void 0!==g&&t.css(N\|\|(N=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),i.mq.medium,v,g,f,g),void 0!==c&&t.css(R\|\|(R=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),i.mq.semilarge,v,c,f,c),void 0!==u&&t.css(I\|\|(I=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),i.mq.large,v,u,f,u),void 0!==p&&t.css(M\|\|(M=n.__makeTemplateObject(["\n @media "," {\n ","","px;\n ","","px;\n }\n "],["\n @media "," {\n ","","px;\n ","","px;\n }\n "])),i.mq.xlarge,v,p,f,p))}},p=function(n){switch(n){case"top":return"flex-start";case"center":return"center";case"bottom":return"flex-end";default:return}},v=function(e){return function(a){var l,r,o,d,m=p(a.valign),g=p(null===(l=null==a?void 0:a.medium)\|\|void 0===l?void 0:l.valign),c=p(null===(r=null==a?void 0:a.semilarge)\|\|void 0===r?void 0:r.valign),s=p(null===(o=null==a?void 0:a.large)\|\|void 0===o?void 0:o.valign),u=p(null===(d=null==a?void 0:a.xlarge)\|\|void 0===d?void 0:d.valign),v=e?"align-self: ":"align-items: ";return t.css(H\|\|(H=n.__makeTemplateObject(["\n ","",";\n\n ","\n\n ","\n\n ","\n\n ","\n "],["\n ","",";\n\n ","\n\n ","\n\n ","\n\n ","\n "])),v,m\|\|void 0,void 0!==g&&t.css(X\|\|(X=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),i.mq.medium,v,g),void 0!==c&&t.css(V\|\|(V=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),i.mq.semilarge,v,c),void 0!==s&&t.css(F\|\|(F=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),i.mq.large,v,s),void 0!==u&&t.css(D\|\|(D=n.__makeTemplateObject(["\n @media "," {\n ","",";\n }\n "],["\n @media "," {\n ","",";\n }\n "])),i.mq.xlarge,v,u))}},f=function(n){switch(n){case"left":return"flex-start";case"center":return"center";case"right":return"flex-end";default:return}},b=g.default.div.withConfig({displayName:"Grid__StyledCol",componentId:"sc-cwn14w-0"})(nn\|\|(nn=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 a,l,r,o,d=s(e.span,0,1),m=s(null===(a=e.medium)\|\|void 0===a?void 0:a.span,0,1),g=s(null===(l=e.semilarge)\|\|void 0===l?void 0:l.span,0,1),c=s(null===(r=e.large)\|\|void 0===r?void 0:r.span,0,1),u=s(null===(o=e.xlarge)\|\|void 0===o?void 0:o.span,0,1);return t.css(q\|\|(q=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(d\|\|1),m&&t.css(w\|\|(w=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),i.mq.medium,100(m\|\|1)),g&&t.css(j\|\|(j=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),i.mq.semilarge,100(g\|\|1)),c&&t.css(O\|\|(O=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),i.mq.large,100(c\|\|1)),u&&t.css(T\|\|(T=n.__makeTemplateObject(["\n @media "," {\n width: ","%;\n }\n "],["\n @media "," {\n width: ","%;\n }\n "])),i.mq.xlarge,100(u\|\|1)))}),(function(e){var a,l,r,o,d=null===(a=null==e?void 0:e.medium)\|\|void 0===a?void 0:a.move,m=null===(l=null==e?void 0:e.semilarge)\|\|void 0===l?void 0:l.move,g=null===(r=null==e?void 0:e.large)\|\|void 0===r?void 0:r.move,c=null===(o=null==e?void 0:e.xlarge)\|\|void 0===o?void 0:o.move;return t.css(G\|\|(G=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!==d&&t.css(y\|\|(y=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),i.mq.medium,d&&d>0?100d+"%":"auto",d&&d<0?-100d+"%":"auto"),void 0!==m&&t.css(S\|\|(S=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),i.mq.semilarge,m&&m>0?100m+"%":"auto",m&&m<0?-100m+"%":"auto"),void 0!==g&&t.css(C\|\|(C=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),i.mq.large,g&&g>0?100g+"%":"auto",g&&g<0?-100g+"%":"auto"),void 0!==c&&t.css(W\|\|(W=n.__makeTemplateObject(["\n @media "," {\n left: ",";\n right: ",";\n }\n "],["\n @media "," {\n left: ",";\n right: ",";\n }\n "])),i.mq.xlarge,c&&c>0?100c+"%":"auto",c&&c<0?-100c+"%":"auto"))}),u("col"),(function(e){var a,l,r,o,d=null===(a=null==e?void 0:e.medium)\|\|void 0===a?void 0:a.textAlign,m=null===(l=null==e?void 0:e.semilarge)\|\|void 0===l?void 0:l.textAlign,g=null===(r=null==e?void 0:e.large)\|\|void 0===r?void 0:r.textAlign,c=null===(o=null==e?void 0:e.xlarge)\|\|void 0===o?void 0:o.textAlign;return t.css(P\|\|(P=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!==d&&t.css(A\|\|(A=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),i.mq.medium,d),void 0!==m&&t.css(B\|\|(B=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),i.mq.semilarge,m),void 0!==g&&t.css(L\|\|(L=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),i.mq.large,g),void 0!==c&&t.css(z\|\|(z=n.__makeTemplateObject(["\n @media "," {\n text-align: ",";\n }\n "],["\n @media "," {\n text-align: ",";\n }\n "])),i.mq.xlarge,c))}),v(!0),(function(e){return e.toRight&&t.css(Z\|\|(Z=n.__makeTemplateObject(["\n margin-left: auto;\n "],["\n margin-left: auto;\n "])))}),(function(e){return e.toLeft&&t.css($\|\|($=n.__makeTemplateObject(["\n margin-right: auto;\n "],["\n margin-right: auto;\n "])))})),h=g.default.div.withConfig({displayName:"Grid__StyledGrid",componentId:"sc-cwn14w-1"})(en\|\|(en=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"])),u("grid"),v(),(function(e){var a,l,r,o,d=f(e.halign),m=f(null===(a=null==e?void 0:e.medium)\|\|void 0===a?void 0:a.halign),g=f(null===(l=null==e?void 0:e.semilarge)\|\|void 0===l?void 0:l.halign),c=f(null===(r=null==e?void 0:e.large)\|\|void 0===r?void 0:r.halign),s=f(null===(o=null==e?void 0:e.xlarge)\|\|void 0===o?void 0:o.halign);return t.css(Y\|\|(Y=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 "])),d\|\|void 0,void 0!==m&&t.css(J\|\|(J=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),i.mq.medium,m),void 0!==g&&t.css(K\|\|(K=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),i.mq.semilarge,g),void 0!==c&&t.css(Q\|\|(Q=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),i.mq.large,c),void 0!==s&&t.css(U\|\|(U=n.__makeTemplateObject(["\n @media "," {\n justify-content: ",";\n }\n "],["\n @media "," {\n justify-content: ",";\n }\n "])),i.mq.xlarge,s))})),_=function(e,t){return void 0===e?t:t?n.__assign(n.__assign({},t),{gutter:e}):{gutter:e}},x=function(e){var t=e.gutter,a=e.valign,i=e.children,l=e.halign,r=e.medium,o=e.semilarge,m=e.large,g=e.xlarge;return d.createElement(h,{gutter:t,valign:a,halign:l,medium:r,semilarge:o,large:m,xlarge:g},d.Children.map(i,(function(e){var a,i,l,c;return e?d.createElement(b,n.__assign({},null==e?void 0:e.props,{gutter:t,medium:_(null==r?void 0:r.gutter,null===(a=null==e?void 0:e.props)\|\|void 0===a?void 0:a.medium),semilarge:_(null==o?void 0:o.gutter,null===(i=null==e?void 0:e.props)\|\|void 0===i?void 0:i.semilarge),large:_(null==m?void 0:m.gutter,null===(l=null==e?void 0:e.props)\|\|void 0===l?void 0:l.large),xlarge:_(null==g?void 0:g.gutter,null===(c=null==e?void 0:e.props)\|\|void 0===c?void 0:c.xlarge)})):void 0})))};x.defaultProps={gutter:c.gutter};var k,w,j,O,T,q,y,S,C,W,G,N,R,I,M,E,A,B,L,z,P,X,V,F,D,H,J,K,Q,U,Y,Z,$,nn,en,tn={Row:x,Col:function(n){return d.createElement(d.Fragment,null,null==n?void 0:n.children)}},an=g.default.section.withConfig({displayName:"Section__View",componentId:"sc-14g80mr-0"})(mn\|\|(mn=n.__makeTemplateObject(["\n position: relative;\n overflow: ",";\n\n // section paddings\n ","\n\n // section margins\n ","\n"],["\n position: relative;\n overflow: ",";\n\n // section paddings\n ","\n\n // section margins\n ","\n"])),(function(n){return"div"===n.as?"visible":"hidden"}),(function(e){var a=e.addSeperation,l=e.isStackable,r=e.bgIdent,o=e.theme,d=i.getGlobals(o).sections.seperation.padding.default,m=i.getGlobals(o).sections.seperation.padding.stackable,g=i.getGlobals(o).sections.seperation.forcePadding;return a?t.css(on\|\|(on=n.__makeTemplateObject(["\n ","\n ","\n\n section[data-stack-ident='true'] + & {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n padding-top: ",";\n\n @media "," {\n padding-top: ",";\n }\n }\n "],["\n ","\n ","\n\n section[data-stack-ident='true'] + & {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n padding-top: ",";\n\n @media "," {\n padding-top: ",";\n }\n }\n "])),i.withRange(d,"padding-top"),i.withRange(l?m:d,"padding-bottom"),i.withRange(m,"padding-top"),r,r,g?void 0:"0 !important",i.mq.xxlarge,g?void 0:"0 !important"):""}),(function(e){var a=e.addSeperation,l=e.isStackable,r=e.bgIdent,o=e.bgColor,d=e.theme,m=i.getGlobals(d).sections.seperation.margin.default,g=i.getGlobals(d).sections.seperation.margin.stackable,c=o?"__".concat(o):"";return a?t.css(dn\|\|(dn=n.__makeTemplateObject(["\n :not([data-bg-ident='light'])\n + &[data-bg-ident='larger-left","'] {\n ",";\n }\n\n :not([data-bg-ident='light'])\n + &[data-bg-ident='larger-right","'] {\n ",";\n }\n\n section[data-bg-ident='larger-left","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='larger-right","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n margin-top: 0 !important;\n\n @media "," {\n margin-top: 0 !important;\n }\n }\n "],["\n :not([data-bg-ident='light'])\n + &[data-bg-ident='larger-left","'] {\n ",";\n }\n\n :not([data-bg-ident='light'])\n + &[data-bg-ident='larger-right","'] {\n ",";\n }\n\n section[data-bg-ident='larger-left","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='larger-right","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n margin-top: 0 !important;\n\n @media "," {\n margin-top: 0 !important;\n }\n }\n "])),c,i.withRange(m,"margin-top"),c,i.withRange(m,"margin-top"),c,i.withRange(l?g:m,"margin-top"),c,i.withRange(l?g:m,"margin-top"),r,r,i.mq.xxlarge):""})),ln=g.default.div.withConfig({displayName:"Section__Back",componentId:"sc-14g80mr-1"})(gn\|\|(gn=n.__makeTemplateObject(["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: ",";\n background: ",";\n margin: 0 auto;\n z-index: -1;\n\n @media "," {\n background: ",";\n }\n\n @media "," {\n :before {\n content: ",";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(-100%);\n }\n :after {\n content: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(100%);\n }\n }\n"],["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: ",";\n background: ",";\n margin: 0 auto;\n z-index: -1;\n\n @media "," {\n background: ",";\n }\n\n @media "," {\n :before {\n content: ",";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(-100%);\n }\n :after {\n content: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(100%);\n }\n }\n"])),(function(n){return n.bgColor?"block":"none"}),(function(n){var e=n.bgMode,t=n.clampSolidBg;return"larger-left"!==e&&"larger-right"!==e?t?"".concat(i.spacings.wrapperLarge,"px"):void 0:"".concat(i.spacings.wrapper,"px")}),(function(n){return n.bgColor\|\|void 0}),i.mq.semilarge,(function(n){var e=n.bgColor,t=n.bgMode;return e&&t?function(n,e){var t=void 0;switch(e){case"full":case"inverted":default:t=n;break;case"larger-left":t="linear-gradient(to left, transparent 40%, ".concat(n," 40%)");break;case"larger-right":t="linear-gradient(to right, transparent 40%, ".concat(n," 40%)")}return t}(e,t):void 0}),i.mq.xlarge,(function(n){return"larger-left"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var e=n.bgColor;return e&&e}),(function(n){return"larger-right"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var e=n.bgColor;return e&&e})),rn=e.forwardRef((function(n,e){var t=n.anchorId,a=n.renderAs,i=n.bgColor,r=n.bgMode,o=n.clampSolidBg,d=void 0===o\|\|o,g=n.addSeperation,c=void 0!==g&&g,s=n.isStackable,u=void 0!==s&&s,p=n.className,v=n.children;switch(r){case"larger-left":r="larger-left";break;case"larger-right":r="larger-right";break;case"inverted":r="inverted";break;case"full":r="full";break;default:r=void 0}var f=c?"":"nopad",b=i&&r?l.concat(["".concat(r,"__").concat(i),f],"--"):"light";return m.default.createElement(an,{ref:e,id:t\|\|void 0,as:a,"data-bg-ident":b,bgIdent:b,bgColor:i\|\|"",addSeperation:!(a&&(!a\|\|"div"===a))&&c,isStackable:u,"data-stack-ident":u?"true":"false",className:p},i&&m.default.createElement(ln,{bgColor:i,bgMode:r,clampSolidBg:d}),v)}));rn.displayName="Section";var on,dn,mn,gn,cn,sn=2i.spacings.nudge,un=g.default.div.withConfig({displayName:"Wrapper__View",componentId:"sc-1ll038z-0"})(cn\|\|(cn=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n max-width: ",";\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ","px;\n"],["\n position: relative;\n width: 100%;\n max-width: ",";\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ","px;\n"])),(function(n){switch(n.clampWidth){case"large":return"".concat(i.spacings.wrapperLarge,"px");case"small":return"".concat(i.spacings.wrapperSmall,"px");default:return"".concat(i.spacings.wrapper,"px")}}),(function(n){return n.addWhitespace?sn:0}));exports.Grid=tn,exports.Section=rn,exports.Wrapper=function(n){var e=n.addWhitespace,t=void 0!==e&&e,a=n.clampWidth,i=void 0===a?"normal":a,l=n.className,r=n.children;return d.createElement(un,{className:l,addWhitespace:t,clampWidth:i},r)},exports.getGridWidth=function(e){var a=(null==e?void 0:e.cols)\|\|c.cols,i=(null==e?void 0:e.gridWidth)\|\|"100%",l=void 0!==(null==e?void 0:e.gutter)?e.gutter:c.gutter,r=c.cols;return t.css(k\|\|(k=n.__makeTemplateObject(["\n calc((("," - ","px) / ",") * "," + ","px)\n "],["\n calc((("," - ","px) / ",") * "," + ","px)\n "])),i,(r-1)l,r,a,(a-1)l)},exports.gridSettings=c,exports.mapToBgMode=function(n,e,t){switch(void 0===e&&(e=!1),void 0===t&&(t=!1),n){case"full":return"full";case"inverted":return"inverted";case"splitted":return e?void 0:t?"larger-left":"larger-right";default:return}},exports.wrapperWhitespace=sn;
2	+ //# sourceMappingURL=Wrapper-3b9c9e89.js.map

package/lib/cjs/Wrapper-3b9c9e89.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Wrapper-3b9c9e89.js","sources":["../../src/components/base/Grid.tsx","../../src/components/base/Section.tsx","../../src/components/base/Wrapper.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","import React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { concat } from 'utils/concat';\nimport { mq, spacings, withRange, getGlobals as global } from 'utils/styles';\n\nexport type BgMode = 'full' | 'larger-left' | 'larger-right' | 'inverted';\n\nconst getBackground = (bgColor: string, mode?: BgMode) => {\n let bgValue = undefined;\n\n switch (mode) {\n case 'full':\n bgValue = bgColor;\n break;\n\n case 'inverted':\n bgValue = bgColor;\n break;\n\n case 'larger-left':\n bgValue = `linear-gradient(to left, transparent 40%, ${bgColor} 40%)`;\n break;\n\n case 'larger-right':\n bgValue = `linear-gradient(to right, transparent 40%, ${bgColor} 40%)`;\n break;\n\n default:\n bgValue = bgColor;\n break;\n }\n return bgValue;\n};\n\nconst View = styled.section<{\n as?: SectionType;\n bgIdent: string;\n bgColor: string;\n isStackable?: boolean;\n addSeperation?: boolean;\n}>`\n position: relative;\n overflow: ${({ as }) => (as === 'div' ? 'visible' : 'hidden')};\n\n // section paddings\n ${({ addSeperation, isStackable, bgIdent, theme }) => {\n const padding = global(theme).sections.seperation.padding.default;\n const paddingStacked =\n global(theme).sections.seperation.padding.stackable;\n const forcePadding = global(theme).sections.seperation.forcePadding;\n\n if (addSeperation) {\n return css`\n ${withRange(padding, 'padding-top')}\n ${withRange(\n isStackable ? paddingStacked : padding,\n 'padding-bottom'\n )}\n\n section[data-stack-ident='true'] + & {\n ${withRange(paddingStacked, 'padding-top')};\n }\n\n section[data-bg-ident='${bgIdent}']\n + &[data-bg-ident='${bgIdent}'] {\n padding-top: ${forcePadding ? undefined : '0 !important'};\n\n @media ${mq.xxlarge} {\n padding-top: ${forcePadding\n ? undefined\n : '0 !important'};\n }\n }\n `;\n } else return '';\n }}\n\n // section margins\n ${({ addSeperation, isStackable, bgIdent, bgColor, theme }) => {\n const margin = global(theme).sections.seperation.margin.default;\n const marginStacked =\n global(theme).sections.seperation.margin.stackable;\n\n const bgColorPart = bgColor ? `__${bgColor}` : '';\n\n if (addSeperation) {\n return css`\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-left${bgColorPart}'] {\n ${withRange(margin, 'margin-top')};\n }\n\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-right${bgColorPart}'] {\n ${withRange(margin, 'margin-top')};\n }\n\n section[data-bg-ident='larger-left${bgColorPart}']\n + &:not([data-bg-ident='light']) {\n ${withRange(\n isStackable ? marginStacked : margin,\n 'margin-top'\n )};\n }\n\n section[data-bg-ident='larger-right${bgColorPart}']\n + &:not([data-bg-ident='light']) {\n ${withRange(\n isStackable ? marginStacked : margin,\n 'margin-top'\n )};\n }\n\n section[data-bg-ident='${bgIdent}']\n + &[data-bg-ident='${bgIdent}'] {\n margin-top: 0 !important;\n\n @media ${mq.xxlarge} {\n margin-top: 0 !important;\n }\n }\n `;\n } else return '';\n }}\n`;\n\nconst Back = styled.div<{\n bgColor?: string;\n bgMode?: BgMode;\n clampSolidBg?: boolean;\n}>`\n display: ${({ bgColor }) => (bgColor ? 'block' : 'none')};\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: ${({ bgMode, clampSolidBg }) => {\n if (bgMode !== 'larger-left' && bgMode !== 'larger-right') {\n return clampSolidBg ? `${spacings.wrapperLarge}px` : undefined;\n } else {\n return `${spacings.wrapper}px`;\n }\n }};\n background: ${({ bgColor }) => bgColor || undefined};\n margin: 0 auto;\n z-index: -1;\n\n @media ${mq.semilarge} {\n background: ${({ bgColor, bgMode }) =>\n bgColor && bgMode ? getBackground(bgColor, bgMode) : undefined};\n }\n\n @media ${mq.xlarge} {\n :before {\n content: ${({ bgMode }) =>\n bgMode === 'larger-left' ? `\"\"` : undefined};\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n background-color: ${({ bgColor }) => bgColor && bgColor};\n transform: translateX(-100%);\n }\n :after {\n content: ${({ bgMode }) =>\n bgMode === 'larger-right' ? `\"\"` : undefined};\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n background-color: ${({ bgColor }) => bgColor && bgColor};\n transform: translateX(100%);\n }\n }\n`;\n\nexport type SectionType = 'header' | 'footer' | 'div';\n\nexport interface SectionProps {\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Render as specific HTML tag type */\n renderAs?: SectionType;\n\n /** Background color */\n bgColor?: string;\n\n /** Background mode */\n bgMode?: BgMode;\n\n /** Clamp solid backgrounds (full, inverted) to large wrapper width */\n clampSolidBg?: boolean;\n\n /** Enable section seperation spacing */\n addSeperation?: boolean;\n\n /** Allow stack feature for reduced section spacing to following section */\n isStackable?: boolean;\n}\n\nconst Section = forwardRef<\n HTMLElement,\n SectionProps & {\n className?: string;\n children?: React.ReactNode;\n }\n>(\n (\n {\n anchorId,\n renderAs,\n bgColor,\n bgMode,\n clampSolidBg = true,\n addSeperation = false,\n isStackable = false,\n className,\n children,\n },\n ref\n ) => {\n switch (bgMode) {\n case 'larger-left':\n bgMode = 'larger-left';\n break;\n case 'larger-right':\n bgMode = 'larger-right';\n break;\n case 'inverted':\n bgMode = 'inverted';\n break;\n case 'full':\n bgMode = 'full';\n break;\n default:\n bgMode = undefined;\n }\n\n const noPadIdent = addSeperation ? '' : 'nopad';\n const ident =\n bgColor && bgMode\n ? concat([`${bgMode}__${bgColor}`, noPadIdent], '--')\n : 'light';\n\n return (\n <View\n ref={ref}\n id={anchorId || undefined}\n as={renderAs}\n data-bg-ident={ident}\n bgIdent={ident}\n bgColor={bgColor || ''}\n addSeperation={\n !renderAs || (renderAs && renderAs !== 'div')\n ? addSeperation\n : false\n }\n isStackable={isStackable}\n data-stack-ident={isStackable ? 'true' : 'false'}\n className={className}\n >\n {bgColor && (\n <Back\n bgColor={bgColor}\n bgMode={bgMode}\n clampSolidBg={clampSolidBg}\n />\n )}\n {children}\n </View>\n );\n }\n);\n\nSection.displayName = 'Section';\n\nexport default Section;\n\nexport const mapToBgMode = (\n mode?: 'full' | 'splitted' | 'inverted',\n preventSplit = false,\n isMirrored = false\n): BgMode | undefined => {\n switch (mode) {\n case 'full':\n return 'full';\n case 'inverted':\n return 'inverted';\n case 'splitted': {\n if (!preventSplit)\n return isMirrored ? 'larger-left' : 'larger-right';\n else return undefined;\n }\n\n default:\n return undefined;\n }\n};\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { spacings } from 'utils/styles';\n\nexport type ClampWidthType = 'small' | 'normal' | 'large';\n\nexport const wrapperWhitespace = spacings.nudge * 2;\n\nconst View = styled.div<{\n clampWidth?: ClampWidthType;\n addWhitespace?: boolean;\n}>`\n position: relative;\n width: 100%;\n max-width: ${({ clampWidth }) => {\n switch (clampWidth) {\n case 'large':\n return `${spacings.wrapperLarge}px`;\n\n case 'small':\n return `${spacings.wrapperSmall}px`;\n\n default:\n case 'normal':\n return `${spacings.wrapper}px`;\n }\n }};\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ${({ addWhitespace }) => (addWhitespace ? wrapperWhitespace : 0)}px;\n`;\n\nconst Wrapper: React.FC<{\n addWhitespace?: boolean;\n clampWidth?: ClampWidthType;\n className?: string;\n children?: React.ReactNode;\n}> = ({\n addWhitespace = false,\n clampWidth = 'normal',\n className,\n children,\n}) => {\n return (\n <View\n className={className}\n addWhitespace={addWhitespace}\n clampWidth={clampWidth}\n >\n {children}\n </View>\n );\n};\n\nexport default Wrapper;\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","View","section","as","addSeperation","isStackable","bgIdent","theme","padding","global","sections","seperation","default","paddingStacked","stackable","forcePadding","templateObject_1","withRange","xxlarge","bgColor","margin","marginStacked","bgColorPart","concat","Back","bgMode","clampSolidBg","wrapperLarge","wrapper","bgValue","getBackground","Section","forwardRef","ref","anchorId","renderAs","className","noPadIdent","ident","id","wrapperWhitespace","nudge","clampWidth","wrapperSmall","addWhitespace","columns","width","gridWidth","gridGutter","gridCols","preventSplit","isMirrored"],"mappings":"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"}

package/lib/cjs/arrays-c272ed59.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";exports.isEmptyArray=function(r){if(r&&Array.isArray(r))return r.length<=0},exports.isValidArray=function(r,t){return void 0===t&&(t=!0),!!r&&(!!Array.isArray(r)&&(!!t\|\|r.length>0))};
2	+ //# sourceMappingURL=arrays-c272ed59.js.map

package/lib/cjs/arrays-c272ed59.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"arrays-c272ed59.js","sources":["../../src/utils/arrays.ts"],"sourcesContent":["export const isEmptyArray = <T>(array?: Array<T>) => {\n if (!array) return undefined;\n if (!Array.isArray(array)) return undefined;\n return array.length <= 0;\n};\n\nexport const isValidArray = <T>(\n array?: Array<T>,\n allowEmpty = true\n): array is Array<T> => {\n if (!array) return false;\n if (!Array.isArray(array)) return false;\n return allowEmpty ? true : array.length > 0;\n};\n"],"names":["array","Array","isArray","length","allowEmpty"],"mappings":"kCAA4B,SAAIA,GAC5B,GAAKA,GACAC,MAAMC,QAAQF,GACnB,OAAOA,EAAMG,QAAU,wBAGC,SACxBH,EACAI,GAEA,YAFA,IAAAA,IAAAA,GAAiB,KAEZJ,MACAC,MAAMC,QAAQF,OACZI,GAAoBJ,EAAMG,OAAS"}

package/lib/cjs/base.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Wrapper-3b9c9e89.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),exports.Grid=e.Grid,exports.Section=e.Section,exports.Wrapper=e.Wrapper,exports.getGridWidth=e.getGridWidth,exports.gridSettings=e.gridSettings,exports.mapToBgMode=e.mapToBgMode,exports.wrapperWhitespace=e.wrapperWhitespace;
2	+ //# sourceMappingURL=base.js.map

package/lib/cjs/base.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"base.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/blocks.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Bdot-760e0e3a.js"),r=require("./Actions-487104b2.js"),s=require("./SocialList-79ddf9d6.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-fb99fd6d.js"),require("./Link-70143bb7.js"),require("./arrays-c272ed59.js"),require("./useMediaQuery-d4f81f88.js"),require("./useObserverSupport-5ab320dd.js"),require("./useUpdateEffect-4d233e2c.js"),exports.Bdot=e.Bdot,exports.EventBlock=e.EventBlock,exports.HeaderKenBurns=e.HeaderKenBurns,exports.HeaderPoster=e.HeaderPoster,exports.HeaderVideo=e.HeaderVideo,exports.InfoList=e.InfoList,exports.IntroBlock=e.IntroBlock,exports.POICard=e.POICard,exports.POIFacts=e.POIFacts,exports.TableBlock=e.TableBlock,exports.Tag=e.Tag,exports.Title=e.Title,exports.VideoBlock=e.VideoBlock,exports.Actions=r.Actions,exports.Image=s.Image,exports.LanguageSwitcher=s.LanguageSwitcher,exports.SocialList=s.SocialList;
2	+ //# sourceMappingURL=blocks.js.map

package/lib/cjs/blocks.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"blocks.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/buttons.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ButtonGhost-e9644acd.js"),r=require("./Control-23259241.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),exports.Button=e.Button,exports.ButtonGhost=e.ButtonGhost,exports.Control=r.Control,exports.Pointer=r.Pointer;
2	+ //# sourceMappingURL=buttons.js.map

package/lib/cjs/buttons.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"buttons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/clamp-bd21d587.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";exports.clampValue=function(t,a,n){return null!=n?Math.max(a,Math.min(t,n)):Math.max(t,a)};
2	+ //# sourceMappingURL=clamp-bd21d587.js.map

package/lib/cjs/clamp-bd21d587.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"clamp-bd21d587.js","sources":["../../src/utils/clamp.ts"],"sourcesContent":["export const clampValue = (value: number, min: number, max?: number) => {\n if (max !== undefined && max !== null) {\n return Math.max(min, Math.min(value, max));\n } else {\n return Math.max(value, min);\n }\n};\n"],"names":["value","min","max","Math"],"mappings":"gCAA0B,SAACA,EAAeC,EAAaC,GACnD,OAAIA,MAAAA,EACOC,KAAKD,IAAID,EAAKE,KAAKF,IAAID,EAAOE,IAE9BC,KAAKD,IAAIF,EAAOC"}

package/lib/cjs/concat-f387d848.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var r=require("./arrays-c272ed59.js");exports.concat=function(e,t){void 0===t&&(t=", ");var n=[];if(!r.isValidArray(e,!1))return"";for(var a=0,o=e;a<o.length;a++){var i=o[a];null!=i&&("string"!=typeof i\|\|""===i?"number"!=typeof i\|\|n.push(i.toString()):n.push(i))}return n.join(t)},exports.printAnchorTag=function(r){if(!(null==r?void 0:r.href))return"";var e="";return"mail"===r.type&&(e="mailto:"),"phone"===r.type&&(e="tel:"),"<a ".concat(r.isExternal?'target="_blank" rel="noopener noreferrer" ':"",'href="').concat(e).concat(r.href,'">').concat(r.label\|\|r.href,"</a>")};
2	+ //# sourceMappingURL=concat-f387d848.js.map

package/lib/cjs/concat-f387d848.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"concat-f387d848.js","sources":["../../src/utils/concat.ts"],"sourcesContent":["import { isValidArray } from './arrays';\n\nexport const concat = (\n values: Array<string | number | undefined>,\n delimeter = ', '\n): string => {\n const parts: string[] = [];\n\n if (!isValidArray(values, false)) {\n return '';\n }\n\n for (const value of values) {\n if (value === undefined || value === null) continue;\n if (typeof value === 'string' && value !== '') {\n parts.push(value);\n continue;\n }\n\n if (typeof value === 'number') {\n parts.push(value.toString());\n continue;\n }\n }\n\n return parts.join(delimeter);\n};\n\nexport const printAnchorTag = (props: {\n href: string;\n label?: string;\n isExternal?: boolean;\n type?: 'mail' | 'phone';\n}) => {\n if (!props?.href) return '';\n let pre = '';\n if (props.type === 'mail') pre = 'mailto:';\n if (props.type === 'phone') pre = 'tel:';\n\n return `<a ${\n props.isExternal ? 'target=\"_blank\" rel=\"noopener noreferrer\" ' : ''\n }href=\"${pre}${props.href}\">${props.label || props.href}</a>`;\n};\n"],"names":["values","delimeter","parts","isValidArray","values_1","_i","length","value","push","toString","join","props","href","pre","type","concat","isExternal","label"],"mappings":"kEAEsB,SAClBA,EACAC,QAAA,IAAAA,IAAAA,EAAgB,MAEVC,IAAAA,EAAkB,GAExB,IAAKC,EAAYA,aAACH,GAAQ,GACtB,MAAO,GAGX,IAAoB,QAAAI,EAAAJ,EAAAK,EAAMD,EAAAE,OAAND,IAAQ,CAAvB,IAAME,EAAKH,EAAAC,GACRE,MAAAA,IACiB,iBAAVA,GAAgC,KAAVA,EAKZ,iBAAVA,GACPL,EAAMM,KAAKD,EAAME,YALjBP,EAAMM,KAAKD,IAUnB,OAAOL,EAAMQ,KAAKT,2BAGQ,SAACU,GAM3B,KAAKA,MAAAA,OAAA,EAAAA,EAAOC,MAAM,MAAO,GACrBC,IAAAA,EAAM,GAIV,MAHmB,SAAfF,EAAMG,OAAiBD,EAAM,WACd,UAAfF,EAAMG,OAAkBD,EAAM,QAE3B,MAAAE,OACHJ,EAAMK,WAAa,6CAA+C,GAAE,UAAAD,OAC/DF,GAAGE,OAAGJ,EAAMC,KAAI,MAAAG,OAAKJ,EAAMM,OAASN,EAAMC,KAAI"}

package/lib/cjs/cookies.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useCookieConsent-0bf94751.js"),n=require("./ClockFilled-2483aa4a.js"),t=require("./Actions-487104b2.js"),o=require("./Checkbox-14000bf0.js"),i=require("./Copy-e860efe7.js"),a=require("react"),l=require("styled-components"),r=require("./hexRgbConverter-91b28aea.js"),s=require("./LibThemeProvider-fb99fd6d.js"),c=require("./styles-0f1a0aea.js"),d=require("./useMounted-0bba9869.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./clamp-bd21d587.js");var u,m,g,f,b,C,x,h,k,_,y,v,w,T,j=p(a),E=p(l),I=E.default.div.withConfig({displayName:"CookieConsent__Stage",componentId:"sc-b6420b-0"})(u\|\|(u=n.__makeTemplateObject(["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, ",");\n z-index: ",";\n"],["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, ",");\n z-index: ",";\n"])),(function(e){return e.bgOpacity\|\|.4}),(function(e){return e.zIndex\|\|1e3})),N=E.default.div.withConfig({displayName:"CookieConsent__View",componentId:"sc-b6420b-1"})(m\|\|(m=n.__makeTemplateObject(["\n box-sizing: border-box;\n max-width: 900px;\n width: 100vw;\n\n max-height: 85%;\n overflow-y: scroll;\n padding: ","px ","px;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 0);\n text-align: center;\n\n background-color: ",";\n box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n padding: ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n }\n\n @media "," {\n bottom: ","px;\n max-height: 100vh;\n overflow: auto;\n }\n"],["\n box-sizing: border-box;\n max-width: 900px;\n width: 100vw;\n\n max-height: 85%;\n overflow-y: scroll;\n padding: ","px ","px;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 0);\n text-align: center;\n\n background-color: ",";\n box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n padding: ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n }\n\n @media "," {\n bottom: ","px;\n max-height: 100vh;\n overflow: auto;\n }\n"])),c.spacings.spacer,2c.spacings.nudge,(function(e){var n=e.theme;return c.getColors(n).elementBg.light}),2c.spacings.nudge,c.mq.medium,5c.spacings.nudge,3c.spacings.nudge,c.mq.semilarge,1.5c.spacings.spacer),O=E.default(i.Copy).withConfig({displayName:"CookieConsent__Status",componentId:"sc-b6420b-2"})(g\|\|(g=n.__makeTemplateObject(["\n li > + * {\n margin-left: ","px;\n }\n"],["\n li > * + * {\n margin-left: ","px;\n }\n"])),c.spacings.nudge),q=E.default(n.Check).withConfig({displayName:"CookieConsent__AcceptIcon",componentId:"sc-b6420b-3"})(f\|\|(f=n.__makeTemplateObject(["\n display: inline-block;\n height: 20px;\n width: 20px;\n"],["\n display: inline-block;\n height: 20px;\n width: 20px;\n"]))),A=E.default(n.Cross).withConfig({displayName:"CookieConsent__DeclineIcon",componentId:"sc-b6420b-4"})(b\|\|(b=n.__makeTemplateObject(["\n display: inline-block;\n height: 20px;\n width: 20px;\n"],["\n display: inline-block;\n height: 20px;\n width: 20px;\n"]))),S=E.default.img.withConfig({displayName:"CookieConsent__CookieIcon",componentId:"sc-b6420b-5"})(C\|\|(C=n.__makeTemplateObject(["\n display: block;\n margin: 0 auto;\n"],["\n display: block;\n margin: 0 auto;\n"]))),L=E.default(i.Copy).withConfig({displayName:"CookieConsent__TitleView",componentId:"sc-b6420b-6"})(x\|\|(x=n.__makeTemplateObject(["\n text-align: ",";\n margin-left: ",";\n margin-right: auto;\n max-width: 670px;\n"],["\n text-align: ",";\n margin-left: ",";\n margin-right: auto;\n max-width: 670px;\n"])),(function(e){return e.isCentered?"center":"left"}),(function(e){return e.isCentered?"auto":"0"})),M=E.default.div.withConfig({displayName:"CookieConsent__TextView",componentId:"sc-b6420b-7"})(h\|\|(h=n.__makeTemplateObject([""],[""]))),z=E.default.div.withConfig({displayName:"CookieConsent__ClampWrapper",componentId:"sc-b6420b-8"})(k\|\|(k=n.__makeTemplateObject(["\n position: relative;\n max-height: ",";\n overflow: hidden;\n\n &:after {\n content: ",";\n display: block;\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n background: linear-gradient(\n 0deg,\n "," 0%,\n "," 25%,\n "," 100%\n );\n pointer-events: none;\n }\n"],["\n position: relative;\n max-height: ",";\n overflow: hidden;\n\n &:after {\n content: ",";\n display: block;\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n background: linear-gradient(\n 0deg,\n "," 0%,\n "," 25%,\n "," 100%\n );\n pointer-events: none;\n }\n"])),(function(e){return e.isClamped&&"80px"}),(function(e){return e.isClamped&&"''"}),(function(e){var n=e.theme;return c.getColors(n).elementBg.light}),(function(e){var n=e.theme;return r.hexToRgba(c.getColors(n).elementBg.light,.9)}),(function(e){var n=e.theme;return r.hexToRgba(c.getColors(n).elementBg.light,0)})),F=E.default(i.Copy).withConfig({displayName:"CookieConsent__Text",componentId:"sc-b6420b-9"})(_\|\|(_=n.__makeTemplateObject(["\n text-align: ",";\n"],["\n text-align: ",";\n"])),(function(e){return e.isCentered?"center":"left"})),H=E.default.button.withConfig({displayName:"CookieConsent__TextToggle",componentId:"sc-b6420b-10"})(y\|\|(y=n.__makeTemplateObject(["\n background: none;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n\n padding: ","px ","px;\n"],["\n background: none;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n\n padding: ","px ","px;\n"])),c.spacings.nudge,2c.spacings.nudge),B=E.default.div.withConfig({displayName:"CookieConsent__SelectView",componentId:"sc-b6420b-11"})(v\|\|(v=n.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n\n & > + * {\n margin-top: ","px;\n }\n"],["\n margin-left: auto;\n margin-right: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"])),c.spacings.nudge),D=E.default(i.Copy).withConfig({displayName:"CookieConsent__SelectTitle",componentId:"sc-b6420b-12"})(w\|\|(w=n.__makeTemplateObject(["\n text-align: left;\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n"],["\n text-align: left;\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n"])),2c.spacings.nudge),P=E.default(t.Actions).withConfig({displayName:"CookieConsent__CookieActions",componentId:"sc-b6420b-13"})(T\|\|(T=n.__makeTemplateObject(["\n margin-top: ","px;\n\n @media "," {\n margin-top: ","px;\n }\n"],["\n margin-top: ","px;\n\n @media "," {\n margin-top: ","px;\n }\n"])),c.spacings.spacer,c.mq.medium,5c.spacings.nudge);exports.deleteCookie=e.deleteCookie,exports.getCookie=e.getCookie,exports.setCookie=e.setCookie,exports.CookieActions=P,exports.CookieConsent=function(n){var o,i,l=n.urlWhitelist,r=void 0===l?[]:l,c=n.zIndex,p=n.overlayOpacity,u=void 0===p?.4:p,m=n.status,g=n.className,f=n.children,b=n.theme,C=s.useLibTheme().globals,x=a.useCallback((function(e){var n=new Date(e.updatedAt),o=new t.StatusFormatter(e.updatedAt,C.cookie.consentStatusFormat,C.cookie.consentDateFormat(n),C.cookie.consentTimeFormat(n),C.cookie.consentLocaleKey),i=Object.keys(e.state),a=e.state;return j.default.createElement(O,{renderAs:"span"},j.default.createElement("span",null,o.getFormattedStatus()),j.default.createElement("ul",null,null==i?void 0:i.map((function(e,n){return j.default.createElement("li",{key:n},j.default.createElement("span",null,a[e].label),a[e].isAccepted?j.default.createElement(q,null):j.default.createElement(A,null))}))))}),[C.cookie]),h=a.useState(!1),k=h[0],_=h[1],y=e.useCookieConsent({cookieName:C.cookie.name,initialCookieTypes:C.cookie.types,lifetime:C.cookie.lifetime},(function(){return _(!1)}),m\|\|x),v=y.getCookieValue,w=y.cookieTypes,T=y.acceptAll,E=y.acceptSelected,S=y.declineAll,L=y.setConsent,M=d.useMounted();return a.useEffect((function(){M\|\|(e.bindConsentButtons((function(){return _(!0)}),["[".concat(e.selectors.buttons.attribute,"]"),".".concat(e.selectors.buttons.class)]),e.isUrlInWhitelist(window.location.pathname,r)\|\|_(!v()))}),[v,M,r]),a.useEffect((function(){document.body.style.overflow=k?"hidden":"visible"}),[k]),k?j.default.createElement(s.LibThemeProvider,{theme:b},j.default.createElement(I,{zIndex:c,bgOpacity:u},j.default.createElement(N,{className:g},null==f?void 0:f({types:w,acceptAll:T,acceptSelected:E,setConsent:L,declineAll:S,additionalAcceptProps:(o={},o["data-gtm"]="button-cookie-consent-accept",o),additionalDeclineProps:(i={},i["data-gtm"]="button-cookie-consent-decline",i)})))):null},exports.CookieIcon=S,exports.CookieText=function(e){var t=e.isCentered,o=e.innerHTML,i=e.allowClamping,l=void 0===i\|\|i,r=e.toggle,s=e.className,c=e.children,d=a.useState(!0),p=d[0],u=d[1],m=a.useRef(!!l),g=a.useRef(null);a.useEffect((function(){var e;if(m.current){var n=null===(e=g.current)\|\|void 0===e?void 0:e.scrollHeight;void 0!==n&&u(n>130)}}),[l]);var f=function(){u(!1),m.current=!1};return j.default.createElement(M,null,j.default.createElement(z,{ref:g,isClamped:p},j.default.createElement(F,{isCentered:t,innerHTML:o,className:s},c)),p&&(r?r(f):j.default.createElement(H,{onClick:f},j.default.createElement(n.UnfoldMore,null))))},exports.CookieTitle=function(e){var n=e.isCentered,t=e.innerHTML,o=e.className,i=e.children;return j.default.createElement(L,{size:"big",type:"copy-b",innerHTML:t,isCentered:n,className:o},i)},exports.CookieTypeSelect=function(e){var n=e.title,t=e.types,i=e.setConsent;return j.default.createElement(B,null,n&&j.default.createElement(D,{type:"copy-b",innerHTML:n}),t&&Object.keys(t).map((function(e){return j.default.createElement(o.Checkbox,{key:e,label:t[e].label,isSelected:t[e].isAccepted,isDisabled:!t[e].isEditable,onChange:function(){return i(e)}})})))};
2	+ //# sourceMappingURL=cookies.js.map

package/lib/cjs/cookies.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cookies.js","sources":["../../src/components/blocks/CookieConsent.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Cross from 'components/base/icons/Cross';\nimport UnfoldMore from 'components/base/icons/UnfoldMore';\nimport Actions from 'components/blocks/Actions';\nimport Checkbox from 'components/fields/Checkbox';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n bindConsentButtons,\n isUrlInWhitelist,\n} from 'utils/cookie-consent/mutations';\nimport useCookieConsent, {\n CookieTypes,\n selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { hexToRgba } from 'utils/hexRgbConverter';\nimport {\n LibThemeProvider,\n ThemeMods,\n useLibTheme,\n} from 'utils/LibThemeProvider';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport useMounted from 'utils/useMounted';\n\nconst Stage = styled.div<{ zIndex?: number; bgOpacity?: number }>`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, ${({ bgOpacity }) => bgOpacity || 0.4});\n z-index: ${({ zIndex }) => zIndex || 1000};\n`;\n\nconst View = styled.div`\n box-sizing: border-box;\n max-width: 900px;\n width: 100vw;\n\n max-height: 85%;\n overflow-y: scroll;\n padding: ${spacings.spacer}px ${spacings.nudge * 2}px;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 0);\n text-align: center;\n\n background-color: ${({ theme }) => color(theme).elementBg.light};\n box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n & > * + * {\n margin-top: ${spacings.nudge * 2}px;\n }\n\n @media ${mq.medium} {\n padding: ${spacings.nudge * 5}px;\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n }\n\n @media ${mq.semilarge} {\n bottom: ${spacings.spacer * 1.5}px;\n max-height: 100vh;\n overflow: auto;\n }\n`;\n\nconst Status = styled(Copy)`\n li > * + * {\n margin-left: ${spacings.nudge}px;\n }\n`;\n\nconst AcceptIcon = styled(Check)`\n display: inline-block;\n height: 20px;\n width: 20px;\n`;\n\nconst DeclineIcon = styled(Cross)`\n display: inline-block;\n height: 20px;\n width: 20px;\n`;\n\ntype RenderProps = {\n types: CookieTypes;\n acceptAll: () => void;\n acceptSelected: () => void;\n declineAll: () => void;\n setConsent: (type: keyof CookieTypes, isAccepted?: boolean) => void;\n additionalDeclineProps: {\n ['data-gtm']: string;\n };\n additionalAcceptProps: {\n ['data-gtm']: string;\n };\n};\n\nexport const CookieConsent: FC<{\n /** URL's that should be excluded from consent */\n urlWhitelist?: string[];\n zIndex?: number;\n overlayOpacity?: number;\n status?: (props: {\n updatedAt: number;\n state: CookieTypes;\n }) => React.ReactElement;\n className?: string;\n children?: (props: RenderProps) => React.ReactElement;\n theme?: ThemeMods;\n}> = ({\n /** URL's that should be excluded from consent */\n urlWhitelist = [],\n zIndex,\n overlayOpacity = 0.4,\n status,\n className,\n children,\n theme,\n}) => {\n const { globals } = useLibTheme();\n\n const statusRenderer = useCallback(\n (props: { updatedAt: number; state: CookieTypes }) => {\n const updatedDate = new Date(props.updatedAt);\n\n const formatter = new StatusFormatter(\n props.updatedAt,\n globals.cookie.consentStatusFormat,\n globals.cookie.consentDateFormat(updatedDate),\n globals.cookie.consentTimeFormat(updatedDate),\n globals.cookie.consentLocaleKey\n );\n const typeKeys: string[] = Object.keys(props.state);\n const types: CookieTypes = props.state;\n\n return (\n <Status renderAs=\"span\">\n <span>{formatter.getFormattedStatus()}</span>\n <ul>\n {typeKeys?.map((type, i) => (\n <li key={i}>\n <span>{types[type].label}</span>\n {types[type].isAccepted ? (\n <AcceptIcon />\n ) : (\n <DeclineIcon />\n )}\n </li>\n ))}\n </ul>\n </Status>\n );\n },\n [globals.cookie]\n );\n\n const [isVisible, setIsVisible] = useState(false);\n const {\n getCookieValue,\n cookieTypes,\n acceptAll,\n acceptSelected,\n declineAll,\n setConsent,\n } = useCookieConsent(\n {\n cookieName: globals.cookie.name,\n initialCookieTypes: globals.cookie.types,\n lifetime: globals.cookie.lifetime,\n },\n () => setIsVisible(false),\n status || statusRenderer\n );\n const isMounted = useMounted();\n\n useEffect(() => {\n if (isMounted) return;\n\n // bind buttons to open consent\n bindConsentButtons(\n () => setIsVisible(true),\n [`[${selectors.buttons.attribute}]`, `.${selectors.buttons.class}`]\n );\n\n // check if consent banner should be open\n const isInWhitelist = isUrlInWhitelist(\n window.location.pathname,\n urlWhitelist\n );\n if (!isInWhitelist) setIsVisible(!getCookieValue());\n }, [getCookieValue, isMounted, urlWhitelist]);\n\n useEffect(() => {\n document.body.style.overflow = isVisible ? 'hidden' : 'visible';\n }, [isVisible]);\n\n if (!isVisible) return null;\n return (\n <LibThemeProvider theme={theme}>\n <Stage zIndex={zIndex} bgOpacity={overlayOpacity}>\n <View className={className}>\n {children?.({\n types: cookieTypes,\n acceptAll,\n acceptSelected,\n setConsent,\n declineAll,\n additionalAcceptProps: {\n ['data-gtm']: 'button-cookie-consent-accept',\n },\n additionalDeclineProps: {\n ['data-gtm']: 'button-cookie-consent-decline',\n },\n })}\n </View>\n </Stage>\n </LibThemeProvider>\n );\n};\n\n/** Example Cookie icon */\nexport const CookieIcon = styled.img`\n display: block;\n margin: 0 auto;\n`;\n\n/** Example Cookie title */\nconst TitleView = styled(Copy)<{ isCentered?: boolean }>`\n text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n margin-left: ${({ isCentered }) => (isCentered ? 'auto' : '0')};\n margin-right: auto;\n max-width: 670px;\n`;\n\nexport const CookieTitle: FC<{\n isCentered?: boolean;\n innerHTML?: string;\n className?: string;\n children?: React.ReactNode;\n}> = ({ isCentered, innerHTML, className, children }) => {\n return (\n <TitleView\n size=\"big\"\n type=\"copy-b\"\n innerHTML={innerHTML}\n isCentered={isCentered}\n className={className}\n >\n {children}\n </TitleView>\n );\n};\n\n/** Example Cookie title */\nconst TextView = styled.div``;\n\nconst ClampWrapper = styled.div<{ isClamped?: boolean }>`\n position: relative;\n max-height: ${({ isClamped }) => isClamped && '80px'};\n overflow: hidden;\n\n &:after {\n content: ${({ isClamped }) => isClamped && \"''\"};\n display: block;\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n background: linear-gradient(\n 0deg,\n ${({ theme }) => color(theme).elementBg.light} 0%,\n ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0.9)} 25%,\n ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0)} 100%\n );\n pointer-events: none;\n }\n`;\n\nconst Text = styled(Copy)<{ isCentered?: boolean }>`\n text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n`;\n\nconst TextToggle = styled.button`\n background: none;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n\n padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n`;\n\nexport const CookieText: FC<{\n isCentered?: boolean;\n innerHTML?: string;\n allowClamping?: boolean;\n className?: string;\n children?: React.ReactNode;\n toggle?: (handleClick: () => void) => React.ReactNode;\n}> = ({\n isCentered,\n innerHTML,\n allowClamping = true,\n toggle,\n className,\n children,\n}) => {\n const [isClamped, setIsClamped] = useState<boolean>(true);\n const canClamp = useRef<boolean>(!!allowClamping);\n const cRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!canClamp.current) return;\n\n const height = cRef.current?.scrollHeight;\n if (height === undefined) return;\n\n setIsClamped(height > 130);\n }, [allowClamping]);\n\n const handleToggleClick = () => {\n setIsClamped(false);\n canClamp.current = false;\n };\n\n return (\n <TextView>\n <ClampWrapper ref={cRef} isClamped={isClamped}>\n <Text\n isCentered={isCentered}\n innerHTML={innerHTML}\n className={className}\n >\n {children}\n </Text>\n </ClampWrapper>\n {isClamped &&\n (toggle ? (\n toggle(handleToggleClick)\n ) : (\n <TextToggle onClick={handleToggleClick}>\n <UnfoldMore />\n </TextToggle>\n ))}\n </TextView>\n );\n};\n\nconst SelectView = styled.div`\n margin-left: auto;\n margin-right: auto;\n\n & > * + * {\n margin-top: ${spacings.nudge}px;\n }\n`;\n\nconst SelectTitle = styled(Copy)`\n text-align: left;\n\n &:not(:last-child) {\n margin-bottom: ${spacings.nudge * 2}px;\n }\n`;\n\nexport const CookieTypeSelect: FC<{\n title?: string;\n types: CookieTypes;\n setConsent: (typeName: keyof CookieTypes, isAccepted?: boolean) => void;\n}> = ({ title, types, setConsent }) => (\n <SelectView>\n {title && <SelectTitle type=\"copy-b\" innerHTML={title} />}\n {types &&\n Object.keys(types).map((key) => (\n <Checkbox\n key={key}\n label={types[key].label}\n isSelected={types[key].isAccepted}\n isDisabled={!types[key].isEditable}\n onChange={() => setConsent(key)}\n />\n ))}\n </SelectView>\n);\n\n/** Example Cookie actions */\nexport const CookieActions = styled(Actions)`\n margin-top: ${spacings.spacer}px;\n\n @media ${mq.medium} {\n margin-top: ${spacings.nudge * 5}px;\n }\n`;\n\nexport default CookieConsent;\n"],"names":["Stage","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","bgOpacity","zIndex","View","spacings","spacer","nudge","theme","color","elementBg","light","mq","medium","semilarge","Status","Copy","templateObject_3","AcceptIcon","Check","templateObject_4","DeclineIcon","Cross","templateObject_5","CookieIcon","img","templateObject_6","TitleView","templateObject_7","isCentered","TextView","templateObject_8","ClampWrapper","templateObject_9","isClamped","hexToRgba","Text","templateObject_10","TextToggle","button","templateObject_11","SelectView","templateObject_12","SelectTitle","templateObject_13","CookieActions","Actions","templateObject_14","_d","urlWhitelist","_e","overlayOpacity","status","className","children","globals","useLibTheme","statusRenderer","useCallback","props","updatedDate","Date","updatedAt","formatter","StatusFormatter","cookie","consentStatusFormat","consentDateFormat","consentTimeFormat","consentLocaleKey","typeKeys","Object","keys","state","types","React","createElement","renderAs","getFormattedStatus","map","type","i","key","label","isAccepted","_f","useState","isVisible","setIsVisible","_g","useCookieConsent","cookieName","name","initialCookieTypes","lifetime","getCookieValue","cookieTypes","acceptAll","acceptSelected","declineAll","setConsent","isMounted","useMounted","useEffect","bindConsentButtons","concat","selectors","buttons","attribute","class","isUrlInWhitelist","window","location","pathname","document","body","style","overflow","LibThemeProvider","additionalAcceptProps","_b","additionalDeclineProps","_c","innerHTML","allowClamping","toggle","setIsClamped","canClamp","useRef","cRef","current","height","scrollHeight","undefined","handleToggleClick","ref","onClick","UnfoldMore","size","title","Checkbox","isSelected","isDisabled","isEditable","onChange"],"mappings":"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"}

package/lib/cjs/fields.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),t=require("./LibThemeProvider-fb99fd6d.js"),r=require("./styles-0f1a0aea.js"),i=require("./FilterField-569d60e5.js"),a=require("./Checkbox-14000bf0.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./useGeolocation-4d38150b.js"),require("./useUpdateEffect-4d233e2c.js"),require("./ButtonGhost-e9644acd.js"),require("./hexRgbConverter-91b28aea.js"),require("react-datepicker"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var c,s,u,d,p,f,m,h,g=l(e),b=l(o),x=b.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(c\|\|(c=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ",";\n\n @media "," {\n flex-direction: row;\n }\n"],["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ",";\n\n @media "," {\n flex-direction: row;\n }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),r.mq.medium),v=b.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(s\|\|(s=n.__makeTemplateObject(["\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ","px ","px;\n color: inherit;\n\n background-color: ",";\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: ",";\n ","\n line-height: ",";\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n"],["\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ","px ","px;\n color: inherit;\n\n background-color: ",";\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: ",";\n ","\n line-height: ",";\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n"])),r.spacings.nudge,3r.spacings.nudge,(function(n){var e=n.backColor;return e&&e}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.lineHeight}),(function(n){var e=n.theme;return"2px solid ".concat(r.getColors(e).primary.default)})),w=b.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(u\|\|(u=n.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ","px;\n\n background-color: ",";\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media "," {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\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: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ","px;\n\n background-color: ",";\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media "," {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\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"])),.5r.spacings.spacer,(function(n){var e=n.theme;return r.getColors(e).primary.default}),(function(n){var e=n.theme;return r.getColors(e).text.inverted}),r.mq.medium),y=b.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(d\|\|(d=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ",";\n\n background-color: ",";\n"],["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ",";\n\n background-color: ",";\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).elementBg.light:r.getColors(e).elementBg.medium})),k=b.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(p\|\|(p=n.__makeTemplateObject(["\n display: block;\n width: 100%;\n height: 100%;\n padding: ","px ","px;\n padding-left: ",";\n padding-right: ",";\n color: inherit;\n\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\n font-family: ",";\n font-weight: 400;\n ","\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"],["\n display: block;\n width: 100%;\n height: 100%;\n padding: ","px ","px;\n padding-left: ",";\n padding-right: ",";\n color: inherit;\n\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\n font-family: ",";\n font-weight: 400;\n ","\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])),3r.spacings.nudge,3.5r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5r.spacings.spacer+"px"}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return"1px solid ".concat(r.getColors(e).primary.default)})),C=b.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(f\|\|(f=n.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; /\n\n &:hover {\n transform: scale(1.02);\n }\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: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n / transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\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"])),(function(n){var e=n.theme;return r.getColors(e).text.default})),_=b.default(C).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(m\|\|(m=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n"]))),j=b.default(C).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(h\|\|(h=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n"])));exports.Datepicker=i.DatepickerCmp,exports.FileUpload=i.FileUploadCmp,exports.FilterField=i.FilterField,exports.FormField=i.FieldWrapper,exports.LocationField=i.LocationField,exports.Radio=i.RadioButton,exports.SelectDropdown=i.SelectDropdown,exports.Textarea=i.Textarea,exports.Textfield=i.Textfield,exports.Checkbox=a.Checkbox,exports.CompactForm=function(n){var e=n.mode,o=void 0===e?"default":e,r=n.value,i=n.placeholder,a=n.method,l=n.action,c=n.buttonIcon,s=n.onSubmit,u=n.onClick,d=n.onBlur,p=n.onFocus,f=n.className,m=t.useLibTheme().colors,h="default"===o?m.elementBg.medium:m.elementBg.light;return g.default.createElement(x,{onSubmit:s,method:a,action:l,className:f},g.default.createElement(v,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&g.default.createElement(w,{isInverted:"onDark"===o},c))},exports.SearchInput=function(n){var e=n.isInverted,o=void 0!==e&&e,t=n.value,r=n.placeholder,i=n.submitIcon,a=n.clearIcon,l=n.onSubmit,c=n.onClick,s=n.onClear,u=n.onBlur,d=n.onFocus,p=n.className;return g.default.createElement(y,{isInverted:o,className:p},i&&g.default.createElement(_,{isInverted:o,onClick:function(){return l&&l()}},i),g.default.createElement(k,{hasLeftIcon:void 0!==i,hasRightIcon:void 0!==a,placeholder:r,value:t,onClick:c,onBlur:u,onFocus:d,onKeyDown:function(n){13===n.keyCode&&(l&&l(),n.preventDefault())}}),a&&g.default.createElement(j,{isInverted:o,onClick:function(){return s&&s()}},a))};
2	+ //# sourceMappingURL=fields.js.map

package/lib/cjs/fields.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"fields.js","sources":["../../src/components/fields/CompactForm.tsx","../../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n getColors as color,\n getFonts as font,\n mq,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ${({ theme }) => color(theme).text.default};\n\n @media ${mq.medium} {\n flex-direction: row;\n }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n color: inherit;\n\n background-color: ${({ backColor }) => backColor && backColor};\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: ${({ theme }) => font(theme).copy.small.weight};\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n &:focus {\n outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ${spacings.spacer * 0.5}px;\n\n background-color: ${({ theme }) => color(theme).primary.default};\n color: ${({ theme }) => color(theme).text.inverted};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media ${mq.medium} {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\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 CompactForm: FC<{\n mode?: 'onSoft' | 'onDark' | 'default';\n value?: string;\n placeholder?: string;\n method?: string;\n action?: string;\n buttonIcon?: React.ReactNode;\n onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n mode = 'default',\n value,\n placeholder,\n method,\n action,\n buttonIcon,\n onSubmit,\n onClick,\n onBlur,\n onFocus,\n className,\n}) => {\n const { colors } = useLibTheme();\n const bgColor =\n mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n return (\n <View\n onSubmit={onSubmit}\n method={method}\n action={action}\n className={className}\n >\n <InputField\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n backColor={bgColor}\n />\n {buttonIcon && (\n <SubmitBtn isInverted={mode === 'onDark'}>\n {buttonIcon}\n </SubmitBtn>\n )}\n </View>\n );\n};\n\nexport default CompactForm;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport {\n getColors as color,\n getFonts as font,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ${({ theme }) => color(theme).text.default};\n\n background-color: ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n hasLeftIcon?: boolean;\n hasRightIcon?: boolean;\n}>`\n display: block;\n width: 100%;\n height: 100%;\n padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n padding-left: ${({ hasLeftIcon }) =>\n hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n padding-right: ${({ hasRightIcon }) =>\n hasRightIcon && spacings.spacer * 2.5 + 'px'};\n color: inherit;\n\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\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: 400;\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ${({ theme }) => color(theme).text.default};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\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 SubmitBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n`;\n\nconst SearchInput: FC<{\n isInverted?: boolean;\n value?: string;\n placeholder?: string;\n submitIcon?: React.ReactNode;\n clearIcon?: React.ReactNode;\n onSubmit?: () => void;\n onClear?: () => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n isInverted = false,\n value,\n placeholder,\n submitIcon,\n clearIcon,\n onSubmit,\n onClick,\n onClear,\n onBlur,\n onFocus,\n className,\n}) => {\n const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n if (ev.keyCode === 13) {\n onSubmit && onSubmit();\n ev.preventDefault();\n }\n };\n\n return (\n <View isInverted={isInverted} className={className}>\n {submitIcon && (\n <SubmitBtn\n isInverted={isInverted}\n onClick={() => onSubmit && onSubmit()}\n >\n {submitIcon}\n </SubmitBtn>\n )}\n <InputField\n hasLeftIcon={submitIcon !== undefined}\n hasRightIcon={clearIcon !== undefined}\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n />\n {clearIcon && (\n <ClearBtn\n isInverted={isInverted}\n onClick={() => onClear && onClear()}\n >\n {clearIcon}\n </ClearBtn>\n )}\n </View>\n );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","getFonts","copy","small","family","weight","withRange","size","lineHeight","concat","getColors","primary","SubmitBtn","button","templateObject_3","spacer","inverted","div","isInverted","elementBg","light","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","React","createElement","submitIcon","clearIcon","onClear","undefined","onKeyDown","ev","keyCode","preventDefault"],"mappings":"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"}

package/lib/cjs/hexRgbConverter-91b28aea.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var a=require("./clamp-bd21d587.js");exports.hexToRgba=function(n,t){var r;void 0===t&&(t=1);var i=function(a){if(a)return a.length>=6?a:a.split("").map((function(a){return"#"===a?a:a+a})).join("")}(n);if(i){var c=null===(r=i.match(/\w\w/g))\|\|void 0===r?void 0:r.map((function(a){return parseInt(a,16)}));if(c&&c[0]&&!isNaN(c[0])&&c[1]&&!isNaN(c[1])&&c[2]&&!isNaN(c[2]))return"rgba(".concat(c[0],",").concat(c[1],",").concat(c[2],",").concat(a.clampValue(t,0,1),")")}};
2	+ //# sourceMappingURL=hexRgbConverter-91b28aea.js.map

package/lib/cjs/hexRgbConverter-91b28aea.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hexRgbConverter-91b28aea.js","sources":["../../src/utils/hexRgbConverter.ts"],"sourcesContent":["import { clampValue } from './clamp';\n\n/** Convert hex string to full 6 digit hex */\nconst toFullHex = (hex: string) => {\n if (!hex) return undefined;\n if (hex.length >= 6) return hex;\n\n const chars = hex.split('').map((char) => {\n if (char === '#') return char;\n return char + char;\n });\n return chars.join('');\n};\n\n// converting 6 character hex color code to rgba string\nexport const hexToRgba = (hex: string, alpha = 1) => {\n const fullHex = toFullHex(hex);\n if (!fullHex) return undefined;\n\n const rgb = fullHex.match(/\\w\\w/g)?.map((x) => parseInt(x, 16));\n if (!rgb) return undefined;\n if (!rgb[0] || isNaN(rgb[0])) return undefined;\n if (!rgb[1] || isNaN(rgb[1])) return undefined;\n if (!rgb[2] || isNaN(rgb[2])) return undefined;\n\n return `rgba(${rgb[0]},${rgb[1]},${rgb[2]},${clampValue(alpha, 0, 1)})`;\n};\n"],"names":["hex","alpha","fullHex","length","split","map","char","join","toFullHex","rgb","_a","match","x","parseInt","isNaN","concat","clampValue"],"mappings":"oEAeyB,SAACA,EAAaC,cAAA,IAAAA,IAAAA,EAAS,GAC5C,IAAMC,EAbQ,SAACF,GACf,GAAKA,EACL,OAAIA,EAAIG,QAAU,EAAUH,EAEdA,EAAII,MAAM,IAAIC,KAAI,SAACC,GAC7B,MAAa,MAATA,EAAqBA,EAClBA,EAAOA,KAELC,KAAK,IAKFC,CAAUR,GAC1B,GAAKE,EAAL,CAEA,IAAMO,EAA4B,QAAtBC,EAAAR,EAAQS,MAAM,gBAAQ,IAAAD,OAAA,EAAAA,EAAEL,KAAI,SAACO,GAAM,OAAAC,SAASD,EAAG,OAC3D,GAAKH,GACAA,EAAI,KAAMK,MAAML,EAAI,KACpBA,EAAI,KAAMK,MAAML,EAAI,KACpBA,EAAI,KAAMK,MAAML,EAAI,IAEzB,MAAO,QAAAM,OAAQN,EAAI,eAAMA,EAAI,GAAM,KAAAM,OAAAN,EAAI,GAAM,KAAAM,OAAAC,aAAWf,EAAO,EAAG,GAAE"}

package/lib/cjs/hooks.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./urlParams-51ce7168.js"),r=require("react"),t=require("./useMediaQuery-d4f81f88.js"),n=require("./useUpdateEffect-4d233e2c.js"),a=require("./useMounted-0bba9869.js"),o=require("./useGeolocation-4d38150b.js"),s=require("./navigation-bf154e6e.js"),u=require("./ClockFilled-2483aa4a.js"),i=require("./hexRgbConverter-91b28aea.js"),l=require("./clamp-bd21d587.js"),c=require("./arrays-c272ed59.js"),f=require("./concat-f387d848.js"),d=require("./styles-0f1a0aea.js"),p=require("./useObserverSupport-5ab320dd.js"),m=require("./useCookieConsent-0bf94751.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("react-dom/server");var v,x=g(r);exports.ScrollDirection=void 0,(v=exports.ScrollDirection\|\|(exports.ScrollDirection={}))[v.UP=0]="UP",v[v.DOWN=1]="DOWN";var h=function(){if(!t.isBrowser)return!1;var e=document.createElement("canvas");return(!e.getContext\|\|!e.getContext("2d"))&&0==e.toDataURL("image/webp").indexOf("data:image/webp")};var w="undefined"!=typeof window&&"URLSearchParams"in window,y=function(e){var r={},t=Object.fromEntries(e\|\|new URLSearchParams(window.location.search));for(var n in t){var a=t[n];"string"==typeof a&&(a=decodeURIComponent(a)),r[n]=a}return r};exports.deleteUrlParam=e.deleteUrlParam,exports.getUrlParams=e.getUrlParams,exports.setUrlParam=e.setUrlParam,exports.useEqualSheetHeight=e.useEqualSheetHeight,exports.useFontsLoaded=e.useFontsLoaded,exports.useIE=e.useIE,exports.useResizeThrottle=e.useResizeThrottle,exports.useScrollTo=e.useScrollTo,exports.getMediaQuery=t.getMediaQuery,exports.isBrowser=t.isBrowser,exports.useMediaQueries=t.useMediaQueries,exports.useMediaQuery=t.useMediaQuery,exports.useUpdateEffect=n.useUpdateEffect,exports.useMounted=a.useMounted,exports.useDebounce=o.useDebounce,exports.useGeolocation=o.useGeolocation,exports.useLazyInput=o.useLazyInput,exports.useLeafletMap=o.useLeafletMap,exports.useTimeout=o.useTimeout,exports.getCurrentNavItem=s.getCurrentNavItem,exports.getCurrentNavPath=s.getCurrentNavPath,exports.useScrollThrottle=s.useScrollThrottle,exports.hexToRgba=i.hexToRgba,exports.clampValue=l.clampValue,exports.isEmptyArray=c.isEmptyArray,exports.isValidArray=c.isValidArray,exports.concat=f.concat,exports.printAnchorTag=f.printAnchorTag,exports.getSVGDataImg=d.getSVGDataImg,exports.useObserverSupport=p.useObserverSupport,exports.selectors=m.selectors,exports.useCookieConsent=m.useCookieConsent,exports.canUseWebP=h,exports.getBgImage=function(e,r){switch(r){default:case"small":return e.small;case"medium":return e.medium\|\|e.semilarge\|\|e.large\|\|e.xlarge\|\|e.small;case"semilarge":return e.semilarge\|\|e.large\|\|e.xlarge\|\|e.medium\|\|e.small;case"large":return e.large\|\|e.xlarge\|\|e.semilarge\|\|e.medium\|\|e.small;case"xlarge":return e.xlarge\|\|e.large\|\|e.semilarge\|\|e.medium\|\|e.small}},exports.getLinkIcon=function(e,r,t){var n,a=d.getGlobals(e).icons.linkIcons,o=".".concat((null==r?void 0:r.split(".").pop())\|\|""),s=a.find((function(e){var r;return null===(r=e.patterns)\|\|void 0===r?void 0:r.find((function(e){return e.match(o)}))}));return(null==s?void 0:s.iconChar)\|\|(null===(n=null==s?void 0:s.iconUrl)\|\|void 0===n?void 0:n.call(s,t))\|\|""},exports.importFonts=function(e){return x.default.createElement(x.default.Fragment,null,e&&e.length>0&&x.default.createElement("style",{dangerouslySetInnerHTML:{__html:null==e?void 0:e.reduce((function(e,r){var t;return(null==r?void 0:r.fallbacks)?e+=null===(t=null==r?void 0:r.fallbacks)\|\|void 0===t?void 0:t.reduce((function(e,r){return e+="@font-face { font-family: '".concat(r.name,"'; size-adjust: ").concat(r.sizeAdjust,"; src: local('").concat(r.altFont,"'); } ")}),""):e}),"")}}),null==e?void 0:e.map((function(e,r){return x.default.createElement("link",{key:r,rel:"preconnect",href:e.rootPath,crossOrigin:"true"})})),null==e?void 0:e.map((function(e,r){return x.default.createElement("link",{key:r,rel:"preload",as:"style",href:e.sourcePath})})),x.default.createElement("style",{dangerouslySetInnerHTML:{__html:"</style>".concat(null==e?void 0:e.reduce((function(e,r){return e+'\n <link rel="stylesheet" href="'.concat(r.sourcePath,'" media="print" onload="this.media=\'all\'" />')}),""),"<style>")}}),x.default.createElement("noscript",null,null==e?void 0:e.map((function(e,r){return x.default.createElement("link",{key:r,rel:"stylesheet",href:e.sourcePath})}))))},exports.useArray=function(e){var t=r.useState(e\|\|[]),n=t[0],a=t[1];return{array:n,set:a,push:function(e){Array.isArray(e)?a((function(r){return u.__spreadArray(u.__spreadArray([],r,!0),e,!0)})):a((function(r){return u.__spreadArray(u.__spreadArray([],r,!0),[e],!1)}))},filter:function(e){a((function(r){return r.filter(e)}))},update:function(e,r){a((function(t){return u.__spreadArray(u.__spreadArray(u.__spreadArray([],t.slice(0,e),!0),[r],!1),t.slice(e+1,t.length),!0)}))},remove:function(e){a((function(r){return u.__spreadArray(u.__spreadArray([],r.slice(0,e),!0),r.slice(e+1,r.length),!0)}))},clear:function(){a([])},pop:function(){var e;return a((function(r){var t=u.__spreadArray([],r,!0);return e=t.pop(),t})),e}}},exports.useImgPreload=function(e,n){void 0===n&&(n=["semilarge","large"]);var a=r.useState(!1),o=a[0],s=a[1],i=r.useState(!1),l=i[0],c=i[1],f=t.useMediaQuery(n),d=r.useState({small:[],medium:[],semilarge:[],large:[],xlarge:[],xxlarge:[],xxxLarge:[]}),p=d[0],m=d[1];return r.useEffect((function(){var r;if(o&&p&&f&&(p[f].length<e.length&&e.length>0)){var t=e.map((function(e){return e[f]}));r=function(e){return e.filter((function(e){return e})).map((function(e,r){return new Promise((function(t){var n=new window.Image;n.src=e,n.onload=function(){return t({url:e,i:r})}}))}))}(t),u.__awaiter(void 0,void 0,void 0,(function(){var e,t,n,a;return u.__generator(this,(function(o){switch(o.label){case 0:e=function(e){var r;return u.__generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return r=t.sent(),m((function(e){var t;return e[f].find((function(e){return e.id===r.i}))?e:u.__assign(u.__assign({},e),((t={})[f]=u.__spreadArray(u.__spreadArray([],e[f],!0),[{id:r.i,image:r.url}],!1),t))})),[2]}}))},t=0,n=r,o.label=1;case 1:return t<n.length?(a=n[t],[5,e(a)]):[3,4];case 2:o.sent(),o.label=3;case 3:return t++,[3,1];case 4:return[2]}}))}))}}),[f,e,o,p]),r.useEffect((function(){if(p&&f){var r=e.filter((function(e){return e[f]})).length;c(p[f].length>=r)}}),[f,e,p]),{loadedImages:f&&p[f],isLoaded:l,setReady:s}},exports.useInterval=function(e,t){var n=r.useRef(e),a=r.useRef();r.useEffect((function(){n.current=e}),[e]);var o=r.useCallback((function(){a.current=window.setInterval((function(){var e;return null===(e=n.current)\|\|void 0===e?void 0:e.call(n)}),t)}),[t]),s=r.useCallback((function(){a.current&&window.clearTimeout(a.current)}),[]);r.useEffect((function(){return o(),s}),[t,o,s]);var u=r.useCallback((function(){s(),o()}),[s,o]);return{clear:s,reset:u}},exports.useItemHeight=function(){var e=r.useState(null),t=e[0],n=e[1],a=r.useState(0),o=a[0],s=a[1];return r.useEffect((function(){var e=function(){t&&s(t.offsetHeight)};return t&&(e(),window.addEventListener("resize",e)),function(){window.removeEventListener("resize",e)}}),[t]),{setElement:n,height:o}},exports.useParams=function(){var e=r.useState({}),t=e[0],n=e[1];r.useEffect((function(){w&&n(y())}),[]);var a=r.useCallback((function(e,r){if(w){var a=u.__assign({},t);a[e]=r;var o=new URLSearchParams(window.location.search);for(var s in a)o.set(s,encodeURIComponent(a[s]));n(y(o)),window.history.replaceState({},"","".concat(location.pathname,"?").concat(o.toString()+location.hash))}}),[t]);return{params:t,update:a}},exports.usePoster=function(e,n){var a=r.useState(),o=a[0],s=a[1],u=e.webp&&h()?e.webp:e,i=t.useMediaQuery(n\|\|["small","medium","semilarge","large","xlarge"]);return r.useEffect((function(){i&&u[i]&&u[i]!==o&&s(u[i])}),[o,i,u]),o},exports.useScroll=function(e){var t=e.initialTopOffset,n=void 0===t?0:t,a=e.onLeftOffset,o=e.onEnterOffset,s=r.useState(n),u=s[0],i=s[1],l=r.useState(!0),c=l[0],f=l[1],d=r.useState(!0),p=d[0],m=d[1],g=r.useState(exports.ScrollDirection.DOWN),v=g[0],x=g[1],h=r.useRef(0);return r.useEffect((function(){if("undefined"!=typeof window){var e=function(){f(window.pageYOffset<=1),m(window.pageYOffset<=1+u),h.current&&(window.pageYOffset>1+u&&h.current<=1+u&&a&&a(),window.pageYOffset<=1+u&&h.current>1+u&&o&&o(),x((function(e){return window.pageYOffset<=1\|\|window.pageYOffset>h.current?exports.ScrollDirection.DOWN:window.pageYOffset<h.current?exports.ScrollDirection.UP:e}))),h.current=window.pageYOffset};return e(),window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}}),[h,a,o,v,u]),{isTop:c,isInOffset:p,scrollDirection:v,setTopOffset:i,topOffset:u}},exports.useTouch=function(){var e=r.useState(!1),t=e[0],n=e[1];return r.useEffect((function(){n("ontouchstart"in window\|\|navigator.maxTouchPoints>0\|\|navigator.msMaxTouchPoints>0)}),[]),t};
2	+ //# sourceMappingURL=hooks.js.map

package/lib/cjs/hooks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hooks.js","sources":["../../src/utils/useScroll.ts","../../src/utils/usePoster.ts","../../src/utils/useTouch.ts","../../src/utils/useParams.ts","../../src/utils/backgroundImage.ts","../../src/utils/getLinkIcon.ts","../../src/utils/fontLoading.tsx","../../src/utils/useArray.ts","../../src/utils/useImgPreload.ts","../../src/utils/useInterval.ts","../../src/utils/useItemHeight.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport enum ScrollDirection {\n UP,\n DOWN,\n}\n\nexport const useScroll = ({\n initialTopOffset = 0,\n onLeftOffset,\n onEnterOffset,\n}: {\n initialTopOffset?: number;\n onLeftOffset?: () => void;\n onEnterOffset?: () => void;\n}) => {\n const [topOffset, setTopOffset] = useState<number>(initialTopOffset);\n const [isTop, setIsTop] = useState<boolean>(true);\n const [isInOffset, setIsInOffset] = useState<boolean>(true);\n const [scrollDirection, setScrollDirection] = useState<ScrollDirection>(\n ScrollDirection.DOWN\n );\n const lastScrollPos = useRef<number>(0);\n\n useEffect(() => {\n if (typeof window === 'undefined') return;\n const handleScroll = () => {\n setIsTop(window.pageYOffset <= 1);\n setIsInOffset(window.pageYOffset <= 1 + topOffset);\n\n if (lastScrollPos.current) {\n // check if top offset is left\n if (\n window.pageYOffset > 1 + topOffset &&\n lastScrollPos.current <= 1 + topOffset\n ) {\n onLeftOffset && onLeftOffset();\n }\n\n // check if top offset was joined\n if (\n window.pageYOffset <= 1 + topOffset &&\n lastScrollPos.current > 1 + topOffset\n ) {\n onEnterOffset && onEnterOffset();\n }\n\n setScrollDirection((prev) => {\n if (window.pageYOffset <= 1) return ScrollDirection.DOWN;\n return window.pageYOffset > lastScrollPos.current\n ? ScrollDirection.DOWN\n : window.pageYOffset < lastScrollPos.current\n ? ScrollDirection.UP\n : prev;\n });\n }\n lastScrollPos.current = window.pageYOffset;\n };\n\n handleScroll();\n window.addEventListener('scroll', handleScroll);\n\n return () => {\n window.removeEventListener('scroll', handleScroll);\n };\n }, [\n lastScrollPos,\n onLeftOffset,\n onEnterOffset,\n scrollDirection,\n topOffset,\n ]);\n\n return {\n isTop,\n isInOffset,\n scrollDirection,\n setTopOffset,\n topOffset,\n };\n};\n","import { useEffect, useState } from 'react';\nimport { isBrowser, useMediaQuery } from './useMediaQuery';\n\n// *****************\n// usePoster\n// *****************\n\ninterface PosterImage {\n small: string;\n medium?: string;\n semilarge?: string;\n large?: string;\n xlarge?: string;\n}\n\nexport const canUseWebP = () => {\n if (!isBrowser) return false;\n\n const elem = document.createElement('canvas');\n\n if (!(elem.getContext && elem.getContext('2d'))) {\n // was able or not to get WebP representation\n return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;\n }\n\n // very old browser like IE 8, canvas not supported\n return false;\n};\n\nexport type PosterMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nexport const usePoster = (\n posterImage: PosterImage & {\n webp?: PosterImage;\n },\n mqs?: PosterMq[]\n) => {\n const [currentImage, setCurrentImage] = useState<string | undefined>();\n\n const workingImage =\n posterImage.webp && canUseWebP() ? posterImage.webp : posterImage;\n const currentMq = useMediaQuery(\n mqs || ['small', 'medium', 'semilarge', 'large', 'xlarge']\n ) as PosterMq | undefined;\n\n useEffect(() => {\n if (\n currentMq &&\n workingImage[currentMq] &&\n workingImage[currentMq] !== currentImage\n ) {\n setCurrentImage(workingImage[currentMq]);\n }\n }, [currentImage, currentMq, workingImage]);\n\n return currentImage;\n};\n","import { useState, useEffect } from 'react';\n\nconst useTouch = () => {\n const [canTouch, setCanTouch] = useState(false);\n\n useEffect(() => {\n setCanTouch(\n 'ontouchstart' in window ||\n navigator.maxTouchPoints > 0 ||\n (navigator as any).msMaxTouchPoints > 0\n );\n }, []);\n return canTouch;\n};\n\nexport default useTouch;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst isSupported =\n typeof window !== 'undefined' && 'URLSearchParams' in window;\n\nconst getParamsObj = (params?: URLSearchParams) => {\n const obj: Record<string, string> = {};\n\n const paramsObj = Object.fromEntries(\n params || new URLSearchParams(window.location.search)\n );\n\n for (const param in paramsObj) {\n let value = paramsObj[param];\n if (typeof value === 'string') {\n value = decodeURIComponent(value);\n }\n obj[param] = value;\n }\n\n return obj;\n};\n\nconst useParams = () => {\n const [params, setParams] = useState<Record<string, string>>({});\n\n useEffect(() => {\n if (!isSupported) return;\n\n setParams(getParamsObj());\n }, []);\n\n const update = useCallback(\n (key: string, value: string) => {\n if (!isSupported) return;\n\n const newParams = { ...params };\n newParams[key] = value;\n\n const currentParams = new URLSearchParams(window.location.search);\n for (const param in newParams) {\n currentParams.set(param, encodeURIComponent(newParams[param]));\n }\n\n setParams(getParamsObj(currentParams));\n\n window.history.replaceState(\n {},\n '',\n `${location.pathname}?${\n currentParams.toString() + location.hash\n }`\n );\n },\n [params]\n );\n\n return { params, update };\n};\n\nexport default useParams;\n","export const getBgImage = (\n bgImage: {\n small: string;\n medium?: string;\n semilarge?: string;\n large?: string;\n xlarge?: string;\n },\n mq?: 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge'\n): string => {\n switch (mq) {\n default:\n case 'small':\n return bgImage.small;\n\n case 'medium':\n return (\n bgImage.medium ||\n bgImage.semilarge ||\n bgImage.large ||\n bgImage.xlarge ||\n bgImage.small\n );\n\n case 'semilarge':\n return (\n bgImage.semilarge ||\n bgImage.large ||\n bgImage.xlarge ||\n bgImage.medium ||\n bgImage.small\n );\n\n case 'large':\n return (\n bgImage.large ||\n bgImage.xlarge ||\n bgImage.semilarge ||\n bgImage.medium ||\n bgImage.small\n );\n\n case 'xlarge':\n return (\n bgImage.xlarge ||\n bgImage.large ||\n bgImage.semilarge ||\n bgImage.medium ||\n bgImage.small\n );\n }\n};\n","import { DefaultTheme } from 'styled-components';\nimport { getGlobals as global } from 'utils/styles';\n\nexport const getLinkIcon = (\n theme: DefaultTheme,\n href: string,\n isInverted?: boolean\n): string => {\n const linkIcons = global(theme).icons.linkIcons;\n\n const fileExtension = `.${href?.split('.').pop() || ''}`;\n const result = linkIcons.find((icon) => {\n return icon.patterns?.find((pattern) => pattern.match(fileExtension));\n });\n\n return result?.iconChar || result?.iconUrl?.(isInverted) || '';\n};\n","import React from 'react';\n\ninterface FontFallback {\n name: string;\n altFont: string;\n sizeAdjust: string;\n}\n\nexport interface Font {\n rootPath: string;\n sourcePath: string;\n fallbacks?: FontFallback[];\n}\n\nexport const importFonts = (fonts: Font[]) => {\n return (\n <React.Fragment>\n {fonts && fonts.length > 0 && (\n <style\n dangerouslySetInnerHTML={{\n __html: fonts?.reduce((acc, current) => {\n if (current?.fallbacks) {\n acc += current?.fallbacks?.reduce(\n (fallAcc, f) => {\n fallAcc += `@font-face { font-family: '${f.name}'; size-adjust: ${f.sizeAdjust}; src: local('${f.altFont}'); } `;\n return fallAcc;\n },\n\n ''\n );\n return acc;\n } else return acc;\n }, ''),\n }}\n />\n )}\n\n {fonts?.map((font, i) => (\n <link\n key={i}\n rel=\"preconnect\"\n href={font.rootPath}\n crossOrigin=\"true\"\n />\n ))}\n {fonts?.map((font, i) => (\n <link key={i} rel=\"preload\" as=\"style\" href={font.sourcePath} />\n ))}\n\n <style\n dangerouslySetInnerHTML={{\n __html: `</style>${fonts?.reduce<string>(\n (prev, current) => {\n return (prev += `\n <link rel=\"stylesheet\" href=\"${current.sourcePath}\" media=\"print\" onload=\"this.media='all'\" />`);\n },\n ''\n )}<style>`,\n }}\n />\n\n <noscript>\n {fonts?.map((font, i) => (\n <link key={i} rel=\"stylesheet\" href={font.sourcePath} />\n ))}\n </noscript>\n </React.Fragment>\n );\n};\n","import { useState } from 'react';\n\nconst useArray = <T>(defaultValue?: Array<T>) => {\n const [array, setArray] = useState<Array<T>>(defaultValue || []);\n\n const push = (element: T | T[]) => {\n if (Array.isArray(element)) {\n setArray((prev) => [...prev, ...element]);\n } else {\n setArray((prev) => [...prev, element]);\n }\n };\n\n const pop = () => {\n let lastEl: T | undefined;\n\n setArray((prev) => {\n const copy = [...prev];\n lastEl = copy.pop();\n return copy;\n });\n return lastEl;\n };\n\n const filter = (\n callback: (value: T, index: number, array: T[]) => void\n ) => {\n setArray((prev) => prev.filter(callback));\n };\n\n const update = (index: number, newEl: T) => {\n setArray((prev) => [\n ...prev.slice(0, index),\n newEl,\n ...prev.slice(index + 1, prev.length),\n ]);\n };\n\n const remove = (index: number) => {\n setArray((prev) => [\n ...prev.slice(0, index),\n ...prev.slice(index + 1, prev.length),\n ]);\n };\n\n const clear = () => {\n setArray([]);\n };\n\n return {\n array,\n set: setArray,\n push,\n filter,\n update,\n remove,\n clear,\n pop,\n };\n};\n\nexport default useArray;\n","import { ImageProps } from 'components/blocks/Image';\nimport { useEffect, useState } from 'react';\nimport { MediaQueryType } from './styles';\nimport { useMediaQuery } from './useMediaQuery';\n\nexport const useImgPreload = (\n imageUrls: ImageProps[],\n mqs: MediaQueryType[] = ['semilarge', 'large']\n) => {\n const [isReady, setReady] = useState(false);\n const [isLoaded, setLoaded] = useState(false);\n const currentMq = useMediaQuery(mqs as MediaQueryType[]);\n const [loadedImages, setLoadedImages] = useState<{\n [key: string]: { id: number | string; image: string }[];\n }>({\n small: [],\n medium: [],\n semilarge: [],\n large: [],\n xlarge: [],\n xxlarge: [],\n xxxLarge: [],\n });\n\n const preloadImages = (imageUrls: (string | undefined)[]) => {\n const images = (imageUrls.filter((img) => img) as string[]).map(\n (src, i) => {\n return new Promise((res) => {\n const img = new window.Image();\n img.src = src;\n img.onload = () => res({ url: src, i });\n });\n }\n );\n\n return images;\n };\n\n useEffect(() => {\n if (isReady && loadedImages && currentMq) {\n const loadedForMq = loadedImages[currentMq];\n\n if (loadedForMq.length < imageUrls.length && imageUrls.length > 0) {\n const requestedImages = imageUrls.map((img) => img[currentMq]);\n\n const resolve = async (items: any) => {\n for (const item of items) {\n const x = await item;\n\n setLoadedImages((prev) => {\n // check if image id already exists in array\n if (!prev[currentMq].find((e) => e.id === x.i)) {\n return {\n ...prev,\n [currentMq]: [\n ...prev[currentMq],\n {\n id: x.i,\n image: x.url,\n },\n ],\n };\n } else return prev;\n });\n }\n };\n\n resolve(preloadImages(requestedImages));\n }\n }\n }, [currentMq, imageUrls, isReady, loadedImages]);\n\n useEffect(() => {\n if (loadedImages && currentMq) {\n const imgCount = imageUrls.filter((img) => img[currentMq]).length;\n setLoaded(loadedImages[currentMq].length >= imgCount);\n }\n }, [currentMq, imageUrls, loadedImages]);\n\n return {\n loadedImages: currentMq && loadedImages[currentMq],\n isLoaded,\n setReady,\n };\n};\n","import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useInterval(callback: () => void, delay: number) {\n const callbackRef = useRef(callback);\n const intervalRef = useRef<number>();\n\n // Remember the latest callback.\n useEffect(() => {\n callbackRef.current = callback;\n }, [callback]);\n\n const set = useCallback(() => {\n intervalRef.current = window.setInterval(\n () => callbackRef.current?.(),\n delay\n );\n }, [delay]);\n\n const clear = useCallback(() => {\n intervalRef.current && window.clearTimeout(intervalRef.current);\n }, []);\n\n useEffect(() => {\n set();\n return clear;\n }, [delay, set, clear]);\n\n const reset = useCallback(() => {\n clear();\n set();\n }, [clear, set]);\n\n return { clear, reset };\n}\n","import { useEffect, useState } from 'react';\n\nexport const useItemHeight = () => {\n const [element, setElement] = useState<HTMLElement | null>(null);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n const calcHeight = () => {\n if (element) setHeight(element.offsetHeight);\n };\n\n if (element) {\n calcHeight();\n window.addEventListener('resize', calcHeight);\n }\n\n return () => {\n window.removeEventListener('resize', calcHeight);\n };\n }, [element]);\n\n return {\n setElement,\n height,\n };\n};\n"],"names":["ScrollDirection","useScroll","canUseWebP","isBrowser","elem","document","createElement","getContext","toDataURL","indexOf","useTouch","isSupported","window","getParamsObj","params","obj","paramsObj","Object","fromEntries","URLSearchParams","location","search","param","value","decodeURIComponent","bgImage","mq","small","medium","semilarge","large","xlarge","theme","href","isInverted","linkIcons","global","getGlobals","icons","fileExtension","concat","split","pop","result","find","icon","_a","patterns","pattern","match","iconChar","iconUrl","call","fonts","React","Fragment","length","dangerouslySetInnerHTML","__html","reduce","acc","current","fallbacks","fallAcc","f","name","sizeAdjust","altFont","map","font","i","key","rel","rootPath","crossOrigin","as","sourcePath","prev","defaultValue","useState","array","setArray","set","push","element","Array","isArray","__spreadArray","filter","callback","update","index","newEl","slice","remove","clear","lastEl","copy","imageUrls","mqs","isReady","setReady","_b","isLoaded","setLoaded","currentMq","useMediaQuery","_c","xxlarge","xxxLarge","loadedImages","setLoadedImages","useEffect","items","requestedImages","img","src","Promise","res","Image","onload","url","preloadImages","__awaiter","item","x","sent","e","id","__assign","image","_i","items_1","imgCount","delay","callbackRef","useRef","intervalRef","useCallback","setInterval","clearTimeout","reset","setElement","height","setHeight","calcHeight","offsetHeight","addEventListener","removeEventListener","setParams","newParams","currentParams","encodeURIComponent","history","replaceState","pathname","toString","hash","posterImage","currentImage","setCurrentImage","workingImage","webp","initialTopOffset","onLeftOffset","onEnterOffset","topOffset","setTopOffset","_d","isTop","setIsTop","_e","isInOffset","setIsInOffset","_f","DOWN","scrollDirection","setScrollDirection","lastScrollPos","handleScroll","pageYOffset","UP","canTouch","setCanTouch","navigator","maxTouchPoints","msMaxTouchPoints"],"mappings":"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"}

package/lib/cjs/icons.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js");require("react"),require("styled-components"),exports.AngleDown=e.AngleDown,exports.AngleLeft=e.AngleLeft,exports.AngleRight=e.AngleRight,exports.AngleUp=e.AngleUp,exports.ArrowDown=e.ArrowDown,exports.ArrowLeft=e.ArrowLeft,exports.ArrowLeftGhost=e.ArrowLeftGhost,exports.ArrowLeftRight=e.ArrowLeftRight,exports.ArrowRight=e.ArrowRight,exports.ArrowRightGhost=e.ArrowRightGhost,exports.ArrowUp=e.ArrowUp,exports.BoxArrowUpRight=e.BoxArrowUpRight,exports.CalendarToday=e.CalendarToday,exports.Category=e.Category,exports.Check=e.Check,exports.Clock=e.Clock,exports.ClockFilled=e.ClockFilled,exports.Computer=e.Computer,exports.Cross=e.Cross,exports.CrossSmall=e.CrossSmall,exports.CurrentLocation=e.CurrentLocation,exports.DateRange=e.DateRange,exports.DeleteForever=e.DeleteForever,exports.Excel=e.Excel,exports.External=e.External,exports.Facebook=e.Facebook,exports.FlyTo=e.FlyTo,exports.Image=e.Image,exports.Info=e.Info,exports.Instagram=e.Instagram,exports.Language=e.LanguageIcon,exports.LinkedIn=e.LinkedIn,exports.LocationPin=e.LocationPin,exports.LocationSearch=e.LocationSearch,exports.Mail=e.Mail,exports.Map=e.Map,exports.MenuBurger=e.MenuBurger,exports.Minus=e.Minus,exports.Money=e.Money,exports.MyLocation=e.MyLocation,exports.Pdf=e.Pdf,exports.Person=e.Person,exports.Phone=e.Phone,exports.Place=e.Place,exports.Play=e.Play,exports.Plus=e.Plus,exports.PowerPoint=e.PowerPoint,exports.Route=e.Route,exports.Star=e.Star,exports.ToggleOff=e.ToggleOff,exports.ToggleOn=e.ToggleOn,exports.Twitter=e.Twitter,exports.UnfoldMore=e.UnfoldMore,exports.UploadFile=e.UploadFile,exports.Word=e.Word,exports.Xing=e.Xing,exports.Youtube=e.Youtube,exports.Zip=e.Zip;
2	+ //# sourceMappingURL=icons.js.map

package/lib/cjs/icons.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("styled-components");var e=require("./styles-0f1a0aea.js"),s=require("./LibThemeProvider-fb99fd6d.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("react-dom/server"),exports.getBaseTheme=e.baseTheme,exports.getColors=e.getColors,exports.getFonts=e.getFonts,exports.getGlobals=e.getGlobals,exports.mq=e.mq,exports.spacings=e.spacings,exports.withRange=e.withRange,exports.LibThemeProvider=s.LibThemeProvider,exports.assignTo=s.assignTo,exports.modifyTheme=s.modifyTheme,exports.useLibTheme=s.useLibTheme,exports.withLibTheme=s.withLibTheme;
2	+ //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/navigation-bf154e6e.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var r=require("react"),e=require("./ClockFilled-2483aa4a.js");exports.getCurrentNavItem=function(r,e){if(!r\|\|0===r.length)return null;for(var n=function(r){if(!r)return null;if(r.isCurrent&&(e\|\|!r.hideFromMenu))return r;if(r.subItems&&r.subItems.length>0)for(var t=0;t<r.subItems.length;t++){var u=n(r.subItems[t]);if(u)return u}return null},t=0;t<r.length;t++){var u=n(r[t]);if(u)return{current:u,root:r[t],rootIndex:t}}return null},exports.getCurrentNavPath=function(r,n){if(!r\|\|0===r.length)return[];for(var t=n\|\|[],u=function(r){if(r.isCurrent&&function(r){var e;return(null===(e=r.link)\|\|void 0===e?void 0:e.href)&&!t.includes(r.link.href)}(r))return[r];if(!r.subItems)return[];for(var n=0;n<r.subItems.length;n++){var l=u(r.subItems[n]);if(l.length>0)return e.__spreadArray([r],l,!0)}return[]},l=0;l<r.length;l++){var i=u(r[l]);if(i.length>0)return e.__spreadArray([],i,!0)}return[]},exports.useScrollThrottle=function(e,n){void 0===e&&(e=0);var t=r.useState(null),u=t[0],l=t[1],i=r.useRef(-1),o=r.useRef({scrollX:0,scrollY:0}),s=function(){"undefined"!=typeof window&&(o.current={scrollX:window.scrollX,scrollY:window.scrollY})};return r.useEffect((function(){if("undefined"!=typeof window){var r=function(){s(),-1===i.current&&(i.current=window.setTimeout((function(){null==n\|\|n(o.current),l(o.current),i.current=-1}),e))};return s(),null==n\|\|n(o.current),l(o.current),window.addEventListener("scroll",r),function(){window.removeEventListener("scroll",r)}}}),[n,e]),u};
2	+ //# sourceMappingURL=navigation-bf154e6e.js.map