{"version":3,"file":"2461.a733dfa99d28596c59b5.js","mappings":"qJAkEA,QAxDoB,SAACA,GACZ,IAeCC,EAAMC,EAfPC,EAAyDH,EAAK,SAApDI,EAA+CJ,EAAK,MAA7CK,EAAwCL,EAAK,GAAzCM,EAAoCN,EAAK,QAAhCO,EAA2BP,EAAK,MAAzBQ,EAAoBR,EAAK,gBAmChES,EAAQ,CACbC,gBAAiB,eAAQH,EAAK,OAG/B,OACC,yBACCI,UAAY,CACX,YACA,qBAAcN,GACdE,EAAQ,sBAAwB,GAChCC,GAAmBD,EAAQ,wBAA0B,IACpDK,KAAK,KACPH,MAAQA,GA5CT,oCACC,wBAAIE,UAAU,eAAgBP,GAE5BD,GACD,uBAAGQ,UAAU,kBAAmBR,GAGjC,yBAAKQ,UAAU,gBAAgBE,wBAA0B,CAAEC,OAAQR,OAK5DL,EAAmBD,EAAK,KAAlBE,EAAaF,EAAK,SAE3BC,EAKJ,uBACCU,UAAY,CACX,gBACO,aAAPN,EAAoB,gBAAkB,gBACtCE,EAAQ,gBAAkB,IACzBK,KAAK,KACPG,KAAOd,GAELC,GAZI,MAmCV,E,oNCvBA,QA7BqB,SAACF,GACb,IAAAI,EAAmDJ,EAAK,MAAjDgB,EAA4ChB,EAAK,aAAnC,EAA8BA,EAAK,MAAnCiB,OAAK,IAAG,KAAE,EAAEC,EAAkBlB,EAAK,cAQhE,OACC,yBACCW,UAAY,CACX,QACAO,EAAgB,aAAMA,GAAkB,IACvCN,KAAK,MAELR,GAAS,wBAAIO,UAAU,kBAAmBP,GAC5C,yBACCO,UAAY,CACX,cACAK,EAAe,8BAAgC,IAC9CJ,KAAK,MAELK,EAAME,KAAI,SAACC,EAAMC,GAAU,OApBd,SAACD,EAAgBC,GAAkB,OACpD,kBAAC,aAAc,CAACC,IAAMD,GACrB,kBAAC,EAAI,KAAMD,IAFwC,CAoBrBG,CAAUH,EAAMC,EAAhB,KAIjC,E,oNCuBA,QApD8B,SAACrB,GA6C9B,OACC,kBAAC,EAAK,KA5CgB,WACd,MAAwBA,EAAK,aAErC,UAFoB,IAAG,OAAI,GAG1B,OAAOA,EAIP,MAKGA,EAAK,aAJP,IAAAgB,aAAAA,OAAY,IAAG,GAAK,EACpBE,EAAa,gBAEdM,EACGxB,EAAK,SAEHiB,EAAQ,GAqBd,OAnBIO,EAASC,OAAS,GACrBD,EAASL,KAAI,SAAAO,GACJ,IAAAzB,EAASyB,EAAI,KACbnB,EAAUmB,EAAI,MACtBA,EAAOA,EAAKC,aAEZV,EAAMW,KAAK,CACVrB,MAAOA,EACPC,gBAAiBkB,EAAKlB,gBACtBH,GAAIqB,EAAKG,gBACTzB,MAAOsB,EAAKtB,MACZD,SAAUuB,EAAKvB,SACfG,QAASoB,EAAKpB,QACdJ,SAAUwB,EAAKxB,SACfD,KAAMA,GAER,IAGM,CACNe,aAAY,EACZC,MAAK,EACLC,cAAa,EAEf,CAIOY,IAGR,C","sources":["webpack://forca/./Static/react/components/tiles/component/tile/tile.component.tsx","webpack://forca/./Static/react/components/tiles/tiles.component.tsx","webpack://forca/./Static/react/components/tiles/tiles.container.tsx"],"sourcesContent":["/*\r\n * Project: forca\r\n * File Created: Friday, 15th October 2021 9:00:00 am\r\n * Author: Teodor Moquist (teodor@moquist.dk)\r\n */\r\n\r\nimport React from 'react';\r\n\r\nimport { TilesBox } from '../../tiles.definition';\r\n\r\nexport const Tile = (props: TilesBox) => {\r\n\tconst { subtitle, title, bg, content, image, showTextOnImage } = props;\r\n\r\n\tconst renderContentText = () => (\r\n\t\t<>\r\n\t\t\t<h2 className=\"Tiles-Title\">{ title }</h2>\r\n\r\n\t\t\t{ subtitle && (\r\n\t\t\t\t<p className=\"Tiles-SubTitle\">{ subtitle }</p>\r\n\t\t\t) }\r\n\r\n\t\t\t<div className=\"Tiles-Content\" dangerouslySetInnerHTML={ { __html: content } } />\r\n\t\t</>\r\n\t);\r\n\r\n\tconst renderContentButton = () => {\r\n\t\tconst { link, linkText } = props;\r\n\r\n\t\tif (!link) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<a\r\n\t\t\t\tclassName={ [\r\n\t\t\t\t\t'square-button',\r\n\t\t\t\t\tbg === 'color--3' ? 'button-type-1' : 'button-type-2',\r\n\t\t\t\t\timage ? 'button-type-1' : ''\r\n\t\t\t\t].join(' ') }\r\n\t\t\t\thref={ link }\r\n\t\t\t>\r\n\t\t\t\t{ linkText }\r\n\t\t\t</a>\r\n\t\t);\r\n\t};\r\n\r\n\tconst style = {\r\n\t\tbackgroundImage: `url(\"${image}\")`\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={ [\r\n\t\t\t\t'Tiles-Box',\r\n\t\t\t\t`Tiles-Box--${bg}`,\r\n\t\t\t\timage ? 'Tiles-Box--hasImage' : '',\r\n\t\t\t\tshowTextOnImage && image ? 'Tiles-Box--hasOverlay' : ''\r\n\t\t\t].join(' ') }\r\n\t\t\tstyle={ style }\r\n\t\t>\r\n\t\t\t{ renderContentText() }\r\n\t\t\t{ renderContentButton() }\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Tile;","/*\r\n * Project: forca\r\n * File Created: Friday, 15th October 2021 9:00:00 am\r\n * Author: Teodor Moquist (teodor@moquist.dk)\r\n */\r\n\r\nimport React from 'react';\r\n\r\nimport Tile from './component/tile';\r\n\r\nimport { TilesProps, TilesBox } from './tiles.definition';\r\n\r\nexport const Tiles = (props: TilesProps) => {\r\n\tconst { title, threeColumns, boxes = [], elementMargin } = props;\r\n\r\n\tconst renderBox = (item: TilesBox, index: number) => (\r\n\t\t<React.Fragment key={ index }>\r\n\t\t\t<Tile { ...item } />\r\n\t\t</React.Fragment>\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={ [\r\n\t\t\t\t'Tiles',\r\n\t\t\t\telementMargin ? `mb-${elementMargin}` : ''\r\n\t\t\t].join(' ') }\r\n\t\t>\r\n\t\t\t{ title && <h1 className=\"Tiles-Headline\">{ title }</h1> }\r\n\t\t\t<div\r\n\t\t\t\tclassName={ [\r\n\t\t\t\t\t'Tiles-Boxes',\r\n\t\t\t\t\tthreeColumns ? 'Tiles-Boxes--isThreeColumns' : ''\r\n\t\t\t\t].join(' ') }\r\n\t\t\t>\r\n\t\t\t\t{ boxes.map((item, index) => renderBox(item, index)) }\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Tiles;","/*\r\n * Project: forca\r\n * File Created: Monday, 8th November 2021 1:02:50 pm\r\n * Author: Teodor Moquist (teodor@moquist.dk)\r\n */\r\n\r\nimport React from 'react';\r\n\r\nimport Tiles from './tiles.component';\r\n\r\nexport const TilesContainer = (props: any) => {\r\n\r\n\tconst containerProps = () => {\r\n\t\tconst { currentBlock = null } = props;\r\n\r\n\t\tif (!currentBlock) {\r\n\t\t\treturn props;\r\n\t\t}\r\n\r\n\t\tconst {\r\n\t\t\tcurrentBlock: {\r\n\t\t\t\tthreeColumns = false,\r\n\t\t\t\telementMargin\r\n\t\t\t},\r\n\t\t\ttileList\r\n\t\t} = props;\r\n\r\n\t\tconst boxes = [];\r\n\r\n\t\tif (tileList.length > 0) {\r\n\t\t\ttileList.map(tile => {\r\n\t\t\t\tconst { link } = tile;\r\n\t\t\t\tconst { image } = tile;\r\n\t\t\t\ttile = tile.currentBlock;\r\n\r\n\t\t\t\tboxes.push({\r\n\t\t\t\t\timage: image,\r\n\t\t\t\t\tshowTextOnImage: tile.showTextOnImage,\r\n\t\t\t\t\tbg: tile.backgroundColor,\r\n\t\t\t\t\ttitle: tile.title,\r\n\t\t\t\t\tsubtitle: tile.subtitle,\r\n\t\t\t\t\tcontent: tile.content,\r\n\t\t\t\t\tlinkText: tile.linkText,\r\n\t\t\t\t\tlink: link\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\tthreeColumns,\r\n\t\t\tboxes,\r\n\t\t\telementMargin\r\n\t\t};\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Tiles\r\n\t\t\t{ ...containerProps() }\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport default TilesContainer;"],"names":["props","link","linkText","subtitle","title","bg","content","image","showTextOnImage","style","backgroundImage","className","join","dangerouslySetInnerHTML","__html","href","threeColumns","boxes","elementMargin","map","item","index","key","renderBox","tileList","length","tile","currentBlock","push","backgroundColor","containerProps"],"sourceRoot":""}