{"version":3,"sources":["webpack:///./src/components/controls/InlineTextEdit.vue?d040","webpack:///src/components/controls/InlineTextEdit.vue","webpack:///./src/components/controls/InlineTextEdit.vue?eb4d","webpack:///./src/components/controls/InlineTextEdit.vue","webpack:///./src/components/controls/InlineTextEdit.vue?ff9f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","isEditing","attrs","on","$event","stopPropagation","type","indexOf","_k","keyCode","key","Save","model","value","callback","$$v","editingValue","expression","Close","Edit","_t","domProps","_s","text","staticRenderFns","name","data","mounted","created","methods","computed","watch","handler","immediate","props","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAAGN,EAAIO,UAAkRH,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,eAAe,CAACE,YAAY,6BAA6BE,MAAM,CAAC,UAAY,GAAG,KAAO,GAAG,aAAe,OAAOC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,mBAAoB,MAAQ,SAASD,GAAQ,OAAIA,EAAOE,KAAKC,QAAQ,QAAQb,EAAIc,GAAGJ,EAAOK,QAAQ,QAAQ,GAAGL,EAAOM,IAAI,SAAkB,KAAchB,EAAIiB,KAAKP,KAAUQ,MAAM,CAACC,MAAOnB,EAAgB,aAAEoB,SAAS,SAAUC,GAAMrB,EAAIsB,aAAaD,GAAKE,WAAW,kBAAkBnB,EAAG,IAAI,CAACE,YAAY,sEAAsEG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIiB,KAAKP,OAAYN,EAAG,IAAI,CAACE,YAAY,sEAAsEG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIwB,MAAMd,QAAa,GAAnkCN,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoBG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIyB,KAAKf,MAAW,CAACV,EAAI0B,GAAG,UAAU,CAACtB,EAAG,OAAO,CAACuB,SAAS,CAAC,UAAY3B,EAAI4B,GAAG5B,EAAI6B,YAAY,QAChaC,EAAkB,GCgCP,GACfC,wBACAC,gBACA,OACAzB,aACAe,kBAGAW,qBACAC,qBACAC,SACAV,gBACA,mBAEAR,gBACA,6CACA,mBAEAO,iBACA,oBAGAY,YACAC,OACA9B,WACA+B,oBACA,IACA,+BAGAC,cAEApB,OACAmB,oBACA,qBAEAC,eAGAC,OACArB,OACAP,aAEAiB,MACAjB,eC7EuW,I,wBCQnW6B,EAAY,eACd,EACA1C,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,2CCnBf","file":"js/chunk-77ccd2ae.dc82bc88.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"inline-text-edit w-100\"},[(!_vm.isEditing)?_c('div',{staticClass:\"inline-text-edit-display ie-edit\"},[_c('span',{staticClass:\"display-text mr-1\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Edit($event)}}},[_vm._t(\"display\",[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.text)}})])],2)]):_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-form-input',{staticClass:\"edit-input my-1 mr-1 w-100\",attrs:{\"autofocus\":\"\",\"trim\":\"\",\"autocomplete\":\"off\"},on:{\"click\":function($event){$event.stopPropagation();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.Save($event)}},model:{value:(_vm.editingValue),callback:function ($$v) {_vm.editingValue=$$v},expression:\"editingValue\"}}),_c('i',{staticClass:\"fas fa-save text-black clickable-icon pointer ie-save save-btn mr-2\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Save($event)}}}),_c('i',{staticClass:\"fas fa-times text-black clickable-icon pointer ie-cancel cancel-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Close($event)}}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"inline-text-edit w-100\">\r\n    <div class=\"inline-text-edit-display ie-edit\" v-if=\"!isEditing\">\r\n      <span class=\"display-text mr-1\" @click.stop=\"Edit\">\r\n        <slot name=\"display\">\r\n          <span v-html=\"text\"></span>\r\n        </slot>\r\n      </span>\r\n    </div>\r\n    <div class=\"d-flex align-items-center\" v-else>\r\n      <b-form-input\r\n        @click.stop\r\n        autofocus\r\n        trim\r\n        autocomplete=\"off\"\r\n        v-model=\"editingValue\"\r\n        @keyup.enter=\"Save\"\r\n        class=\"edit-input my-1 mr-1 w-100\"\r\n      ></b-form-input>\r\n\r\n      <i\r\n        class=\"fas fa-save text-black clickable-icon pointer ie-save save-btn mr-2\"\r\n        @click.stop=\"Save\"\r\n      ></i>\r\n      <i\r\n        class=\"fas fa-times text-black clickable-icon pointer ie-cancel cancel-btn\"\r\n        @click.stop=\"Close\"\r\n      ></i>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'inline-text-edit',\r\n  data() {\r\n    return {\r\n      isEditing: false,\r\n      editingValue: '',\r\n    };\r\n  },\r\n  mounted() {},\r\n  created() {},\r\n  methods: {\r\n    Edit() {\r\n      this.isEditing = true;\r\n    },\r\n    Save() {\r\n      this.$emit('update:value', this.editingValue);\r\n      this.isEditing = false;\r\n    },\r\n    Close() {\r\n      this.isEditing = false;\r\n    },\r\n  },\r\n  computed: {},\r\n  watch: {\r\n    isEditing: {\r\n      handler: function(v) {\r\n        if (v) {\r\n          this.editingValue = this.value;\r\n        }\r\n      },\r\n      immediate: true,\r\n    },\r\n    value: {\r\n      handler: function(v) {\r\n        this.editingValue = v;\r\n      },\r\n      immediate: true,\r\n    },\r\n  },\r\n  props: {\r\n    value: {\r\n      type: String,\r\n    },\r\n    text: {\r\n      type: String,\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.display-text {\r\n  border-bottom: 1px solid #343a4080;\r\n  line-height: 1em;\r\n}\r\n.inline-text-edit-display {\r\n  min-height: 35px;\r\n  align-items: center;\r\n  display: flex;\r\n}\r\n.edit-input {\r\n  height: 27px;\r\n}\r\n.save-btn {\r\n  margin-left: 3px;\r\n  margin-right: 3px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InlineTextEdit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InlineTextEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InlineTextEdit.vue?vue&type=template&id=0e091a66&scoped=true&\"\nimport script from \"./InlineTextEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./InlineTextEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InlineTextEdit.vue?vue&type=style&index=0&id=0e091a66&prod&lang=scss&scoped=true&\"\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  \"0e091a66\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InlineTextEdit.vue?vue&type=style&index=0&id=0e091a66&prod&lang=scss&scoped=true&\""],"sourceRoot":""}