{"version":3,"file":"popup-BowSi1Cr.js","sources":["../../../app/javascript/components/modal.vue","../../../app/javascript/components/embed/components/popup.ce.vue","../../../app/javascript/packs/widget/popup.js"],"sourcesContent":["<template>\n  <dialog\n    ref=\"dialog\"\n    v-click-away=\"out\"\n    class=\"formester-dialog\"\n    :class=\"{ 'backdrop-blur': blurBackground }\"\n  >\n    <slot />\n  </dialog>\n</template>\n\n<script>\nimport { directive } from \"vue3-click-away\";\n\nexport default {\n  name: \"FormesterModal\",\n  directives: {\n    ClickAway: directive,\n  },\n  props: {\n    blurable: {\n      type: Boolean,\n      default: false,\n    },\n    blurBackground: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: [\"close\"],\n  mounted() {\n    document.addEventListener(\"keydown\", this.onEscape);\n  },\n  methods: {\n    open() {\n      this.$refs.dialog.showModal();\n    },\n    close() {\n      this.$emit(\"close\");\n      this.$refs.dialog.close();\n    },\n    out() {\n      if (this.blurable) {\n        this.close();\n      }\n    },\n    onEscape(e) {\n      if (e.keyCode === 27) {\n        this.close();\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.formester-dialog {\n  border: none;\n  border-radius: 4px;\n  min-width: 300px;\n  outline: none;\n}\n\n.formester-dialog::backdrop {\n  pointer-events: none;\n}\n\n.backdrop-blur::backdrop {\n  backdrop-filter: blur(10px);\n}\n</style>\n","<template>\n  <pg-modal ref=\"popup\" class=\"pop-up-modal\" :style=\"popupStyle\">\n    <iframe\n      :src=\"surveyUrl\"\n      frameborder=\"0\"\n      height=\"100%\"\n      width=\"100%\"\n      :sandbox=\"sandboxPermissions\"\n      allow=\"geolocation\"\n    />\n\n    <div\n      class=\"pop-up__close\"\n      :style=\"popupCloseBtnStyle\"\n      @click=\"handlePopupClose\"\n    >\n      <img src=\"../assets/close-button.svg\" alt=\"Close\" />\n    </div>\n  </pg-modal>\n</template>\n\n<script>\nimport Modal from \"@/components/modal.vue\";\nimport embedMixins from \"@/components/mixins/embedMixins\";\n\nexport default {\n  // expose some function on webcomponent to outside world\n  expose: [\"handlePopupOpen\", \"handlePopupClose\"],\n  components: {\n    \"pg-modal\": Modal,\n  },\n  mixins: [embedMixins],\n  props: {\n    id: {\n      type: String,\n      required: true,\n    },\n    width: {\n      type: String,\n      default: \"100%\",\n    },\n    height: {\n      type: String,\n      default: \"100%\",\n    },\n    preview: {\n      type: Boolean,\n      default: false,\n    },\n    exitIntent: {\n      type: Boolean,\n      default: false,\n    },\n    url: {\n      type: String,\n      required: true,\n    },\n  },\n  computed: {\n    btnStyle() {\n      return {\n        backgroundColor: this.buttonColor || \"#00A3FF\",\n        color: this.buttonTextColor || \"#fff\",\n        border: \"none\",\n        borderRadius: \"5px\",\n        padding: \"10px 20px\",\n        cursor: \"pointer\",\n      };\n    },\n    popupStyle() {\n      return {\n        width: this.width || \"400px\",\n        height: this.height || \"auto\",\n        padding: \"2px\",\n        border: \"none\",\n        borderRadius: \"5px\",\n        overflow: \"hidden\",\n      };\n    },\n    popupCloseBtnStyle() {\n      return {\n        borderRadius: \"50%\",\n        cursor: \"pointer\",\n        margin: \"4px\",\n        padding: \"4px\",\n        position: \"absolute\",\n        right: \"0\",\n        top: \"0\",\n        transition: \"background-color 85ms,color 85ms\",\n        zIndex: 2,\n      };\n    },\n  },\n  mounted() {\n    if (this.exitIntent) {\n      document.body.addEventListener(\"mouseleave\", this.handlePopupOpen);\n    }\n  },\n  methods: {\n    handlePopupOpen() {\n      this.$refs.popup.open();\n      if (this.exitIntent) {\n        this.removeExitIntentListener();\n      }\n      document.body.style.overflowY = \"hidden\";\n    },\n    handlePopupClose() {\n      this.$refs.popup.close();\n      document.body.style.overflowY = \"auto\";\n    },\n    removeExitIntentListener() {\n      document.body.removeEventListener(\"mouseleave\", this.handlePopupOpen);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.pop-up__close svg:hover {\n  fill: rgba(76, 102, 146, 0.88);\n}\n</style>\n","import PopupComponent from \"@/components/embed/components/popup.ce.vue\";\n\nimport { defineCustomElement } from \"vue\";\n\nconst FormesterPopup = defineCustomElement(PopupComponent);\n\ncustomElements.define(\"formester-popup\", FormesterPopup);\n\nwindow.Formester = window.Formester || {};\n\nwindow.Formester.openPopup = function(id) {\n  const el = document.getElementById(id);\n  if (!el) {\n    console.warn(`Formester.openPopup: failed as element with id \"${id}\" not found`);\n    return;\n  }\n\n  el._instance.exposed.handlePopupOpen();\n}\n\nwindow.Formester.closePopup = function(id) {\n  const el = document.getElementById(id);\n  if (!el) {\n    console.warn(`Formester.closePopup: failed as element with id \"${id}\" not found`);\n    return;\n  }\n\n  el._instance.exposed.handlePopupClose();\n}\n"],"names":["_sfc_main","directive","_createElementBlock","_normalizeClass","$props","_renderSlot","_ctx","$options","Modal","embedMixins","_hoisted_1","_createBlock","_component_pg_modal","_normalizeStyle","_withCtx","_createElementVNode","args","_imports_0","FormesterPopup","defineCustomElement","PopupComponent","id","el"],"mappings":"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"}