\r\n
\r\n );\r\n\r\n const TeaserItemGroup = ({ items, tileType }: { items: ITeaserTile[]; tileType: TileType }) => (\r\n \r\n {items.map((item, index) => (\r\n
\r\n );\r\n\r\n const getTileType = (template: ITeaserGridProps[\"templateType\"], tileIndex: number) => {\r\n if (teaserList?.length === 1) {\r\n return TileType.COL__4;\r\n }\r\n const { pattern, repeats } = templateTypes[template];\r\n\r\n const tileType = repeats\r\n ? pattern[tileIndex % pattern.length]\r\n : pattern[tileIndex] || TileType.COL__1;\r\n return tileType;\r\n };\r\n\r\n return (\r\n \r\n {templateType !== \"template-5\"\r\n ? teaserList.map((item, index) => {\r\n return (\r\n , item, index) => {\r\n // Only items 2, 3, and 4 should be wrapped\r\n const toBuffer = index === 1 || index === 2 || index === 3;\r\n\r\n let pushTarget = items; // Where to allocate the item\r\n let pushItem: ITeaserTile | ITeaserTile[] = item; // Item to be allocated\r\n\r\n if (toBuffer) {\r\n if (Array.isArray(items[items.length - 1])) {\r\n // We already have a buffer group to allocate to\r\n pushTarget = items[items.length - 1] as ITeaserTile[];\r\n } else {\r\n // We create a new buffer group\r\n pushItem = [item];\r\n }\r\n }\r\n\r\n pushTarget.push(pushItem);\r\n\r\n return items;\r\n }, [])\r\n .map((item, index) => {\r\n if (Array.isArray(item)) {\r\n return (\r\n
\r\n {displayedTeasersOutOfTotalLabel && (\r\n \r\n
\r\n );\r\n })\r\n : teaserList\r\n .reduce((items: Array{displayedTeasersOutOfTotalLabel}
\r\n )}\r\n {showLoadMoreBtn && (\r\n \r\n \r\n {loadMoreBtnLabel}\r\n \r\n
\r\n )}\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\r\n {props.children}\r\n
\r\n );\r\n};\r\n\r\nexport default Tag;\r\n","import classNames from \"classnames\";\r\nimport * as React from \"react\";\r\n\r\ninterface ISpinnerProps {\r\n size?: \"small\" | \"default\";\r\n className?: string;\r\n}\r\nconst Spinner = ({ size = \"default\", className }: ISpinnerProps) => {\r\n const baseClass = \"spinner\";\r\n const componentClasses = classNames(baseClass, className, {\r\n [`${baseClass}--${size}`]: size !== \"default\"\r\n });\r\n\r\n return ;\r\n};\r\n\r\nexport default Spinner;\r\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Icon, { TIconNames } from \"../icons/icon\";\r\nimport Spinner from \"~/components/spinner/spinner\";\r\n\r\ntype IOnClickFunction = (e: React.MouseEvent\r\n {(headerTitle || headerLink) && (\r\n
\r\n );\r\n};\r\n\r\nexport default TitleLinkTop;\r\n"],"sourceRoot":""}\r\n {headerTitle}\r\n {headerLink}\r\n
\r\n )}\r\n