{"version":3,"sources":["webpack:///./src/components/EditorDemoCTA.vue?a2c7","webpack:///src/components/EditorDemoCTA.vue","webpack:///./src/components/EditorDemoCTA.vue?3d4c","webpack:///./src/components/EditorDemoCTA.vue?ce32","webpack:///./src/components/EditorDemoCTA.vue?8eb8"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","translate-left","translateLeft","translateTopLeft","translate-right","translateRight","translateTopRight","translate-top","translateTop","translate-top-left","translate-top-right","style","top","left","attrs","id","staticClass","_v","_s","cta","heading","on","click","$event","$emit","text","$t","staticRenderFns","EditorDemoCTAvue_type_script_lang_js_","props","showContent","type","default","data","ctaMessages","createNew","dragNdrop","extraVars","globalSyns","convertScenario","convertVariant","hideContent","windowHeight","windowWidth","computed","ctaContent","$store","state","editorCtaContent","y","x","action","topPercentage","Math","floor","leftPercentage","methods","onOutsideClick","$el","contains","event","target","setWindowSize","window","innerHeight","innerWidth","mounted","_this","EventBus","setTimeout","$root","outsideClickHandler","$on","userDevice","document","beforeDestroy","$off","components_EditorDemoCTAvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditorDemoCTA_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EditorDemoCTA_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-EditorDemoCTA.1f4327e6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{\n    'translate-left': _vm.translateLeft && !_vm.translateTopLeft,\n    'translate-right': _vm.translateRight && !_vm.translateTopRight,\n    'translate-top': _vm.translateTop,\n    'translate-top-left': _vm.translateTopLeft,\n    'translate-top-right': _vm.translateTopRight\n  },style:({ top: _vm.top + 20 + 'px', left: _vm.left + 'px' }),attrs:{\"id\":\"editor-cta\"}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"header\"},[_c('h4',[_vm._v(_vm._s(_vm.cta.heading))]),_c('span',{staticClass:\"text-small text-muted\",on:{\"click\":function($event){return _vm.$emit('close')}}},[_c('i',{staticClass:\"fa-light fa-times\"})])]),_c('div',{staticClass:\"description\"},[_c('p',[_vm._v(\"\\n        \"+_vm._s(_vm.cta.text)+\"\\n      \")])]),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-primary btn-inverted btn-xs\",on:{\"click\":function($event){_vm.$emit('show-signup-form'), _vm.$emit('close')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"demo.cta.signup\"))+\"\\n      \")]),_c('button',{staticClass:\"btn btn-primary btn-invert btn-xs\",on:{\"click\":function($event){_vm.$emit('show-hubspot-form'), _vm.$emit('close')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"demo.cta.book-demo\"))+\"\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    id=\"editor-cta\"\n    :style=\"{ top: top + 20 + 'px', left: left + 'px' }\"\n    :class=\"{\n      'translate-left': translateLeft && !translateTopLeft,\n      'translate-right': translateRight && !translateTopRight,\n      'translate-top': translateTop,\n      'translate-top-left': translateTopLeft,\n      'translate-top-right': translateTopRight\n    }\"\n  >\n    <div class=\"content\">\n      <div class=\"header\">\n        <h4>{{ cta.heading }}</h4>\n        <span class=\"text-small text-muted\" @click=\"$emit('close')\"> <i class=\"fa-light fa-times\"></i></span>\n      </div>\n      <div class=\"description\">\n        <p>\n          {{ cta.text }}\n        </p>\n      </div>\n      <div class=\"actions\">\n        <button class=\"btn btn-primary btn-inverted btn-xs\" @click=\"$emit('show-signup-form'), $emit('close')\">\n          {{$t(\"demo.cta.signup\")}}\n        </button>\n        <button class=\"btn btn-primary btn-invert btn-xs\" @click=\"$emit('show-hubspot-form'), $emit('close')\">\n          {{$t(\"demo.cta.book-demo\")}}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport EventBus from \"@/assets/js/eventBus.js\";\nexport default {\n  props: {\n    showContent: {\n      type: Number,\n      default: 0\n    }\n  },\n  data() {\n    return {\n      ctaMessages: {\n        createNew: {\n          heading: this.$t(\"demo.cta.messages.create-new.heading\"),\n          text: this.$t(\"demo.cta.messages.create-new.text\")\n        },\n        dragNdrop: {\n          heading: this.$t(\"demo.cta.messages.drag-and-drop.heading\"),\n          text: this.$t(\"demo.cta.messages.drag-and-drop.text\")\n        },\n        extraVars: {\n          heading: this.$t(\"demo.cta.messages.extra-variables.heading\"),\n          text: this.$t(\"demo.cta.messages.extra-variables.text\")\n        },\n        globalSyns: {\n          heading: this.$t(\"demo.cta.messages.global-synonyms.heading\"),\n          text: this.$t(\"demo.cta.messages.global-synonyms.text\")\n        },\n        convertScenario: {\n          heading: this.$t(\"demo.cta.messages.convert-scenario.heading\"),\n          text: this.$t(\"demo.cta.messages.convert-scenario.text\")\n        },\n        convertVariant: {\n          heading: this.$t(\"demo.cta.messages.convert-variant.heading\"),\n          text: this.$t(\"demo.cta.messages.convert-variant.text\")\n        },\n        default: {\n          heading: this.$t(\"demo.cta.messages.default.heading\"),\n          text: this.$t(\"demo.cta.messages.default.text\")\n        }\n      },\n      hideContent: true,\n      windowHeight: null,\n      windowWidth: null\n    };\n  },\n\n  computed: {\n    ctaContent() {\n      return this.$store.state.editorCtaContent;\n    },\n    top() {\n      return this.ctaContent.y;\n    },\n    left() {\n      return this.ctaContent.x;\n    },\n    cta() {\n      return this.ctaMessages[this.ctaContent.action] || this.ctaMessages.default;\n    },\n    topPercentage() {\n      return Math.floor((this.top / this.windowHeight) * 100);\n    },\n    leftPercentage() {\n      return Math.floor((this.left / this.windowWidth) * 100);\n    },\n    translateTop() {\n      return this.topPercentage > 75 && !this.translateLeft && !this.translateRight;\n    },\n    translateLeft() {\n      return this.leftPercentage > 80;\n    },\n    translateRight() {\n      return this.leftPercentage < 12;\n    },\n    translateTopLeft() {\n      return this.translateLeft && this.topPercentage > 75;\n    },\n    translateTopRight() {\n      return this.translateRight && this.topPercentage > 75;\n    }\n  },\n  methods: {\n    onOutsideClick(event) {\n      if (!this.$el.contains(event.target)) {\n        this.$emit(\"close\");\n      }\n    },\n    setWindowSize() {\n      this.windowHeight = window.innerHeight;\n      this.windowWidth = window.innerWidth;\n    }\n  },\n  mounted() {\n    this.setWindowSize();\n    EventBus.$once(\"closeCta\", () => {\n      this.$emit(\"close\");\n    });\n    setTimeout(() => {\n      if (!this.$root.outsideClickHandler) {\n        this.$root.outsideClickHandler = (event) => this.$root.$emit(\"window-click\", event);\n        window.addEventListener(\"click\", this.$root.outsideClickHandler);\n      }\n      this.$root.$on(\"window-click\", this.onOutsideClick);\n    }, 10);\n\n    if (this.$store.state.userDevice !== \"desktop\") {\n      document.addEventListener(\"focusout\", this.setWindowSize(), true); // Might fix the soft keyboard misplacement on ipad...\n      document.addEventListener(\"focusin\", this.setWindowSize(), true);\n    }\n  },\n  beforeDestroy() {\n    if (this.$store.state.userDevice !== \"desktop\") {\n      document.removeEventListener(\"focusout\", this.setWindowSize(), true);\n      document.removeEventListener(\"focusin\", this.setWindowSize(), true);\n    }\n    this.$root.$off(\"window-click\", this.onOutsideClick);\n  }\n};\n</script>\n\n<style lang=\"less\">\n#editor-cta {\n  top: 3%;\n  left: 50%;\n  position: absolute;\n  z-index: 999;\n  max-width: 230px;\n  background: var(--background-white);\n  padding: 12px;\n  border-radius: var(--standard-border-radius);\n  transform: translateX(-50%);\n  filter: drop-shadow(-1px 0px 4px rgba(0, 0, 0, 0.2));\n\n  &::before {\n    content: \"\";\n    top: 0px;\n    left: 50%;\n    width: 10px;\n    height: 10px;\n    background-color: var(--background-white);\n    position: absolute;\n    transform: rotate(45deg) translateX(-50%);\n  }\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n  }\n\n  &.translate-left {\n    transform: translateX(calc(-100% - 10px));\n    &::before {\n      left: calc(100% - 10px);\n      top: 0px;\n      transform: rotate(0deg);\n    }\n  }\n\n  &.translate-right {\n    transform: translateX(10px);\n    &::before {\n      left: 0px;\n      top: 0px;\n      transform: rotate(0deg);\n    }\n  }\n\n  &.translate-top {\n    transform: translateX(-50%) translateY(calc(-100% - 35px));\n    &::before {\n      top: calc(100% - 2px);\n    }\n  }\n\n  &.translate-top-right {\n    transform: translateX(10px) translateY(calc(-100% - 35px));\n    &::before {\n      left: 0px;\n      top: calc(100% - 10px);\n      transform: rotate(0deg);\n    }\n  }\n\n  &.translate-top-left {\n    transform: translateX(10px) translateY(calc(-100% - 35px));\n    &::before {\n      left: 0px;\n      top: calc(100% - 10px);\n      transform: rotate(0deg);\n    }\n  }\n\n  .actions {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n\n    button {\n      white-space: nowrap;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorDemoCTA.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorDemoCTA.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorDemoCTA.vue?vue&type=template&id=521f080c&\"\nimport script from \"./EditorDemoCTA.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorDemoCTA.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditorDemoCTA.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorDemoCTA.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorDemoCTA.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}