{"version":3,"sources":["webpack:///./src/components/templates/formComponentsView/ParagraphView.vue?a851","webpack:///./src/components/templates/formComponentsView/ParagraphView.vue","webpack:///src/components/templates/formComponentsView/ParagraphView.vue","webpack:///./src/components/templates/formComponentsView/ParagraphView.vue?4b7e","webpack:///./src/components/templates/formComponentsView/ParagraphView.vue?61f5"],"names":["render","_vm","this","_c","_self","staticClass","style","getStyle","_v","_s","data","content","isActive","on","openSettings","_e","staticRenderFns","name","props","computed","selectedValue","get","value","set","$emit","concat","height","width","getElementStyle","borderStyle","styles","type","border_type","size","border_size","color","border_color","font_size","font","bold","italic","background","label_color","mounted","methods","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAOL,EAAIM,UAAW,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,KAAKC,SAAS,KAAMV,EAAIW,SAAUT,EAAG,OAAO,CAACE,YAAY,eAAeQ,GAAG,CAAC,MAAQZ,EAAIa,eAAe,CAACX,EAAG,IAAI,CAACE,YAAY,sBAAsBJ,EAAIc,UAEpTC,EAAkB,GCmBP,G,UAAA,CACfC,KAAA,gBACAC,MAAA,4BACAR,KAAA,WACA,UAEAS,SAAA,CACAC,cAAA,CACAC,IAAA,WACA,YAAAC,OAEAC,IAAA,SAAAD,GACA,KAAAE,MAAA,QAAAF,KAIAf,SAAA,WACA,MACA,UAAAkB,OAAA,KAAAf,KAAAgB,OAAA,aAAAD,OAAA,KAAAf,KAAAiB,MAAA,qBACA,KAAAC,iBAGAA,gBAAA,WACA,IAAAC,EAAA,GACA,QAAAnB,KAAAoB,OAAA,CACA,IAAAC,EAAA,KAAArB,KAAAoB,OAAAE,YACA,KAAAtB,KAAAoB,OAAAE,YACA,QACAC,EAAA,KAAAvB,KAAAoB,OAAAI,YACA,KAAAxB,KAAAoB,OAAAI,YAAA,KACA,MACAC,EAAA,KAAAzB,KAAAoB,OAAAM,aACA,KAAA1B,KAAAoB,OAAAM,aACA,GACAC,EACA,KAAA3B,KAAAoB,QACA,KAAApB,KAAAoB,OAAAQ,MACA,KAAA5B,KAAAoB,OAAAQ,KAAAD,UACA,KAAA3B,KAAAoB,OAAAQ,KAAAD,UACA,GACAE,EACA,KAAA7B,KAAAoB,QACA,KAAApB,KAAAoB,OAAAQ,MACA,KAAA5B,KAAAoB,OAAAQ,KAAAhC,QACA,QAAAI,KAAAoB,OAAAQ,KAAAhC,OAAA,QAAAI,KAAAoB,OAAAQ,KAAAhC,OACA,OACA,GACAkC,EACA,KAAA9B,KAAAoB,QACA,KAAApB,KAAAoB,OAAAQ,MACA,KAAA5B,KAAAoB,OAAAQ,KAAAhC,QACA,QAAAI,KAAAoB,OAAAQ,KAAAhC,OAAA,QAAAI,KAAAoB,OAAAQ,KAAAhC,OACA,SACA,GAEAuB,EAAA,UAAAE,EAAA,KAAAE,EAAA,IAAAE,EAEAN,GAAA,IACAA,GAAA,KAAAnB,KAAAoB,OAAAW,WAAA,eAAAhB,OACA,KAAAf,KAAAoB,OAAAW,YACA,GACAZ,GAAA,IACAA,GAAA,aAAAQ,EAAA,MACAE,IACAV,GAAA,eAAAU,EAAA,KAEAC,IACAX,GAAA,cAAAW,EAAA,KAEAX,GAAA,KAAAnB,KAAAoB,OAAAY,YAAA,UAAAjB,OACA,KAAAf,KAAAoB,OAAAY,aACA,GAEA,OAAAb,IAIAc,QAAA,aACAC,QAAA,CACA9B,aAAA,WACA,KAAAU,MAAA,gBCrGoX,I,wBCQhXqB,EAAY,eACd,EACA7C,EACAgB,GACA,EACA,KACA,KACA,MAIa,aAAA6B,E","file":"js/chunk-8eaa66f0.9797be9b.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/@vue/cli-service/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!./ParagraphView.vue?vue&type=style&index=0&id=427c650e&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"paragraphScroll\",style:(_vm.getStyle)},[_vm._v(\" \"+_vm._s(_vm.data.content)+\" \"),(_vm.isActive)?_c('span',{staticClass:\"setting-icon\",on:{\"click\":_vm.openSettings}},[_c('i',{staticClass:\"el-icon-s-tools\"})]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      :style=\"getStyle\"\n      class=\"paragraphScroll\"\n    >\n      <!-- <p class=\"resposive-font\"> -->\n      {{data.content}}\n      <!-- </p> -->\n      <span\n        v-if=\"isActive\"\n        class=\"setting-icon\"\n        @click=\"openSettings\"\n      >\n        <i class=\"el-icon-s-tools\" />\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"ParagraphView\",\n  props: [\"field\", \"data\", \"isActive\"],\n  data() {\n    return {};\n  },\n  computed: {\n    selectedValue: {\n      get() {\n        return this.value;\n      },\n      set(value) {\n        this.$emit(\"input\", value);\n      }\n    },\n    // Tharuni Start\n    getStyle() {\n      return (\n        `height:${this.data.height}px;width:${this.data.width}px;overflow:auto;` +\n        this.getElementStyle\n      );\n    },\n    getElementStyle() {\n      let borderStyle = \"\";\n      if (this.data.styles) {\n        let type = this.data.styles.border_type\n          ? this.data.styles.border_type\n          : \"solid\";\n        let size = this.data.styles.border_size\n          ? this.data.styles.border_size + \"px\"\n          : \"0px\";\n        let color = this.data.styles.border_color\n          ? this.data.styles.border_color\n          : \"\";\n        let font_size =\n          this.data.styles &&\n          this.data.styles.font &&\n          this.data.styles.font.font_size\n            ? this.data.styles.font.font_size\n            : \"\";\n        let bold =\n          this.data.styles &&\n          this.data.styles.font &&\n          this.data.styles.font.style &&\n          (this.data.styles.font.style == 1 || this.data.styles.font.style == 3)\n            ? \"bold\"\n            : \"\";\n        let italic =\n          this.data.styles &&\n          this.data.styles.font &&\n          this.data.styles.font.style &&\n          (this.data.styles.font.style == 2 || this.data.styles.font.style == 3)\n            ? \"italic\"\n            : \"\";\n\n        borderStyle = \"border:\" + type + \" \" + \" \" + size + \" \" + color;\n\n        borderStyle += \";\";\n        borderStyle += this.data.styles.background\n          ? `background: ${this.data.styles.background}`\n          : \"\";\n        borderStyle += \";\";\n        borderStyle += \"font-size:\" + font_size + \"px;\";\n        if (bold) {\n          borderStyle += \"font-weight:\" + bold + \";\";\n        }\n        if (italic) {\n          borderStyle += \"font-style:\" + italic + \";\";\n        }\n        borderStyle += this.data.styles.label_color\n          ? `color: ${this.data.styles.label_color}`\n          : \"\";\n      }\n      return borderStyle;\n    }\n    // Tharuni end\n  },\n  mounted() {},\n  methods: {\n    openSettings() {\n      this.$emit(\"settings\");\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.resposive-font {\n  font-size: 1.2vw;\n}\n// tharuni start\n.paragraphScroll {\n  height: 250px;\n  overflow-y: scroll;\n  overflow-x: scroll;\n  border-top: 1px ridge;\n  border-left: 1px ridge;\n  border-bottom: 1px ridge;\n  margin-right: 5px;\n}\n.paragraphScroll::-webkit-scrollbar {\n  width: 0.7em;\n}\n.paragraphScroll::-webkit-scrollbar-thumb {\n  -webkit-border-radius: 10px;\n  background: #e1e1e1;\n  -webkit-box-shadow: inset 0 0 6px rgba(172, 169, 169, 0.9);\n}\n// thaurni end\n</style>\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!./ParagraphView.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!./ParagraphView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ParagraphView.vue?vue&type=template&id=427c650e\"\nimport script from \"./ParagraphView.vue?vue&type=script&lang=js\"\nexport * from \"./ParagraphView.vue?vue&type=script&lang=js\"\nimport style0 from \"./ParagraphView.vue?vue&type=style&index=0&id=427c650e&prod&lang=scss\"\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"],"sourceRoot":""}