{"version":3,"sources":["components/ContentBlocks/Base/index.tsx","utils/anchor-scroll.tsx","components/ContentBlocks/TextAndImage/styles.js","components/ContentBlocks/TextAndImage/index.tsx","components/ContentBlocks/TwoTextBoxes/styles.js","components/ContentBlocks/TwoTextBoxes/index.tsx","components/ContentBlocks/TextBoxes/styles.js","components/ContentBlocks/TextBoxes/index.tsx","components/ContentBlocks/TextContent/styles.js","components/ContentBlocks/TextContent/index.tsx","components/ContentBlocks/BannerImage/styles.js","components/ContentBlocks/BannerImage/index.tsx","components/ContentBlocks/HeadingH1/styles.js","components/ContentBlocks/HeadingH1/index.tsx"],"names":["getID","props","item","anchorID","elementID","SmoothScroll","clearTimeout","this","timer","id","callback","scrollSettings","startTime","settings","outQuint","x","t","b","c","d","node","document","getElementById","nodeTop","offsetTop","offset","window","pageYOffset","targetY","getBoundingClientRect","height","Date","now","clearInterval","setTimeout","step","yScroll","elapsed","scrollTo","console","log","children","tag","to","Tag","smooth","onClick","restProps","TAIWrapper","div","TAIContent","md","lg","TAIText","gutterSmall","gutter","PSmall","PMedium","TAIImage","undefined","imageSide","isLeft","getCta","obj","cta","textAndImageCta","ctaHref","textAndImageCtaHref","hasCta","charAt","substr","href","className","name","imageSizeProps","textAndImageImageWidth","textAndImageImageHeight","style","aspectRatio","ctaibImageSide","type","value","placeholder","left","thumb","src","alt","BoxWrapper","Box","lgx","BoxTitle","isAdmin","BoxText","AInline","map","i","key","tagName","e","stopPropagation","multiline","TextBoxesTitle","H2","TextBoxesWrapper","invert","TextBox","TextBoxIcon","TextBoxTitle","TextBoxContent","textLinkPrimary","calculateTallestTitle","items","tallest","breakpoints","hasGradientBg","textBoxesTitle","textBoxes","breakpoint","length","ref","setTallest","makeSameHeight","elems","innerWidth","onResize","debounce","current","querySelectorAll","addEventListener","removeEventListener","grey","limit","textBoxIcon","Content","H1","H3","Banner","position","imagePosition","defaultValue","HeadingContainer"],"mappings":"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","file":"assets/js/default-pages-AgentPage-pages-HomevisitPage.chunk.js?cb=2ede69739f5b369849e3","sourcesContent":["import React from 'react';\n\nexport const getID = props => {\n\tif (props.item) {\n\t\treturn props.item.anchorID || props.item.elementID || null;\n\t} else if (props.anchorID || props.elementID) {\n\t\treturn props.anchorID || props.elementID;\n\t}\n\n\treturn null;\n};\n\n/* just a little helper for easier id check in the component */\nconst withID = Component => {\n\treturn props => {\n\t\tconst {\n\t\t\titem: {\n\t\t\t\tanchorID,\n\t\t\t\telementID,\n\t\t\t\t...rest\n\t\t\t},\n\t\t} = props;\n\n\t\tif (anchorID) {\n\t\t\trest['id'] = anchorID;\n\t\t} else if (elementID) {\n\t\t\trest['id'] = elementID;\n\t\t}\n\n\t\treturn <Component {...rest} />;\n\t};\n};\n\nexport default withID;","import React from \"react\";\nimport { hasWindow } from \"@utils\";\n\nexport class SmoothScroll {\n\ttimer: number;\n\n\tstop() {\n\t\tclearTimeout(this.timer);\n\t}\n\n\tscrollTo(id: string, callback?: (e?: any) => void, scrollSettings?: any) {\n\t\tif (!hasWindow) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst settings = {\n\t\t\tduration: 1000,\n\t\t\teasing: {\n\t\t\t\toutQuint(x: number, t: number, b: number, c: number, d: number) {\n\t\t\t\t\treturn c * ((t = t / d - 1) * t * t * t * t + 1) + b;\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\n\t\tlet percentage: number;\n\t\tlet startTime: number;\n\t\tconst node = document.getElementById(id);\n\t\tif (!node) {\n\t\t\tconsole.log(`This page does not have an element with provided ID: ${id}`);\n\t\t\treturn;\n\t\t}\n\t\tconst nodeTop = node.offsetTop;\n\t\tconst offset = window.pageYOffset;\n\t\tconst delta = nodeTop - offset - (scrollSettings.offset ? scrollSettings.offset : 0);\n\t\tconst nav = document.getElementById(\"main-nav\");\n\t\tconst navHeight = nav.getBoundingClientRect().height;\n\n\t\tconst targetY = delta - navHeight;\n\n\t\tstartTime = Date.now();\n\t\tpercentage = 0;\n\n\t\tif (this.timer) {\n\t\t\tclearInterval(this.timer);\n\t\t}\n\n\t\tfunction step() {\n\t\t\tlet yScroll: number;\n\t\t\tconst elapsed = Date.now() - startTime;\n\n\t\t\tif (elapsed > settings.duration) {\n\t\t\t\tclearTimeout(this.timer);\n\t\t\t}\n\n\t\t\tpercentage = elapsed / settings.duration;\n\n\t\t\tif (percentage > 1) {\n\t\t\t\tclearTimeout(this.timer);\n\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tyScroll = settings.easing.outQuint(0, elapsed, offset, targetY, settings.duration);\n\t\t\t\twindow.scrollTo(0, yScroll);\n\t\t\t\tthis.timer = setTimeout(step, 10);\n\t\t\t}\n\t\t}\n\n\t\tthis.timer = window.setTimeout(step, 10);\n\t}\n}\n\ninterface IProps {\n\tchildren: any;\n\ttag?: string;\n\tto: string;\n\t[key: string]: any;\n}\n\nconst AnchorLink = (props: IProps) => {\n\tconst { children, tag, to, ...restProps } = props;\n\tconst Tag: any = tag || \"span\";\n\n\tconst smooth = new SmoothScroll();\n\tconst onClick = () => smooth.scrollTo(to);\n\n\treturn (\n\t\t<Tag onClick={onClick} {...restProps}>\n\t\t\t{children}\n\t\t</Tag>\n\t);\n};\n\nexport default AnchorLink;\n","import styled, { css } from \"styled-components\";\nimport { textStyles, media, grid } from \"@utils/style-utils\";\n\nexport const TAIWrapper = styled.div`\n\tclear: both;\n\tmargin: 80px auto 0;\n\tmax-width: 1466px;\n\tpadding: 0 15px;\n\tposition: relative;\n`;\n\nexport const TAIContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 40px;\n\n\t${media.md`\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 80px;\n\n\t\t&.image-left {\n\t\t\tflex-direction: row-reverse;\n\t\t}\n\t`};\n\n\t${media.lg`\n\t\tmargin-bottom: 100px;\n\t`};\n`;\n\nexport const TAIText = styled.div`\n\tmargin-bottom: 40px;\n\n\t${media.md`\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tmargin-bottom: 0;\n\t\tpadding-left: 15px;\n\t\tpadding-right: 15px;\n\t\twidth: 50%;\n\t`};\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t`};\n\n\t.text-and-image-text {\n\t\t${media.md`\n\t\t\tmargin: 0 auto;\n\t\t\tmax-width: 545px;\n\n\t\t\t> :first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t`};\n\t}\n\n\tul,\n\tol {\n\t\tpadding-left: 30px;\n\n\t\tli {\n\t\t\tmargin-bottom: 15px;\n\t\t\tpadding-left: 16px;\n\t\t}\n\t}\n\n\tp,\n\tli {\n\t\t${textStyles.PSmall};\n\n\t\t${media.lg`\n\t\t\t${textStyles.PMedium};\n\t\t`};\n\t}\n`;\n\nexport const TAIImage = styled.div`\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t`};\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t`};\n\n\timg {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n`;\n","import React from \"react\";\nimport Image from \"wake-react-components/image\";\nimport Editor from \"wake-react-components/editor\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { Wrapper } from \"@components/Grid\";\nimport AnchorLink from \"@utils/anchor-scroll\";\nimport Repeater from \"wake-react-components/repeater\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { TAIContent, TAIImage, TAIText, TAIWrapper } from \"./styles\";\n\nconst TextAndImage = (props: any = {}) => {\n\tconst {\n\t\titem: { elementID = undefined, imageSide = \"right\" },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\tconst isLeft = imageSide === \"left\";\n\n\tconst getCta = (obj: any = {}) => {\n\t\tconst { textAndImageCta: cta, textAndImageCtaHref: ctaHref } = obj;\n\t\tconst hasCta = cta && ctaHref;\n\n\t\tif (!hasCta) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (ctaHref.charAt(0) === \"#\") {\n\t\t\tconst to = ctaHref.substr(1);\n\t\t\treturn (\n\t\t\t\t<AnchorLink to={to}>\n\t\t\t\t\t<a href=\"javascript:\" className=\"cta\">\n\t\t\t\t\t\t{cta}\n\t\t\t\t\t</a>\n\t\t\t\t</AnchorLink>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<a href={ctaHref} className=\"cta\">\n\t\t\t\t\t{cta}\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Wrapper {...restProps}>\n\t\t\t<TAIWrapper>\n\t\t\t\t<Repeater name=\"textAndImageBlocks\">\n\t\t\t\t\t{({ item }) => {\n\t\t\t\t\t\tconst imageSizeProps: any = {};\n\t\t\t\t\t\tif (item.textAndImageImageWidth && item.textAndImageImageHeight) {\n\t\t\t\t\t\t\timageSizeProps.style = {\n\t\t\t\t\t\t\t\taspectRatio: 'auto ' + item.textAndImageImageWidth + ' / ' + item.textAndImageImageHeight,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (<TAIContent\n\t\t\t\t\t\t\timageSide={item.ctaibImageSide}\n\t\t\t\t\t\t\tclassName={item.ctaibImageSide ? \"image-\" + item.ctaibImageSide : \"image-right\"}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TAIText>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Editor name=\"textAndImageText\" className=\"text-and-image-text\" />\n\t\t\t\t\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<span>Kuvan puoli &nbsp;</span>\n\t\t\t\t\t\t\t\t\t\t\t<Input name=\"ctaibImageSide\" type=\"select\">\n\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"right\">Oikea</option>\n\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"left\">Vasen</option>\n\t\t\t\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t<span>Kuvan koko&nbsp;</span>\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textAndImageImageWidth\" placeholder=\"Leveys\" /> x <Text name=\"textAndImageImageHeight\" placeholder=\"Korkeus\" />\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\tCall to action? Linkin teksti:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textAndImageCta\" placeholder=\"Linkin teksti\" />\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\tLinkin href tai elementin id:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textAndImageCtaHref\" placeholder=\"Linkin href\" />\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t<small>\n\t\t\t\t\t\t\t\t\t\t\t\tVoit lisätä ankkurilinkin antamalla halutun elementin id:n muodossa:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t<em>#elementin-id</em>\n\t\t\t\t\t\t\t\t\t\t\t</small>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!isAdmin && getCta(item)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</TAIText>\n\t\t\t\t\t\t\t<TAIImage left={isLeft}>\n\t\t\t\t\t\t\t\t<Image name=\"textAndImageImage\" {...imageSizeProps} />\n\t\t\t\t\t\t\t</TAIImage>\n\t\t\t\t\t\t</TAIContent>\n\t\t\t\t\t)}}\n\t\t\t\t</Repeater>\n\t\t\t</TAIWrapper>\n\t\t</Wrapper>\n\t);\n};\n\nTextAndImage.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nTextAndImage.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/TekstiJaKuva.jpg\")} alt=\"Teksti ja kuva\" />\n\t\t<p>Teksti ja kuva</p>\n\t</div>\n);\n\nexport default TextAndImage;\n","import styled, { css } from \"styled-components\";\nimport { color, media, textStyles, grid } from \"@utils/style-utils\";\n\nexport const BoxWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: auto;\n\tmax-width: 1130px;\n\n\t${media.lg`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const Box = styled.div`\n\tbackground: ${color(\"grey\", 7)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0 auto 30px;\n\tmax-width: 484px;\n\tpadding: 40px 30px 50px;\n\twidth: 100%;\n\n\t${media.md`\n\t\tpadding: 48px 56px 56px;\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\tmargin: 0 0 20px;\n\t\tmax-width: 100%;\n\t`}\n\n\t${media.lgx`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\tpadding: 48px 64px 75px;\n\t`}\n`;\n\nexport const BoxTitle = styled.div`\n\th3 {\n\t\tbackground-position: left 22px;\n\t\tbackground-size: 46px;\n\t\tfont-size: 22px;\n\t\tfont-weight: 500;\n\t\tline-height: 1.25;\n\t\tmargin: 0 0 20px;\n\t\tpadding: 20px 0;\n\t\ttext-align: center;\n\n\t\t> span {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\th3[style*=\"background-image\"] {\n\t\tbackground-position: 50% 0;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: 40px;\n\t\tpadding: 64px 0 20px;\n\t}\n\n\t${props =>\n\t\tprops.isAdmin &&\n\t\tcss`\n\t\t\th3 > span {\n\t\t\t\tcursor: text;\n\t\t\t}\n\t\t`}\n`;\n\nexport const BoxText = styled.div`\n\ttext-align: center;\n\n\ta {\n\t\t${textStyles.AInline}\n\t}\n`;\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\n\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport Background from \"wake-react-components/background\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { BoxWrapper, Box, BoxTitle, BoxText } from \"./styles\";\n\nconst TwoTextBoxes = (props: any = {}) => {\n\tconst {\n\t\titem: { elementID },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\treturn (\n\t\t<Wrapper {...restProps}>\n\t\t\t<Container>\n\t\t\t\t<BoxWrapper>\n\t\t\t\t\t{[1, 2].map(i => (\n\t\t\t\t\t\t<Box key={i}>\n\t\t\t\t\t\t\t<BoxTitle isAdmin={isAdmin}>\n\t\t\t\t\t\t\t\t<Background name={`twoTextBoxesBox${i}Icon`} tagName=\"h3\">\n\t\t\t\t\t\t\t\t\t<span onClick={e => e.stopPropagation()}>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tname={`twoTextBoxesBox${i}Title`}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Otsikko\"\n\t\t\t\t\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Background>\n\t\t\t\t\t\t\t</BoxTitle>\n\t\t\t\t\t\t\t<BoxText>\n\t\t\t\t\t\t\t\t<Editor name={`twoTextBoxesBox${i}Content`} />\n\t\t\t\t\t\t\t</BoxText>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t))}\n\t\t\t\t</BoxWrapper>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTwoTextBoxes.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nTwoTextBoxes.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Vaakalaatikot.jpg\")} alt=\"Vaakalaatikot x 2\" />\n\t\t<p>Vaakalaatikot x 2</p>\n\t</div>\n);\n\nexport default TwoTextBoxes;\n","import styled, { css } from \"styled-components\";\nimport { textStyles, media, color, grid, buttons } from \"@utils/style-utils\";\n\nexport const TextBoxesTitle = styled.div`\n\tpadding: 40px 0;\n\ttext-align: center;\n\n\t${media.md`\n\t\tpadding: 53px 0;\n\t`}\n\n\th2 {\n\t\t${textStyles.H2}\n\t\tmargin: 0;\n\t}\n`;\n\nexport const TextBoxesWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\tpadding-bottom: 40px;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tpadding-bottom: 53px;\n\t`}\n\n\t${props =>\n\t\tprops.invert &&\n\t\tcss`\n\t\t\t${TextBox} {\n\t\t\t\tbackground: ${color(\"white\")};\n\t\t\t\tborder: 1px solid ${color(\"grey\", 6)};\n\t\t\t}\n\t\t`}\n`;\n\nexport const TextBox = styled.div`\n\tbackground: ${color(\"grey\", 7)};\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    margin-bottom: ${grid.gutterSmall}px;\n\tpadding: 40px 20px;\n\tposition: relative;\n\ttext-align: center;\n\n\t[ng-app=\"editor\"] & {\n\t\tpadding-top: 35px;\n\n\t\t.r-toolbar {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t}\n\t}\n\n\t${media.md`\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ & {\n\t\t\tflex-basis: 100%;\n\t\t\tmargin-bottom: ${grid.gutter}px;\n\t\t}\n\n\t\t&:first-child:nth-last-child(4),\n\t\t&:first-child:nth-last-child(4) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\t`}\n\n\t${media.lg`\n\t\tpadding: 40px 20px;\n\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall * 2}px) / 3);\n\t\t}\n\n\t\t&:first-child:nth-last-child(4),\n\t\t&:first-child:nth-last-child(4) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\t`}\n\n\t${media.lgx`\n\t\t&:first-child:nth-last-child(4),\n\t\t&:first-child:nth-last-child(4) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter * 3}px) / 4);\n\t\t}\n\t`}\n`;\n\nexport const TextBoxIcon = styled.div`\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 50px;\n\tdisplay: inline-block;\n\theight: 60px;\n\tmargin: 0 auto 20px;\n\twidth: 60px;\n\n\t/* &:empty {\n\t\tdisplay: none;\n\t} */\n`;\n\nexport const TextBoxTitle = styled.div`\n\t/* flex-grow: 1; */\n\n\th5 {\n\t\tfont-size: 22px;\n\t\tfont-weight: 500;\n\t\tline-height: 1.25;\n\t\tmargin: 0;\n\t}\n`;\n\nexport const TextBoxContent = styled.div`\n\t${textStyles.PSmall}\n\n\ta:not(.cta) {\n\t\t${textStyles.AInline}\n\t}\n\n\t> div {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-grow: 1;\n\t}\n\n\ta.cta {\n\t\t${buttons.textLinkPrimary}\n\t}\n`;\n","import React, { Fragment, useState, useEffect, useRef } from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport Repeater from \"wake-react-components/repeater\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Background from \"wake-react-components/background\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport debounce from \"lodash-es/debounce\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { TextBoxesTitle, TextBoxesWrapper, TextBox, TextBoxIcon, TextBoxTitle, TextBoxContent } from \"./styles\";\n\nfunction calculateTallestTitle(items: HTMLDivElement[]) {\n\tlet tallest = 0;\n\n\tfor (const item of items) {\n\t\tconst { height } = item.children[0].getBoundingClientRect();\n\t\ttallest = height > tallest ? height : tallest;\n\t}\n\n\treturn tallest;\n}\n\nconst breakpoints = [9999, 768, 991, 1120];\n\nconst TextBoxes = (props: any = {}) => {\n\tconst {\n\t\titem: { hasGradientBg, textBoxesTitle, textBoxes },\n\t\t...restProps\n\t} = props;\n\n\tconst id = getID(props);\n\n\tconst breakpoint = breakpoints[(textBoxes || []).length - 1] || 9999;\n\n\tconst ref = useRef(null);\n\tconst [tallest, setTallest] = useState(null);\n\n\tconst makeSameHeight = (elems: HTMLDivElement[]) => {\n\t\tif (isAdmin) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (elems && elems.length > 0) {\n\t\t\tif (window.innerWidth > breakpoint) {\n\t\t\t\tsetTallest(calculateTallestTitle(elems));\n\t\t\t} else {\n\t\t\t\tsetTallest(null);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst onResize = debounce(() => {\n\t\tif (ref && ref.current) {\n\t\t\tconst elems = [...ref.current.querySelectorAll(\".textbox-title\")];\n\t\t\tmakeSameHeight(elems);\n\t\t}\n\t}, 100);\n\n\tuseEffect(() => {\n\t\twindow.addEventListener(\"resize\", onResize);\n\t\tif (ref && ref.current) {\n\t\t\tconst elems = [...ref.current.querySelectorAll(\".textbox-title\")];\n\t\t\tmakeSameHeight(elems);\n\t\t}\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", onResize);\n\t\t};\n\t}, [ref]);\n\n\treturn (\n\t\t<Wrapper grey={hasGradientBg} id={id}>\n\t\t\t<Container>\n\t\t\t\t{(isAdmin || (!isAdmin && textBoxesTitle)) && (\n\t\t\t\t\t<TextBoxesTitle>\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"textBoxesTitle\" placeholder=\"Otsikko\" multiline={true} />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</TextBoxesTitle>\n\t\t\t\t)}\n\n\t\t\t\t<TextBoxesWrapper invert={hasGradientBg} ref={ref}>\n\t\t\t\t\t<Repeater name=\"textBoxes\" limit={4} tagName={TextBox}>\n\t\t\t\t\t\t{({ item }) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t{(isAdmin || (!isAdmin && item.textBoxIcon)) && (\n\t\t\t\t\t\t\t\t\t\t<Background name=\"textBoxIcon\" tagName={TextBoxIcon} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<TextBoxTitle\n\t\t\t\t\t\t\t\t\t\tclassName=\"textbox-title\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ height: tallest ? tallest + \"px\" : \"auto\" }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<h5>\n\t\t\t\t\t\t\t\t\t\t\t<Text name=\"textBoxTitle\" placeholder=\"Otsikko\" />\n\t\t\t\t\t\t\t\t\t\t</h5>\n\t\t\t\t\t\t\t\t\t</TextBoxTitle>\n\t\t\t\t\t\t\t\t\t<TextBoxContent>\n\t\t\t\t\t\t\t\t\t\t<Editor name=\"textBoxContent\" />\n\t\t\t\t\t\t\t\t\t</TextBoxContent>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t</Repeater>\n\t\t\t\t</TextBoxesWrapper>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextBoxes.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Pystylaatikot.jpg\")} alt=\"Pystylaatikot\" />\n\t\t<p>Pystylaatikot</p>\n\t</div>\n);\n\nTextBoxes.settings = () => (\n\t<div className=\"settings\">\n\t\t<label>\n\t\t\tLiukuväri taustalla: <Input name=\"hasGradientBg\" type=\"checkbox\" />\n\t\t</label>\n\t\t<br />\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default TextBoxes;\n","import styled from 'styled-components';\nimport { textStyles, fluidSize } from '@utils/style-utils';\n\n\nexport const Content = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 896px;\n\n\t${ fluidSize('margin-bottom', '320px', '1920px', '60px', '120px') }\n\n\th1 {\n\t\t${ textStyles.H1 }\n\t\t${ fluidSize('margin-bottom', '320px', '1920px', '30px', '60px') }\n\t}\n\th2 {\n\t\t${ textStyles.H2 }\n\t\t${ fluidSize('margin-bottom', '320px', '1920px', '20px', '40px') }\n\t}\n\th3 {\n\t\t${ textStyles.H3 }\n\t\t${ fluidSize('margin-bottom', '320px', '1920px', '14px', '30px') }\n\t}\n\tp {\n\t\t${ textStyles.PMedium }\n\t}\n\ta {\n\t\t${ textStyles.AInline }\n\t}\n`\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Editor from \"wake-react-components/editor\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { Content } from \"./styles\";\n\nconst TextContent = (props: any) => {\n\tconst {\n\t\titem: { elementID },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\treturn (\n\t\t<Wrapper {...restProps}>\n\t\t\t<Container>\n\t\t\t\t<Content>\n\t\t\t\t\t<Editor name=\"textContentText\" />\n\t\t\t\t</Content>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextContent.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nTextContent.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Tekstialue.jpg\")} alt=\"Tekstialue\" />\n\t\t<p>Tekstialue</p>\n\t</div>\n);\n\nexport default TextContent;\n","import styled from 'styled-components';\n\nexport const Banner = styled.div`\n\tbackground-position: ${ props => props.position ? props.position : 'center' };\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tmargin: 0 auto 84px;\n\tpadding: 30px 0 26.5%;\n\tposition: relative;\n\twidth: 100%;\n`","import React from \"react\";\nimport Background from \"wake-react-components/background\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { Banner } from \"./styles\";\n\nconst BannerImage = (props: any) => {\n\tconst {\n\t\titem: { imagePosition, elementID },\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps[\"id\"] = elementID;\n\t}\n\n\treturn <Background name=\"bannerImage\" tagName={Banner} position={imagePosition} {...restProps} />;\n};\n\nBannerImage.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Bannerikuva.jpg\")} alt=\"Bannerikuva\" />\n\t\t<p>Bannerikuva</p>\n\t</div>\n);\n\nBannerImage.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>Kuvan asemointi</span>\n\t\t<Input type=\"select\" name=\"imagePosition\" defaultValue=\"center\">\n\t\t\t<option value=\"center top\">Keskitetty ylä</option>\n\t\t\t<option value=\"center\">Keskitetty</option>\n\t\t\t<option value=\"center bottom\">Keskitetty ala</option>\n\t\t\t<option value=\"left top\">Vasen ylä</option>\n\t\t\t<option value=\"left center\">Vasen keskitetty</option>\n\t\t\t<option value=\"left bottom\">Vasen ala</option>\n\t\t\t<option value=\"right top\">Oikea ylä</option>\n\t\t\t<option value=\"right center\">Oikea keskitetty</option>\n\t\t\t<option value=\"right bottom\">Oikea ala</option>\n\t\t</Input>\n\t\t<br />\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default BannerImage;\n","import styled from \"styled-components\";\nimport { color, media } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const HeadingContainer = styled.div`\n\tbackground: ${rgba(color(\"greenBright\", 4), 0.25)};\n\tmargin-bottom: 60px;\n\tpadding: 200px 15px 130px;\n\n\t${media.md`\n\t\tmargin-bottom: 85px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 108px;\n\t`}\n\n\th1 {\n\t\tmargin: 0 auto;\n\t\ttext-align: center;\n\t}\n`;\n","import React from \"react\";\nimport { Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { HeadingContainer } from \"./styles\";\n\nconst HeadingH1 = () => {\n\treturn (\n\t\t<HeadingContainer>\n\t\t\t<Container>\n\t\t\t\t<h1>\n\t\t\t\t\t<Text name=\"title\" placeholder=\"H1 Otsikko\" />\n\t\t\t\t</h1>\n\t\t\t</Container>\n\t\t</HeadingContainer>\n\t);\n};\n\nHeadingH1.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/OtsikkoH1.jpg\")} alt=\"Otsikko H1\" />\n\t\t<p>Otsikko H1</p>\n\t</div>\n);\n\nexport default HeadingH1;\n"],"sourceRoot":""}