{"version":3,"file":"static/js/9512.d9fd6114.chunk.js","mappings":"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","sources":["shared/design-element-components/design-element-cards/design-element-card.jsx","shared/design-element-components/design-element-cards/design-element-card-container-block-component.jsx","shared/design-element-components/design-element-cards/design-element-card-container-block-module.jsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport ReactHtmlParser from \"react-html-parser\"\n\nexport default function DesignElementCard({\n  clipBoardText,\n  clipBoardValue,\n  designText,\n  image,\n  designImageAltText,\n  clipBoardCopiedText,\n  enableClipboard,\n}) {\n  //slider goes to parent component. just render card content.\n  //get alt texts for images in cards.\n\n  const [timerActive, setTimerActive] = useState(false)\n\n  const handleClick = () => {\n    if (clipBoardValue == undefined || clipBoardCopiedText == undefined) return\n    navigator.clipboard.writeText(clipBoardValue)\n\n    setTimerActive(true)\n\n    setTimeout(() => {\n      setTimerActive(false)\n    }, 1300)\n  }\n\n  if (enableClipboard)\n    return (\n      <button onClick={() => handleClick()} onTouchEnd={() => handleClick()} className=\"design-card\">\n        <span className={`design-card-tooltip${timerActive ? \"-copied\" : \"\"}`}>{timerActive ? clipBoardCopiedText : clipBoardText}</span>\n        <div className=\"design-card-inner-container\">\n          <div className=\"image-container\">\n            <div className=\"image-container-inner\">\n              <img src={image} alt={designImageAltText} />\n              <div className=\"rich-text\">{ReactHtmlParser(designText)}</div>\n            </div>\n          </div>\n        </div>\n      </button>\n    )\n  else {\n    return (\n      <div className=\"design-card\">\n        <div className=\"design-card-inner-container\">\n          <div className=\"image-container\">\n            <div className=\"image-container-inner\">\n              <img src={image} alt={designImageAltText} />\n              <div className=\"rich-text\">{ReactHtmlParser(designText)}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n","import React from \"react\"\nimport Slider from \"react-slick\"\nimport * as SelectionFactoryHelper from \"../../helpers/SelectionFactoryHelper\"\nimport DesignElementCard from \"./design-element-card\"\nimport useWindowWidth from \"../../../hooks/useWindowWidth\"\n\nexport default function DesignElementCardContainerBlockComponent({\n  backgroundColor,\n  bottomPadding,\n  topPadding,\n  header,\n  designCards,\n  clipBoardText,\n  clipBoardCopiedText,\n  enableCarousel,\n  enableClipboard,\n}) {\n  const windowWidth = useWindowWidth()\n\n  const tp = topPadding && topPadding[0] && SelectionFactoryHelper.getFromSelectionFactory(topPadding)\n  const bp = bottomPadding && bottomPadding[0] && SelectionFactoryHelper.getFromSelectionFactory(bottomPadding)\n  const bgc = backgroundColor && backgroundColor[0] && SelectionFactoryHelper.getFromSelectionFactory(backgroundColor)\n\n  const dcs =\n    designCards &&\n    designCards.length > 0 &&\n    designCards.map((c) => (\n      <DesignElementCard\n        key={c.image}\n        clipBoardValue={c.clipBoardValue}\n        clipBoardText={clipBoardText}\n        clipBoardCopiedText={clipBoardCopiedText}\n        designText={c.designText}\n        image={c.image}\n        enableClipboard={enableClipboard}\n        designImageAltText={c.designImageAltText}\n      />\n    ))\n\n  var settings = {\n    dots: true,\n    arrows: false,\n    infinite: true,\n    slidesToShow: 3,\n    slidesToScroll: 1,\n    speed: 150,\n    swipe: true,\n    variableWidth: false,\n  }\n\n  return (\n    <div className={`design-card-component-container` + `${bgc ? \" \" + bgc : \"\"}` + `${tp ? \" \" + tp : \"\"}` + `${bp ? \" \" + bp : \"\"}`}>\n      <div className={`design-card-component w--wider`}>\n        {header ? (\n          <div className=\"design-card-header\">\n            <h2 className=\"heading\">{header}</h2>\n          </div>\n        ) : null}\n        {windowWidth > 950 && enableCarousel && dcs && dcs.length > 4 ? (\n          <Slider {...settings}>{dcs}</Slider>\n        ) : (\n          <div className=\"design-card-container\">{dcs}</div>\n        )}\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport DesignElementCardContainerBlockComponent from \"./design-element-card-container-block-component\"\n\nexport default class DesignElementCardContainerBlockModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    self.locale = (document.body && document.body.dataset.language) || \"da\"\n    self.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(\n      <DesignElementCardContainerBlockComponent\n        backgroundColor={self.modelJson.backgroundColor}\n        bottomPadding={self.modelJson.bottomPadding}\n        topPadding={self.modelJson.topPadding}\n        header={self.modelJson.header}\n        designCards={self.modelJson.designCards}\n        clipBoardText={self.modelJson.clipBoardText}\n        clipBoardCopiedText={self.modelJson.clipBoardCopiedText}\n        enableCarousel={self.modelJson.enableCarousel}\n        enableClipboard={self.modelJson.enableClipboard}\n        locale={self.locale}\n      />,\n      self.elem,\n    )\n  }\n}\n"],"names":["DesignElementCard","_ref","clipBoardText","clipBoardValue","designText","image","designImageAltText","clipBoardCopiedText","enableClipboard","_useState","useState","_useState2","_slicedToArray","timerActive","setTimerActive","handleClick","undefined","navigator","clipboard","writeText","setTimeout","_jsxs","onClick","onTouchEnd","className","children","_jsx","concat","src","alt","ReactHtmlParser","DesignElementCardContainerBlockComponent","backgroundColor","bottomPadding","topPadding","header","designCards","enableCarousel","windowWidth","useWindowWidth","tp","SelectionFactoryHelper","bp","bgc","dcs","length","map","c","Slider","_objectSpread","dots","arrows","infinite","slidesToShow","slidesToScroll","speed","swipe","variableWidth","DesignElementCardContainerBlockModule","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","locale","document","body","language","init","key","value","ReactDOM"],"sourceRoot":""}