{"version":3,"sources":["webpack:///./src/components/templates/formComponentsExecute/HorizontalLineExecute.vue","webpack:///src/components/templates/formComponentsExecute/HorizontalLineExecute.vue","webpack:///./src/components/templates/formComponentsExecute/HorizontalLineExecute.vue?e2e5","webpack:///./src/components/templates/formComponentsExecute/HorizontalLineExecute.vue?5860","webpack:///./src/components/templates/formComponentsExecute/HorizontalLineExecute.vue?a7af"],"names":["render","_vm","this","_c","_self","isFromDocument","class","data","vertical_line","style","getStyle","_e","validations","staticRenderFns","created","_this","bus","$on","lineHeight","fieldHeight","name","props","mounted","computed","getHorizontalStyle","concat","height","width","getElementStyle","borderStyle","styles","type","border_type","size","border_size","color","border_color","background","line_size","line_color","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAGF,EAAII,eAAwIJ,EAAII,eAAgBF,EAAG,MAAM,CAACG,MAAML,EAAIM,MAAQN,EAAIM,KAAKC,cAAgB,oBAAsB,iBAAiBC,MAAOR,EAAIS,WAAYT,EAAIU,KAAnQR,EAAG,MAAM,CAACG,MAAML,EAAIM,MAAQN,EAAIM,KAAKK,YAAYJ,cAAgB,gBAAkB,aAAaC,MAAOR,EAAIS,cAE1MG,EAAkB,G,wBCmBP,GACfC,QAAA,eAAAC,EAAA,KACAC,SAAAC,IAAA,gCAAAV,GACAQ,EAAAG,WAAAX,EAAAY,gBAGAC,KAAA,wDACAC,MAAA,iEACAd,KAAA,WACA,OACAW,WAAA,KAGAI,QAAA,aACAC,SAAA,CACAC,mBAAA,WACA,MACA,UAAAC,OAAA,KAAAlB,KAAAmB,OAAA,aAAAD,OAAA,KAAAlB,KAAAoB,MAAA,qBACA,KAAAC,iBAGAA,gBAAA,WACA,IAAAC,EAAA,GACA,QAAAtB,KAAAuB,OAAA,CACA,IAAAC,EAAA,KAAAxB,KAAAuB,OAAAE,YACA,KAAAzB,KAAAuB,OAAAE,YACA,QACAC,EAAA,KAAA1B,KAAAuB,OAAAI,YACA,KAAA3B,KAAAuB,OAAAI,YAAA,KACA,MACAC,EAAA,KAAA5B,KAAAuB,OAAAM,aACA,KAAA7B,KAAAuB,OAAAM,aACA,GAEAP,EAAA,UAAAE,EAAA,KAAAE,EAAA,IAAAE,EAEAN,GAAA,IACAA,GAAA,KAAAtB,KAAAuB,OAAAO,WAAA,eAAAZ,OACA,KAAAlB,KAAAuB,OAAAO,YACA,GAEA,OAAAR,GAEAnB,SAAA,WACA,OACA,KAAAH,MACA,KAAAA,KAAAK,cACA,KAAAL,KAAAK,YAAAJ,gBACA,KAAAH,eAEA,iBAAAoB,OACA,KAAAlB,MAAA,KAAAA,KAAAuB,QAAA,KAAAvB,KAAAuB,OAAAQ,UACA,KAAA/B,KAAAuB,OAAAQ,UACA,eAAAb,OAEA,KAAAlB,MAAA,KAAAA,KAAAuB,QAAA,KAAAvB,KAAAuB,OAAAS,WACA,KAAAhC,KAAAuB,OAAAS,WACA,oBAAAd,OACA,KAAAlB,KAAAoB,MAAA,OAGA,KAAApB,MACA,KAAAA,KAAAK,aACA,KAAAL,KAAAK,YAAAJ,gBACA,KAAAH,eAEA,eAAAoB,OACA,KAAAlB,MAAA,KAAAA,KAAAuB,QAAA,KAAAvB,KAAAuB,OAAAQ,UACA,KAAA/B,KAAAuB,OAAAQ,UACA,eAAAb,OAEA,KAAAlB,MAAA,KAAAA,KAAAuB,QAAA,KAAAvB,KAAAuB,OAAAS,WACA,KAAAhC,KAAAuB,OAAAS,WACA,gCAAAd,OACA,KAAAlB,KAAAmB,OAAA,OAEA,KAAAnB,MAAA,KAAAA,KAAAC,cAAA,wCAAAiB,OAEA,SAAAP,WAAA,KAAAA,WAAA,KAAAX,KAAAmB,OAAA,mDAAAD,OAEA,qDCrG4X,I,wBCQxXe,EAAY,eACd,EACAxC,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAA2B,E,kECnBf","file":"js/chunk-41bb442e.b38c66d8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.isFromDocument)?_c('div',{class:_vm.data && _vm.data.validations.vertical_line ? 'vertical-line' : 'horizontal',style:(_vm.getStyle)}):(_vm.isFromDocument)?_c('div',{class:_vm.data && _vm.data.vertical_line ? 'vertical-lineDocs' : 'horizontalDocs',style:(_vm.getStyle)}):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      v-if=\"!isFromDocument\"\n      :class=\"\n        data && data.validations.vertical_line ? 'vertical-line' : 'horizontal'\n      \"\n      :style=\"getStyle\"\n    ></div>\n    <div\n      v-else-if=\"isFromDocument\"\n      :class=\"\n        data && data.vertical_line ? 'vertical-lineDocs' : 'horizontalDocs'\n      \"\n      :style=\"getStyle\"\n    ></div>\n  </div>\n</template>\n\n<script>\nimport { bus } from \"../../../main\";\nexport default {\n  created() {\n    bus.$on(\"updatingFieldHeight\", (data) => {\n      this.lineHeight = data.fieldHeight;\n    });\n  },\n  name: \"templates-formComponentsExecute-HorizontalLineExecute\",\n  props: [\"data\", \"isView\", \"isFromDocument\", \"allFields\", \"fromEntityViews\"],\n  data() {\n    return {\n      lineHeight: \"\",\n    };\n  },\n  mounted() {},\n  computed: {\n    getHorizontalStyle() {\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\n        borderStyle = \"border:\" + type + \" \" + \" \" + size + \" \" + color;\n\n        borderStyle += \";\";\n        borderStyle += this.data.styles.background\n          ? `background: ${this.data.styles.background}`\n          : \"\";\n      }\n      return borderStyle;\n    },\n    getStyle() {\n      if (\n        this.data &&\n        this.data.validations &&\n        !this.data.validations.vertical_line &&\n        !this.isFromDocument\n      ) {\n        return `border-bottom:${\n          this.data && this.data.styles && this.data.styles.line_size\n            ? this.data.styles.line_size\n            : 4\n        }px solid ${\n          this.data && this.data.styles && this.data.styles.line_color\n            ? this.data.styles.line_color\n            : \"#00000\"\n        };width:${this.data.width}px;`;\n      }\n      if (\n        this.data &&\n        this.data.validations &&\n        this.data.validations.vertical_line &&\n        !this.isFromDocument\n      ) {\n        return `border-left:${\n          this.data && this.data.styles && this.data.styles.line_size\n            ? this.data.styles.line_size\n            : 4\n        }px solid ${\n          this.data && this.data.styles && this.data.styles.line_color\n            ? this.data.styles.line_color\n            : \"#00000\"\n        };width:20px;height:${this.data.height}px;`;\n      } else {\n        return this.data && this.data.vertical_line\n          ? `border-left: 2px solid black; height:${\n              this.lineHeight != \"\" ? this.lineHeight : this.data.height\n            }px;background:none !important;`\n          : `border-bottom:${2}px solid #000000;background:none !important;`;\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.vertical-line {\n  border-left: 1px solid black;\n  display: flex;\n  //  border-left: 1px solid black; /* Change the color and width as desired */\n  // height: 100%; /* Change the height as desired */\n}\n\n.vertical-line:after {\n  border-left: 1px solid black;\n  background: none !important;\n  content: \" \";\n  //  border-left: 1px solid black; /* Change the color and width as desired */\n  // height: 100%; /* Change the height as desired */\n}\n.horizontal:after {\n  content: \" \";\n  border-bottom: 0.1px solid black;\n  background: none !important;\n}\n.horizontalDocs:after {\n  content: \" \";\n  border-bottom: 0.1px solid black;\n  background: none !important;\n}\nhr {\n  border-bottom: 0.1px solid black;\n  background: none !important;\n  // border-top: 0.0725rem solid black !important;\n}\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!./HorizontalLineExecute.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!./HorizontalLineExecute.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HorizontalLineExecute.vue?vue&type=template&id=472f3280\"\nimport script from \"./HorizontalLineExecute.vue?vue&type=script&lang=js\"\nexport * from \"./HorizontalLineExecute.vue?vue&type=script&lang=js\"\nimport style0 from \"./HorizontalLineExecute.vue?vue&type=style&index=0&id=472f3280&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","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!./HorizontalLineExecute.vue?vue&type=style&index=0&id=472f3280&prod&lang=scss\""],"sourceRoot":""}