{"version":3,"sources":["webpack:///./src/Frontend/app/views/image-text-cta/image-text-cta-view.tsx","webpack:///./node_modules/classnames/index.js","webpack:///./src/Frontend/app/components/icons/icon.tsx","webpack:///./src/Frontend/app/components/anchor/anchor.tsx","webpack:///./src/Frontend/app/components/content-section/content-section.tsx","webpack:///./src/Frontend/app/components/cta-button/cta-button.tsx","webpack:///./src/Frontend/app/components/arrow-link/arrow-link.tsx","webpack:///./src/Frontend/app/utils/image-utils.ts","webpack:///./src/Frontend/app/components/responsive-image/responsive-image.tsx","webpack:///./src/Frontend/app/components/title/title.tsx","webpack:///./src/Frontend/app/components/image-text-cta/image-text-cta.tsx"],"names":["render","this","props","contextModel","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","key","call","join","module","exports","default","spriteUrl","viewBox","className","iconId","preserveAspectRatio","onClick","xmlnsXlink","xlinkHref","id","type","anchorId","hasNoMarginTop","hasNoMarginBottom","componentClasses","baseClass","children","isLarge","isInverted","isSecondary","link","dangerouslySetInnerHTML","__html","getQueryParamDelimiter","url","indexOf","hasExistingQueryParam","generateSrcSet","srcSetSizes","srcUrl","map","srcSetSize","parameterDelimiter","srcSetSizeHighDensity","Math","round","generateColumnImageProps","maxColumns","isFullWidth","sizes","gridMaxWidthFactor","defaultSize","ResponsiveImage","ref","src","srcSet","loading","title","isTitleH1","linkHref","linkTarget","titleHtml","href","target","imageSrc","imageAltText","trumpet","richText","ctaLink","ctaUrl","ctaTarget","useCtaAsImageLink","showCtaAsLink","dateDay","dateMonth","flipContent","verticalAlignContent","enableThemeBackground","fadeOverflowingRichText","styleWithProductTheme","componentInnerClasses","trumpetCircleClasses","trumpetTextClasses","richTextClasses","Image","alt"],"mappings":"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","file":"20.005cc10afed7fdb9416e.js","sourcesContent":["import * as React from \"react\";\r\nimport ImageTextCta, { ImageTextCtaProps } from \"~/components/image-text-cta/image-text-cta\";\r\n\r\nexport interface IImageTextCtaViewProps {\r\n contextModel: ImageTextCtaProps;\r\n}\r\n\r\nclass ImageTextCtaView extends React.PureComponent {\r\n public render() {\r\n return ;\r\n }\r\n}\r\n\r\nexport default ImageTextCtaView;\r\n","/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nexport type TIconNames =\r\n | \"24_expand\"\r\n | \"24_play\"\r\n | \"24_star\"\r\n | \"24_trash\"\r\n | \"32_add-user\"\r\n | \"32_basket\"\r\n | \"32_checkmark-circle\"\r\n | \"32_checkmark\"\r\n | \"32_error\"\r\n | \"32_information\"\r\n | \"32_katalog\"\r\n | \"32_search\"\r\n | \"32_truck-in-motion\"\r\n | \"32_user\"\r\n | \"32_warning\"\r\n | \"icon_16_arrow-down\"\r\n | \"icon_16_arrow-left\"\r\n | \"icon_16_arrow-right-bold\"\r\n | \"icon_16_arrow-right\"\r\n | \"icon_16_arrow-up\"\r\n | \"icon_28_close\"\r\n | \"icon_32_thumbs-up\"\r\n | \"icon_80x41_quotation-mark-gyldendal-dk\"\r\n | \"icon_80x48_quotation-mark\"\r\n | \"icon_checkbox-black\"\r\n | \"icon_checkmark-black\"\r\n | \"icon_herringbone-narrow\"\r\n | \"icon_herringbone-wide\"\r\n | \"icon_placeholder-email\"\r\n | \"icon_placeholder-lock\"\r\n | \"icon_placeholder-phone-small\"\r\n | \"icon_placeholder-vip-white\"\r\n | \"icon_placeholder_basket\"\r\n | \"icon_placeholder_checkmark\"\r\n | \"icon_placeholder_eye-closed\"\r\n | \"icon_placeholder_eye\"\r\n | \"icon_placeholder_facebook\"\r\n | \"icon_placeholder_filtering\"\r\n | \"icon_placeholder_hamburger\"\r\n | \"icon_placeholder_instagram\"\r\n | \"icon_placeholder_phone\"\r\n | \"icon_placeholder_user\"\r\n | \"icon_read\"\r\n | \"icon_listen\";\r\n\r\nexport interface IIconProps {\r\n iconId: TIconNames;\r\n spriteUrl?: string;\r\n viewBox?: string;\r\n className?: string;\r\n onClick?: () => void;\r\n}\r\n\r\nconst Icon: React.FC = props => {\r\n const spriteUrl = props.spriteUrl || \"\";\r\n const viewBox = props.viewBox || \"0 0 32 32\";\r\n\r\n return (\r\n props.onClick && props.onClick()}\r\n >\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Icon;\r\n","import * as React from \"react\";\r\n\r\nexport interface AnchorProps {\r\n id?: string;\r\n}\r\n\r\nconst Anchor = ({ id }: AnchorProps) => {\r\n return
;\r\n};\r\n\r\nexport default Anchor;\r\n","import classNames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport Anchor from \"../anchor/anchor\";\r\n\r\nexport interface ContentSectionProps {\r\n className?: string;\r\n type?: \"default\" | \"full\";\r\n anchorId?: string;\r\n hasNoMarginTop?: boolean;\r\n hasNoMarginBottom?: boolean;\r\n}\r\n\r\nconst ContentSection: React.FC = ({\r\n className,\r\n type = \"default\",\r\n anchorId,\r\n hasNoMarginTop,\r\n hasNoMarginBottom,\r\n ...props\r\n}) => {\r\n const baseClass = \"content-section\";\r\n const componentClasses = classNames(baseClass, className, {\r\n [`${baseClass}--full`]: type === \"full\",\r\n \"anchor-wrapper\": !!anchorId,\r\n \"content-no-margin-top\": hasNoMarginTop,\r\n \"content-no-margin-bottom\": hasNoMarginBottom\r\n });\r\n return (\r\n
\r\n {anchorId && }\r\n {props.children}\r\n
\r\n );\r\n};\r\n\r\nexport default ContentSection;\r\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nexport interface ICtaButtonProps {\r\n className?: string;\r\n isLarge?: boolean;\r\n isInverted?: boolean;\r\n isSecondary?: boolean;\r\n link: string;\r\n onClick?(): void;\r\n}\r\n\r\nconst CtaButton = ({ className, isLarge, isInverted, isSecondary, link, onClick }: ICtaButtonProps) => {\r\n const baseClass = \"cta-button\";\r\n const componentClasses = classNames(className, baseClass, {\r\n [`${baseClass}--large`]: isLarge,\r\n [`${baseClass}--inverted`]: isInverted,\r\n [`${baseClass}--secondary`]: isSecondary\r\n });\r\n\r\n return
;\r\n};\r\n\r\nexport default CtaButton;\r\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Icon from \"../icons/icon\";\r\n\r\nexport interface IArrowLinkProps {\r\n className?: string;\r\n link: string;\r\n}\r\n\r\nconst ArrowLink = ({ className, link }: IArrowLinkProps) => {\r\n const baseClass = \"arrow-link\";\r\n const componentClasses = classNames(baseClass, className);\r\n\r\n return (\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ArrowLink;\r\n","const hasExistingQueryParam = (url: string) => url.indexOf(\"?\") !== -1;\r\n\r\nexport const getQueryParamDelimiter = (url: string) => (hasExistingQueryParam(url) ? \"&\" : \"?\");\r\n\r\nexport const generateSrcSet = (srcSetSizes: number[], srcUrl: string) => {\r\n const generateSrcSetString = (srcSetSize: number) => {\r\n const parameterDelimiter = getQueryParamDelimiter(srcUrl);\r\n const srcSetSizeHighDensity = Math.round(srcSetSize * 1.5);\r\n\r\n return `\r\n ${srcUrl}${parameterDelimiter}w=${srcSetSize} ${srcSetSize}w,\r\n ${srcUrl}${parameterDelimiter}w=${srcSetSizeHighDensity} ${srcSetSizeHighDensity}w\r\n `;\r\n };\r\n\r\n return srcSetSizes.map(generateSrcSetString).join(\", \");\r\n};\r\n\r\nexport const generateColumnImageProps = (maxColumns: number, isFullWidth?: boolean) => {\r\n // The sizes are column-widths and are not considering padding\r\n const gridMaxWidthFactor = isFullWidth ? 1 : 0.75;\r\n const gridMaxWidth = 1366 * gridMaxWidthFactor;\r\n const defaultSize = gridMaxWidth / maxColumns;\r\n let sizes;\r\n\r\n switch (maxColumns) {\r\n case 5:\r\n sizes = `(max-width: 479px) 100vw, \r\n (max-width: 639px) 75vw,\r\n (max-width: 767px) 50vw,\r\n (max-width: 1023px) ${100 / 3}vw,\r\n (max-width: 1099px) ${(100 / 3) * gridMaxWidthFactor}vw,\r\n (max-width: 1279px) ${(100 / 4) * gridMaxWidthFactor}vw,\r\n ${defaultSize}px`;\r\n case 4:\r\n sizes = `(max-width: 479px) 100vw, \r\n (max-width: 639px) 75vw,\r\n (max-width: 767px) 50vw,\r\n (max-width: 1023px) ${100 / 3}vw,\r\n (max-width: 1099px) ${(100 / 3) * gridMaxWidthFactor}vw,\r\n (max-width: 1279px) ${(100 / 4) * gridMaxWidthFactor}vw,\r\n ${defaultSize}px`;\r\n case 3:\r\n sizes = `(max-width: 479px) 100vw,\r\n (max-width: 639px) 75vw,\r\n (max-width: 767px) 50vw,\r\n (max-width: 1023px) ${100 / 3}vw,\r\n (max-width: 1279px) ${(100 / 3) * gridMaxWidthFactor}vw,\r\n ${defaultSize}px`;\r\n case 2:\r\n sizes = `(max-width: 479px) 100vw,\r\n (max-width: 639px) 75vw,\r\n (max-width: 1023px) ${100 / 2}vw,\r\n (max-width: 1279px) ${(100 / 2) * gridMaxWidthFactor}vw, \r\n ${defaultSize}px`;\r\n case 1:\r\n sizes = `(max-width: 479px) 100vw,\r\n (max-width: 1023px) ${100 * 0.75}vw,\r\n (max-width: 1279px) ${100 * 0.75 * gridMaxWidthFactor}vw,\r\n ${defaultSize * 0.75}px`;\r\n }\r\n\r\n return {\r\n // The sizes are column-widths and are not considering padding\r\n defaultSize: defaultSize,\r\n srcSetSizes: [205, 257, 274, 342, 456, 513, 683, 769, 1025],\r\n sizes: sizes\r\n };\r\n};\r\n","import * as React from \"react\";\r\nimport { generateSrcSet, getQueryParamDelimiter } from \"~/utils/image-utils\";\r\n\r\nexport interface IResponsiveImageProps extends Omit, \"src\"> {\r\n className?: string;\r\n srcUrl: string;\r\n defaultSize: number;\r\n srcSetSizes?: number[];\r\n sizes?: string;\r\n ref?: React.Ref;\r\n}\r\n\r\nconst ResponsiveImage: React.FC = React.forwardRef(\r\n ({ srcUrl, defaultSize, srcSetSizes, ...props }, ref: React.Ref) => {\r\n const src = `${srcUrl}${getQueryParamDelimiter(srcUrl)}w=${defaultSize}`;\r\n const srcSet = srcSetSizes ? generateSrcSet(srcSetSizes, srcUrl) : \"\";\r\n\r\n return ;\r\n }\r\n);\r\n\r\nexport default ResponsiveImage;\r\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nexport interface ITitleProps {\r\n title: string;\r\n isTitleH1?: boolean;\r\n linkHref?: string;\r\n linkTarget?: string;\r\n className?: string;\r\n}\r\n\r\nconst Title = ({ title, isTitleH1, className, linkHref, linkTarget }: ITitleProps) => {\r\n const baseClass = \"title\";\r\n const componentClasses = classNames(baseClass, className, \"h2-style\");\r\n const titleHtml = linkHref ? (\r\n \r\n {title}\r\n \r\n ) : (\r\n title\r\n );\r\n\r\n return isTitleH1 ? (\r\n

{titleHtml}

\r\n ) : (\r\n

{titleHtml}

\r\n );\r\n};\r\n\r\nexport default Title;\r\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport CtaButton from \"../cta-button/cta-button\";\r\nimport Title from \"~/components/title/title\";\r\nimport ResponsiveImage from \"../responsive-image/responsive-image\";\r\nimport ArrowLink from \"../arrow-link/arrow-link\";\r\nimport { VerticalAlignmentType } from \"~/types/alignment\";\r\nimport ContentSection from \"../content-section/content-section\";\r\n\r\nexport interface ImageTextCtaReusableProps {\r\n imageSrc?: string;\r\n imageAltText?: string;\r\n title?: string;\r\n richText?: string;\r\n ctaLink?: string;\r\n ctaUrl?: string;\r\n ctaTarget?: string;\r\n showCtaAsLink?: boolean;\r\n useCtaAsImageLink?: boolean;\r\n}\r\n\r\nexport interface ImageTextCtaProps extends ImageTextCtaReusableProps {\r\n isTitleH1?: boolean;\r\n trumpet?: string;\r\n dateDay?: string;\r\n dateMonth?: string;\r\n flipContent?: boolean;\r\n verticalAlignContent?: VerticalAlignmentType;\r\n enableThemeBackground?: boolean;\r\n fadeOverflowingRichText?: boolean;\r\n styleWithProductTheme?: boolean;\r\n anchorId?: string;\r\n className?: string;\r\n}\r\n\r\nconst ImageTextCta = ({\r\n imageSrc,\r\n imageAltText,\r\n trumpet,\r\n title,\r\n isTitleH1,\r\n richText,\r\n ctaLink,\r\n ctaUrl,\r\n ctaTarget,\r\n useCtaAsImageLink,\r\n showCtaAsLink,\r\n dateDay,\r\n dateMonth,\r\n flipContent,\r\n verticalAlignContent,\r\n enableThemeBackground,\r\n fadeOverflowingRichText,\r\n styleWithProductTheme,\r\n className,\r\n ...props\r\n}: ImageTextCtaProps) => {\r\n const baseClass = \"image-text-cta\";\r\n const componentClasses = classNames(baseClass, className, {\r\n [`${baseClass}--site-theming`]: !styleWithProductTheme,\r\n [`${baseClass}--no-image`]: !imageSrc,\r\n [`${baseClass}--flip-content`]: flipContent,\r\n [`${baseClass}--theme-background`]: enableThemeBackground\r\n });\r\n const componentInnerClasses = classNames(`${baseClass}__inner`, {\r\n [`vertical-align-${verticalAlignContent}`]: verticalAlignContent\r\n });\r\n const trumpetCircleClasses = classNames(`${baseClass}__trumpet-circle`, {\r\n \"theme-bg-light\": styleWithProductTheme\r\n });\r\n const trumpetTextClasses = classNames(`${baseClass}__trumpet-text`, {\r\n \"theme-color-dark\": styleWithProductTheme\r\n });\r\n const richTextClasses = classNames(`${baseClass}__rich-text content-rich-text`, {\r\n [`${baseClass}__rich-text--fade-overflow`]: fadeOverflowingRichText\r\n });\r\n const Image = () =>\r\n imageSrc ? (\r\n \r\n ) : null;\r\n\r\n return (\r\n \r\n
\r\n {imageSrc && (\r\n
\r\n {ctaUrl ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n
\r\n {trumpet && (\r\n
\r\n \r\n

{trumpet}

\r\n\r\n {dateDay && dateMonth && (\r\n
\r\n
{dateMonth}
\r\n
{dateDay}.
\r\n
\r\n )}\r\n
\r\n )}\r\n\r\n {title && (\r\n \r\n )}\r\n\r\n {richText && (\r\n <div className={richTextClasses} dangerouslySetInnerHTML={{ __html: richText }} />\r\n )}\r\n\r\n {ctaLink && !useCtaAsImageLink && (\r\n <>\r\n {showCtaAsLink ? (\r\n <ArrowLink className={`${baseClass}__link`} link={ctaLink} />\r\n ) : (\r\n <CtaButton className={`${baseClass}__btn`} link={ctaLink} isLarge />\r\n )}\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n </ContentSection>\r\n );\r\n};\r\n\r\nexport default ImageTextCta;\r\n"],"sourceRoot":""}