{"version":3,"file":"form-embed-icaMNV9H.js","sources":["../../../app/javascript/components/builder/components/form-embed.vue"],"sourcesContent":["<template>\n  <div :class=\"rootClasses\" :style=\"rootStyles\">\n    <ElementControls\n      v-if=\"editing\"\n      :no-page-break=\"!pageBreakAllowed\"\n      @delete=\"$emit('delete')\"\n      @duplicate=\"$emit('duplicate')\"\n      @page-break=\"$emit('page-break')\"\n      @hide=\"$emit('hide')\"\n    />\n    <div :class=\"layoutClasses\">\n      <div\n        v-if=\"label || description\"\n        class=\"formester-label-description-wrapper\"\n        :style=\"labelDescriptionWrapperStyles\"\n      >\n        <label\n          :class=\"labelClasses\"\n          :style=\"labelStyles\"\n          :for=\"item.label\"\n          v-html=\"label\"\n        >\n        </label>\n        <SmartText\n          :active=\"active\"\n          :editing=\"editing\"\n          :item=\"item\"\n          :style=\"descriptionStyles\"\n          :text=\"description\"\n        />\n      </div>\n\n      <div class=\"embed-wrapper\">\n        <!-- eslint-disable vue/no-v-html -->\n        <div v-if=\"embedCode\" class=\"embed-element\" v-html=\"embedCode\" />\n        <!--eslint-enable-->\n        <CodeIcon\n          v-else\n          color=\"#697586\"\n          width=\"86\"\n          height=\"86\"\n          class=\"placeholder-image\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ElementControls from \"./element-controls.vue\";\nimport commonStyles from \"./mixins/commonStyles\";\nimport SmartText from \"./shared/smart-text.vue\";\nimport sharedActions from \"./mixins/sharedActions\";\nimport CodeIcon from \"@/components/icons/code.vue\";\n\nexport default {\n  name: \"FormEmbed\",\n  components: {\n    ElementControls,\n    SmartText,\n    CodeIcon,\n  },\n  mixins: [commonStyles, sharedActions],\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n    styling: {\n      type: Object,\n      default: () => {\n        return {};\n      },\n    },\n    pageBreakAllowed: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: [\"delete\", \"page-break\", \"duplicate\", \"hide\"],\n  computed: {\n    code() {\n      return this.item.code;\n    },\n    embedCode() {\n      return this.parseEmbedCode(this.code);\n    },\n    embedHeight() {\n      return this.itemStyling.height || \"fit-content\";\n    },\n    embedWidth() {\n      return \"100%\";\n    },\n  },\n  methods: {\n    parseEmbedCode(code) {\n      code = this.handleScriptTag(code);\n      code = this.handleStyleTag(code);\n      return code;\n    },\n    handleScriptTag(code) {\n      const scriptMatchPattern =\n        /<script\\b[^<]*(?:(?!<\\/script>)<[^<]*)*<\\/script>/gi;\n      let matches = code.match(scriptMatchPattern);\n      code = code.replace(scriptMatchPattern, \"\");\n\n      if (matches) {\n        matches.forEach((script) => {\n          const divFragment = document\n            .createRange()\n            .createContextualFragment(script);\n          document.body.prepend(divFragment);\n        });\n      }\n\n      return code;\n    },\n    handleStyleTag(code) {\n      // update height\n      const heightMatchPattern = /height=\"(.*?)\"/;\n      code = code.replace(heightMatchPattern, `height=\"${this.embedHeight}\"`);\n\n      // update width\n      const widthMatchPattern = /width=\"(.*?)\"/;\n      code = code.replace(widthMatchPattern, `width=\"${this.embedWidth}\"`);\n\n      return code;\n    },\n  },\n};\n</script>\n\n<style>\n.embed-wrapper {\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n}\n.embed-element {\n  width: 100%;\n}\n\n.embed-wrapper:has(svg.placeholder-image) {\n  background-color: #f2f4f7;\n  height: 250px;\n  border-radius: 4px;\n}\n</style>\n"],"names":["_sfc_main","ElementControls","SmartText","CodeIcon","commonStyles","sharedActions","code","scriptMatchPattern","matches","script","divFragment","heightMatchPattern","widthMatchPattern","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","$props","_createBlock","_component_ElementControls","_createCommentVNode","_createElementVNode","_createVNode","_component_SmartText","$options","_component_CodeIcon"],"mappings":"+0BAuDA,MAAKA,EAAU,CACb,KAAM,YACN,WAAY,CACV,gBAAAC,EACA,UAAAC,EACA,SAAAC,CACD,EACD,OAAQ,CAACC,EAAcC,CAAa,EACpC,MAAO,CACL,KAAM,CACJ,KAAM,OACN,SAAU,EACX,EACD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EACD,OAAQ,CACN,KAAM,QACN,QAAS,EACV,EACD,QAAS,CACP,KAAM,OACN,QAAS,KACA,GAEV,EACD,iBAAkB,CAChB,KAAM,QACN,QAAS,EACV,CACF,EACD,MAAO,CAAC,SAAU,aAAc,YAAa,MAAM,EACnD,SAAU,CACR,MAAO,CACL,OAAO,KAAK,KAAK,IAClB,EACD,WAAY,CACV,OAAO,KAAK,eAAe,KAAK,IAAI,CACrC,EACD,aAAc,CACZ,OAAO,KAAK,YAAY,QAAU,aACnC,EACD,YAAa,CACX,MAAO,MACR,CACF,EACD,QAAS,CACP,eAAeC,EAAM,CACnB,OAAAA,EAAO,KAAK,gBAAgBA,CAAI,EAChCA,EAAO,KAAK,eAAeA,CAAI,EACxBA,CACR,EACD,gBAAgBA,EAAM,CACpB,MAAMC,EACJ,sDACF,IAAIC,EAAUF,EAAK,MAAMC,CAAkB,EAC3C,OAAAD,EAAOA,EAAK,QAAQC,EAAoB,EAAE,EAEtCC,GACFA,EAAQ,QAASC,GAAW,CAC1B,MAAMC,EAAc,SACjB,YAAY,EACZ,yBAAyBD,CAAM,EAClC,SAAS,KAAK,QAAQC,CAAW,CACnC,CAAC,EAGIJ,CACR,EACD,eAAeA,EAAM,CAEnB,MAAMK,EAAqB,iBAC3BL,EAAOA,EAAK,QAAQK,EAAoB,WAAW,KAAK,WAAW,GAAG,EAGtE,MAAMC,EAAoB,gBAC1B,OAAAN,EAAOA,EAAK,QAAQM,EAAmB,UAAU,KAAK,UAAU,GAAG,EAE5DN,CACR,CACF,CACH,EAzIAO,EAAA,CAAA,MAAA,WAAA,EAgCWC,EAAA,CAAA,MAAM,eAAe,EAhChCC,EAAA,CAAA,WAAA,mGACEC,EA4CM,MAAA,CA5CA,MADRC,EACeC,EAAW,WAAA,EAAG,MAD7BC,EACoCD,EAAU,UAAA,IAElCE,EAAO,aADfC,EAOEC,EAAA,CATN,IAAA,EAIO,iBAAgBF,EAAgB,iBAChC,wBAAQF,EAAK,MAAA,QAAA,GACb,2BAAWA,EAAK,MAAA,WAAA,GAChB,2BAAYA,EAAK,MAAA,YAAA,GACjB,sBAAMA,EAAK,MAAA,MAAA,+BARlBK,EAAA,GAAA,EAAA,EAUIC,EAkCM,MAAA,CAlCA,MAVVP,EAUiBC,EAAa,aAAA,IAEhBA,EAAA,OAASA,EAAW,iBAD5BF,EAmBM,MAAA,CA9BZ,IAAA,EAaQ,MAAM,sCACL,MAdTG,EAcgBD,EAA6B,6BAAA,IAErCM,EAMQ,QAAA,CALL,MAjBXP,EAiBkBC,EAAY,YAAA,EACnB,MAlBXC,EAkBkBD,EAAW,WAAA,EAClB,IAAKE,EAAI,KAAC,MACX,UAAQF,EAAK,KApBvB,EAAA,KAAA,GAAAL,CAAA,EAuBQY,EAMEC,EAAA,CALC,OAAQN,EAAM,OACd,QAASA,EAAO,QAChB,KAAMA,EAAI,KACV,MA3BXD,EA2BkBD,EAAiB,iBAAA,EACxB,KAAMA,EAAW,qEA5B5BK,EAAA,GAAA,EAAA,EAgCMC,EAWM,MAXNV,EAWM,CATOa,EAAS,eAApBX,EAAiE,MAAA,CAlCzE,IAAA,EAkC8B,MAAM,gBAAgB,UAAQW,EAAS,SAlCrE,EAAA,KAAA,EAAAZ,CAAA,QAoCQM,EAMEO,EAAA,CA1CV,IAAA,EAsCU,MAAM,UACN,MAAM,KACN,OAAO,KACP,MAAM"}