{"version":3,"sources":["webpack:///./src/components/Collapsible.vue?2441","webpack:///src/components/Collapsible.vue","webpack:///./src/components/Collapsible.vue?125e","webpack:///./src/components/Collapsible.vue?78a8","webpack:///./src/components/Collapsible.vue?0540"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","collapsed","style","on","click","$event","stopPropagation","preventDefault","toggle","_t","attrs","name","after-enter","calcHeight","before-leave","_e","staticRenderFns","Collapsiblevue_type_script_lang_js_","data","collapsingHeight","props","isCollapsed","type","default","disabled","watch","immediate","handler","computed","cssProps","--collapse-height","methods","$emit","$slots","content","elm","clientHeight","components_Collapsiblevue_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_Collapsible_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_Collapsible_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,OAAiBE,YAAA,cAAAC,MAAA,CAAiCC,UAAAR,EAAAQ,WAA2BC,MAAAT,EAAA,UAAsB,CAAAI,EAAA,OAAYE,YAAA,SAAAI,GAAA,CAAyBC,MAAA,SAAAC,GAA0E,OAAjDA,EAAAC,kBAAyBD,EAAAE,iBAAwBd,EAAAe,OAAAH,MAA4B,CAAAZ,EAAAgB,GAAA,eAAwBR,UAAAR,EAAAQ,aAA0B,GAAAJ,EAAA,cAAuBa,MAAA,CAAOC,KAAA,UAAgBR,GAAA,CAAKS,cAAAnB,EAAAoB,WAAAC,eAAArB,EAAAoB,aAA4D,CAAApB,EAAAQ,UAAoER,EAAAsB,KAApEtB,EAAAgB,GAAA,gBAA0CR,UAAAR,EAAAQ,aAA0B,QAC5iBe,EAAA,GCWeC,EAAA,CACfN,mBACAO,gBACA,OACAjB,aACAkB,uBAGAC,OACAC,aACAC,aACAC,YAEAC,UACAF,aACAC,aAGAE,OACAJ,aACAK,aACAC,oBACAjC,KAAAO,eAIA2B,UACAC,oBACA,OAAAC,oBAAApC,KAAAyB,iBAAA,QAGAY,SACAvB,kBACAd,KAAA8B,WACA9B,KAAAO,WAAAP,KAAAO,UACAP,KAAAsC,MAAA,UAAAtC,KAAAO,aAGAY,sBACAnB,KAAAyB,iBAAAzB,KAAAuC,OAAAC,QAAA,GAAAC,IAAAC,gBCnDqVC,EAAA,0BCQrVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACA7C,EACAwB,GACF,EACA,KACA,KACA,MAIeyB,EAAA,WAAAH,6CCnBf,IAAAI,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAihBE,EAAG","file":"js/lazy-view-components-Collapsible.3e7723bf.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"collapsible\",class:{ collapsed: _vm.collapsed },style:(_vm.cssProps)},[_c('div',{staticClass:\"toggle\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.toggle($event)}}},[_vm._t(\"toggle\",null,{\"collapsed\":_vm.collapsed})],2),_c('transition',{attrs:{\"name\":\"expand\"},on:{\"after-enter\":_vm.calcHeight,\"before-leave\":_vm.calcHeight}},[(!_vm.collapsed)?_vm._t(\"content\",null,{\"collapsed\":_vm.collapsed}):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"{ collapsed: collapsed }\" class=\"collapsible\" :style=\"cssProps\">\n    <div @click.stop.prevent=\"toggle\" class=\"toggle\">\n      <slot :collapsed=\"collapsed\" name=\"toggle\"></slot>\n    </div>\n    <transition name=\"expand\" @after-enter=\"calcHeight\" @before-leave=\"calcHeight\" >\n      <slot :collapsed=\"collapsed\" name=\"content\" v-if=\"!collapsed\"></slot>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Collapsible\",\n  data() {\n    return {\n      collapsed: true,\n      collapsingHeight: 400,\n    };\n  },\n  props: {\n    isCollapsed: {\n      type: Boolean,\n      default: true,\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  watch: {\n    isCollapsed: {\n      immediate: true,\n      handler(collapsed) {\n        this.collapsed = collapsed;\n      },\n    },\n  },\n  computed: {\n    cssProps() {\n      return { \"--collapse-height\": this.collapsingHeight + \"px\" };\n    },\n  },\n  methods: {\n    toggle() {\n      if( this.disabled ) return\n      this.collapsed = !this.collapsed;\n      this.$emit(\"toggled\", this.collapsed);\n    },\n\n    calcHeight() {\n      this.collapsingHeight = this.$slots.content[0].elm.clientHeight\n    },\n\n    // closePanel(){\n    // \tthis.collapsed = true;\n    // },\n    // openPanel(){\n    // \tthis.collapsed = false;\n    // }\n  },\n  // mounted() { //Moved to sentenceEditPopover for easy toggling\n  // \tEventBus.$on('close_preview', this.closePanel)\n  // \tEventBus.$on('open_preview', this.openPanel)\n  // },\n};\n</script>\n\n<style lang=\"less\">\n.collapsible {\n  .toggle {\n    cursor: pointer;\n  }\n}\n.expand-enter-to,\n.expand-leave {\n  height: var(--collapse-height);\n  // max-height: 1000px;\n  // transform: scaleY(1);\n  // opacity: 1;\n}\n.expand-enter,\n.expand-leave-to {\n  height: 0px;\n  // max-height: 0px;\n  // transform: scaleY(0);\n  // opacity: 0;\n}\n.expand-enter-active,\n.expand-leave-active {\n  transform-origin: top;\n  overflow: hidden;\n  transition: height 0.1s ease;\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!./Collapsible.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!./Collapsible.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Collapsible.vue?vue&type=template&id=459d8145&\"\nimport script from \"./Collapsible.vue?vue&type=script&lang=js&\"\nexport * from \"./Collapsible.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Collapsible.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!./Collapsible.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!./Collapsible.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}