{"version":3,"sources":["webpack:///./src/components/FormatPopover.vue?d792","webpack:///src/components/FormatPopover.vue","webpack:///./src/components/FormatPopover.vue?e4c3","webpack:///./src/components/FormatPopover.vue?2e7a","webpack:///./src/components/FormatPopover.vue?1a91"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","style","left","popoverPosition","x","top","y","attrs","backdrop","on","close","$event","$emit","selectedVariable","variable","format","format-changed","onFormatChanged","_e","click","_v","_s","$t","applyFormat","staticRenderFns","FormatPopovervue_type_script_lang_js_","components","VariableFormatSelector","CustomPopover","props","pos","expression","data","hasChanges","popoverMeasurements","methods","checkElementPosition","bounds","$refs","popover","$el","getBoundingClientRect","popoverHeight","height","windowHeight","window","innerHeight","$set","selectVariable","computed","$store","getters","combinedVariables","name","variables","mounted","_this","$nextTick","components_FormatPopovervue_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_FormatPopover_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_FormatPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"2IAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,kBAA4BE,IAAA,UAAAC,YAAA,iBAAAC,MAAA,CAAmDC,KAAAT,EAAAU,gBAAAC,EAAA,KAAAC,IAAAZ,EAAAU,gBAAAG,EAAA,QAA4EC,MAAA,CAASC,UAAA,GAAgBC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAlB,EAAAmB,MAAA,YAA4B,CAAAf,EAAA,OAAYG,YAAA,mBAA8B,CAAAP,EAAAoB,kBAAApB,EAAAqB,SAAAjB,EAAA,4BAAwEG,YAAA,kBAAAO,MAAA,CAAqCO,SAAArB,EAAAqB,SAAAC,OAAAtB,EAAAoB,iBAAAE,QAA6DN,GAAA,CAAKO,iBAAAvB,EAAAwB,mBAAsCxB,EAAAyB,MAAA,GAAArB,EAAA,OAAyBG,YAAA,WAAsB,CAAAH,EAAA,UAAeY,GAAA,CAAIU,MAAA,SAAAR,GAAyB,OAAAlB,EAAAmB,MAAA,YAA4B,CAAAnB,EAAA2B,GAAA,WAAA3B,EAAA4B,GAAA5B,EAAA6B,GAAA,yCAAAzB,EAAA,UAAwFY,GAAA,CAAIU,MAAA1B,EAAA8B,cAAyB,CAAA9B,EAAA2B,GAAA,WAAA3B,EAAA4B,GAAA5B,EAAA6B,GAAA,4CAClzBE,EAAA,mDCgCeC,EAAA,CACfC,YACAC,oCACAC,4BAEAC,OACAC,WAEAC,mBAEAC,gBACA,OACAnB,sBACAoB,cACA9B,mBACA+B,uBACAnB,cAGAoB,SACAC,gCACA,IAAAC,EAAA3C,KAAA4C,MAAAC,QAAAC,IAAAC,wBACA/C,KAAAgD,cAAAL,EAAAM,OACAjD,KAAAS,gBAAAT,KAAAoC,IAEA,IAAAc,EAAAC,OAAAC,YAEApD,KAAAgD,cAAAhD,KAAAoC,IAAAxB,EAAAsC,GACAlD,KAAAqD,KAAArD,KAAAS,gBAAA,IAAAT,KAAAS,gBAAAG,EAAAZ,KAAAgD,gBAIAM,0BACAtD,KAAAkB,MAAA,kBAAAlB,KAAAmB,iBAAAnB,KAAAoB,WAGAG,4BACAvB,KAAAqB,UAEAQ,uBACA7B,KAAAkB,MAAA,yBAAAlB,KAAAqB,QACArB,KAAAkB,MAAA,WAGAqC,UACAnC,oBAEA,OAAApB,KAAAmB,iBAAAnB,KAAAwD,OAAAC,QAAAC,kBAAA1D,KAAAmB,iBAAAwC,MACA,MAEAC,qBACA,OAAA5D,KAAAwD,OAAAC,QAAAC,oBAGAG,mBAAA,IAAAC,EAAA9D,KACAA,KAAAmB,iBAAA,CACAwC,oDACAtC,oDAEArB,KAAA+D,UAAA,WACAD,EAAApB,2BC7FuVsB,EAAA,0BCQvVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAlE,EACAgC,GACF,EACA,KACA,KACA,MAIesC,EAAA,WAAAH,6CCnBf,IAAAI,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAmhBE,EAAG","file":"js/lazy-view-components-FormatPopover.522d6ddb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('custom-popover',{ref:\"popover\",staticClass:\"format-popover\",style:({ left: _vm.popoverPosition.x + 'px', top: _vm.popoverPosition.y + 8 + 'px' }),attrs:{\"backdrop\":true},on:{\"close\":function($event){return _vm.$emit('close')}}},[_c('div',{staticClass:\"format-selector\"},[(_vm.selectedVariable && _vm.variable)?_c('variable-format-selector',{staticClass:\"variable-format\",attrs:{\"variable\":_vm.variable,\"format\":_vm.selectedVariable.format},on:{\"format-changed\":_vm.onFormatChanged}}):_vm._e()],1),_c('div',{staticClass:\"actions\"},[_c('button',{on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"editor-expression.cancel\"))+\"\\n    \")]),_c('button',{on:{\"click\":_vm.applyFormat}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"editor-expression.save\"))+\"\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-popover\n    class=\"format-popover\"\n    ref=\"popover\"\n    :style=\"{ left: popoverPosition.x + 'px', top: popoverPosition.y + 8 + 'px' }\"\n    @close=\"$emit('close')\"\n    :backdrop=\"true\"\n  >\n    <!-- <div class=\"format-selector\" :style=\"{ height: popoverMeasurements.height + 'px' }\"> -->\n    <div class=\"format-selector\">\n      <variable-format-selector\n        v-if=\"selectedVariable && variable\"\n        class=\"variable-format\"\n        :variable=\"variable\"\n        :format=\"selectedVariable.format\"\n        @format-changed=\"onFormatChanged\"\n      />\n    </div>\n    <div class=\"actions\">\n      <button @click=\"$emit('close')\">\n        {{ $t(\"editor-expression.cancel\") }}\n      </button>\n      <button @click=\"applyFormat\">\n        {{ $t(\"editor-expression.save\") }}\n      </button>\n    </div>\n  </custom-popover>\n</template>\n\n<script>\nimport VariableHelpers from \"@/assets/js/variableHelpers.js\";\nimport CustomPopover from \"@/components/CustomPopover\";\nimport VariableFormatSelector from \"@/components/VariableFormatSelector\";\nexport default {\n  components: {\n    VariableFormatSelector,\n    CustomPopover\n  },\n  props: {\n    pos: Object,\n    // selectedVariable: Object,\n    expression: String\n  },\n  data() {\n    return {\n      selectedVariable: null,\n      hasChanges: false,\n      popoverPosition: {},\n      popoverMeasurements: {},\n      format: null\n    };\n  },\n  methods: {\n    checkElementPosition() {\n      const bounds = this.$refs.popover.$el.getBoundingClientRect();\n      this.popoverHeight = bounds.height;\n      this.popoverPosition = this.pos;\n      // Ensure that the popover does not open below the screens height\n      const windowHeight = window.innerHeight;\n\n      if (this.popoverHeight + this.pos.y > windowHeight) {\n        this.$set(this.popoverPosition, \"y\", this.popoverPosition.y - this.popoverHeight);\n      }\n    },\n\n    selectVariable() {\n      this.$emit(\"select-variable\", this.selectedVariable, this.variable);\n    },\n\n    onFormatChanged(format) {\n      this.format = format;\n    },\n    applyFormat() {\n      this.$emit(\"update-variable-format\", this.format);\n      this.$emit(\"close\");\n    }\n  },\n  computed: {\n    variable() {\n      // return the actual variable, not the instance\n      if (this.selectedVariable) return this.$store.getters.combinedVariables[this.selectedVariable.name];\n      else return null;\n    },\n    variables() {\n      return this.$store.getters.combinedVariables;\n    }\n  },\n  mounted() {\n    this.selectedVariable = {\n      name: VariableHelpers.removeFormatting(this.expression),\n      format: VariableHelpers.getFormatting(this.expression)\n    };\n    this.$nextTick(() => {\n      this.checkElementPosition();\n    });\n  }\n};\n</script>\n\n<style lang=\"less\">\n.format-popover {\n  position: fixed;\n  z-index: 102;\n  .format-selector {\n    border-radius: 10px 10px 0 0;\n    padding-bottom: 12px;\n    padding-top: 12px;\n    background: #f1f1f1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .actions {\n    display: flex;\n    justify-content: center;\n    border-top: 1px solid #3d464a5d;\n    border-radius: 0 0 10px 10px;\n    background: #fff;\n    button {\n      transition: 0.1s;\n      flex: 1 1 auto;\n      border: none;\n      background: none;\n      padding: 8px 20px;\n      color: var(--charcoal);\n      &:disabled,\n      &:hover {\n        opacity: 0.75;\n      }\n      &:first-of-type {\n        border-right: 1px solid #3d464a5d;\n      }\n    }\n  }\n}\n#aiPopover input.form-control {\n  color: #000;\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!./FormatPopover.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!./FormatPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormatPopover.vue?vue&type=template&id=37297280&\"\nimport script from \"./FormatPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./FormatPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormatPopover.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!./FormatPopover.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!./FormatPopover.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}