{"version":3,"sources":["webpack:///./src/components/templates/formComponentsView/SingleLineContentView.vue","webpack:///src/components/templates/formComponentsView/SingleLineContentView.vue","webpack:///./src/components/templates/formComponentsView/SingleLineContentView.vue?686b","webpack:///./src/components/templates/formComponentsView/SingleLineContentView.vue?82a1"],"names":["render","_vm","this","_c","_self","style","getElementStyle","staticStyle","_v","_s","data","content","isActive","isDataTableField","staticClass","on","openSettings","_e","copyDocument","staticRenderFns","name","props","inputTextAlignmentValue","computed","borderStyle","styles","type","border_type","size","border_size","color","border_color","font_size","font","bold","italic","background","concat","label_color","mounted","methods","$emit","key","inputTextAlignment","inputTextAlignments","watch","handler","newVal","immediate","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAOJ,EAAIK,iBAAkB,CAACH,EAAG,IAAI,CAACI,YAAY,CAAC,QAAU,SAAS,SAAW,SAAS,YAAY,WAAW,cAAc,aAAa,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,KAAKC,SAAS,OAAQV,EAAIW,UAAYX,EAAIY,iBAAkBV,EAAG,OAAO,CAACW,YAAY,eAAeC,GAAG,CAAC,MAAQd,EAAIe,eAAe,CAACb,EAAG,IAAI,CAACW,YAAY,sBAAsBb,EAAIgB,KAAKd,EAAG,OAAO,CAAGF,EAAIY,iBAA8FZ,EAAIgB,KAAhFd,EAAG,IAAI,CAACW,YAAY,wBAAwBC,GAAG,CAAC,MAAQd,EAAIiB,qBAEhgBC,EAAkB,GC4BP,GACfC,KAAA,wBACAC,MAAA,+CACAX,KAAA,WACA,OACAY,wBAAA,SAGAC,SAAA,CACAjB,gBAAA,WACA,IAAAkB,EAAA,GACA,QAAAd,KAAAe,OAAA,CACA,IAAAC,EAAA,KAAAhB,KAAAe,OAAAE,YACA,KAAAjB,KAAAe,OAAAE,YACA,QACAC,EAAA,KAAAlB,KAAAe,OAAAI,YACA,KAAAnB,KAAAe,OAAAI,YAAA,KACA,MACAC,EAAA,KAAApB,KAAAe,OAAAM,aACA,KAAArB,KAAAe,OAAAM,aACA,GACAC,EACA,KAAAtB,KAAAe,QACA,KAAAf,KAAAe,OAAAQ,MACA,KAAAvB,KAAAe,OAAAQ,KAAAD,UACA,KAAAtB,KAAAe,OAAAQ,KAAAD,UACA,GACAE,EACA,KAAAxB,KAAAe,QACA,KAAAf,KAAAe,OAAAQ,OACA,QAAAvB,KAAAe,OAAAQ,KAAA5B,OAAA,QAAAK,KAAAe,OAAAQ,KAAA5B,OACA,OACA,GACA8B,EACA,KAAAzB,KAAAe,QACA,KAAAf,KAAAe,OAAAQ,OACA,QAAAvB,KAAAe,OAAAQ,KAAA5B,OAAA,QAAAK,KAAAe,OAAAQ,KAAA5B,OACA,SACA,GAEAmB,EAAA,UAAAE,EAAA,KAAAE,EAAA,IAAAE,EAEAN,GAAA,IACAA,GAAA,KAAAd,KAAAe,OAAAW,WAAA,eAAAC,OACA,KAAA3B,KAAAe,OAAAW,YACA,GACAZ,GAAA,IACAA,GAAA,aAAAQ,EAAA,MACAE,IACAV,GAAA,eAAAU,EAAA,KAEAC,IACAX,GAAA,cAAAW,EAAA,KAEAX,GAAA,KAAAd,KAAAe,OAAAa,YAAA,UAAAD,OACA,KAAA3B,KAAAe,OAAAa,aACA,GAGAd,GAAA,oBAAAF,wBAAA,IAEA,OAAAE,IAGAe,QAAA,aACAC,QAAA,CACAtB,aAAA,WACA,KAAAuB,MAAA,qBAAA/B,KAAAgC,MAEA1B,aAAA,WACA,KAAAyB,MAAA,aAEAE,mBAAA,WACA,YAAAjC,KAAAe,QAAA,KAAAf,KAAAe,OAAAmB,oBACA,KAAAlC,KAAAe,OAAAmB,oBACA,SAGAC,MAAA,CACA,mCACAC,QAAA,SAAAC,GAEA,KAAAzB,wBAAAyB,GAEAC,WAAA,KClH4X,I,YCOxXC,EAAY,eACd,EACAjD,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAA8B,E","file":"js/chunk-2d215c92.ea4d2105.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{style:(_vm.getElementStyle)},[_c('p',{staticStyle:{\"display\":\"inline\",\"overflow\":\"hidden\",\"word-wrap\":\"keep-all\",\"white-space\":\"pre-wrap\"}},[_vm._v(\" \"+_vm._s(_vm.data.content)+\" \")]),(_vm.isActive || _vm.isDataTableField)?_c('span',{staticClass:\"setting-icon\",on:{\"click\":_vm.openSettings}},[_c('i',{staticClass:\"el-icon-s-tools\"})]):_vm._e(),_c('span',[(!_vm.isDataTableField)?_c('i',{staticClass:\"el-icon-copy-document\",on:{\"click\":_vm.copyDocument}}):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template style=\"display: inline; overflow: hidden\">\n  <div :style=\"getElementStyle\">\n    <p\n      style=\"\n        display: inline;\n        overflow: hidden;\n        word-wrap: keep-all;\n        white-space: pre-wrap;\n      \"\n    >\n      {{ data.content }}\n    </p>\n    <span\n      v-if=\"isActive || isDataTableField\"\n      class=\"setting-icon\"\n      @click=\"openSettings\"\n    >\n      <i class=\"el-icon-s-tools\" />\n    </span>\n    <span>\n      <i\n        class=\"el-icon-copy-document\"\n        v-if=\"!isDataTableField\"\n        @click=\"copyDocument\"\n      ></i\n    ></span>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"SingleLineContentView\",\n  props: [\"field\", \"data\", \"isActive\", \"isDataTableField\"],\n  data() {\n    return {\n      inputTextAlignmentValue: \"left\",\n    };\n  },\n  computed: {\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            : 14;\n        let bold =\n          this.data.styles &&\n          this.data.styles.font &&\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 == 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        // Add text-align property based on inputTextAlignmentValue\n        borderStyle += \";text-align:\" + this.inputTextAlignmentValue + \";\";\n      }\n      return borderStyle;\n    },\n  },\n  mounted() {},\n  methods: {\n    copyDocument() {\n      this.$emit(\"copy-document\", this.data.key);\n    },\n    openSettings() {\n      this.$emit(\"settings\");\n    },\n    inputTextAlignment() {\n      return this.data.styles && this.data.styles.inputTextAlignments\n        ? this.data.styles.inputTextAlignments\n        : \"left\"; // Set a default value if not provided\n    },\n  },\n  watch: {\n    \"data.styles.inputTextAlignments\": {\n      handler(newVal) {\n        // Whenever inputTextAlignments changes, update the computed property.\n        this.inputTextAlignmentValue = newVal;\n      },\n      immediate: true, // This will trigger the handler immediately when the component is created\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\"></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!./SingleLineContentView.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!./SingleLineContentView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SingleLineContentView.vue?vue&type=template&id=333acf72&style=display%3A%20inline%3B%20overflow%3A%20hidden\"\nimport script from \"./SingleLineContentView.vue?vue&type=script&lang=js\"\nexport * from \"./SingleLineContentView.vue?vue&type=script&lang=js\"\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":""}