{"version":3,"sources":["webpack:///./src/components/TextContent.vue?63e8","webpack:///src/components/TextContent.vue","webpack:///./src/components/TextContent.vue?0b96","webpack:///./src/components/TextContent.vue","webpack:///./src/components/TextContent.vue?d097"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","arabicFont","contentData","useArabicFont","staticStyle","authenticated","dragging","_v","attrs","tinymceOptions","index","model","value","callback","$$v","$set","expression","directives","name","rawName","domProps","Array","isArray","_i","on","$event","$$a","$$el","target","$$c","checked","$$i","concat","slice","_e","_s","text","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAM,CAACC,WAAYR,EAAIS,YAAYC,eAAeC,YAAY,CAAC,SAAW,aAAa,CAAEX,EAAIY,gBAAkBZ,EAAIa,SAAUT,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACJ,EAAIc,GAAG,UAAUV,EAAG,UAAU,CAACO,YAAY,CAAC,OAAS,UAAUI,MAAM,CAAC,UAAU,mDAAmD,KAAOf,EAAIgB,eAAehB,EAAIiB,QAAQC,MAAM,CAACC,MAAOnB,EAAIS,YAAgB,KAAEW,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIS,YAAa,OAAQY,IAAME,WAAW,sBAAsBnB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,QAAQ,CAACoB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUP,MAAOnB,EAAIS,YAAyB,cAAEc,WAAW,8BAA8BjB,YAAY,mBAAmBS,MAAM,CAAC,KAAO,WAAW,GAAK,iBAAiBY,SAAS,CAAC,QAAUC,MAAMC,QAAQ7B,EAAIS,YAAYC,eAAeV,EAAI8B,GAAG9B,EAAIS,YAAYC,cAAc,OAAO,EAAGV,EAAIS,YAAyB,eAAGsB,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIC,EAAIjC,EAAIS,YAAYC,cAAcwB,EAAKF,EAAOG,OAAOC,IAAIF,EAAKG,QAAuB,GAAGT,MAAMC,QAAQI,GAAK,CAAC,IAAIZ,EAAI,KAAKiB,EAAItC,EAAI8B,GAAGG,EAAIZ,GAAQa,EAAKG,QAASC,EAAI,GAAItC,EAAIsB,KAAKtB,EAAIS,YAAa,gBAAiBwB,EAAIM,OAAO,CAAClB,KAAaiB,GAAK,GAAItC,EAAIsB,KAAKtB,EAAIS,YAAa,gBAAiBwB,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAYtC,EAAIsB,KAAKtB,EAAIS,YAAa,gBAAiB2B,OAAUhC,EAAG,QAAQ,CAACE,YAAY,mBAAmBS,MAAM,CAAC,IAAM,kBAAkB,CAACf,EAAIc,GAAG,wBAAwB,GAAGd,EAAIyC,KAAOzC,EAAIY,cAAqGZ,EAAIyC,KAA1FrC,EAAG,MAAM,CAACE,YAAY,UAAUqB,SAAS,CAAC,UAAY3B,EAAI0C,GAAG1C,EAAIS,YAAYkC,YAC3kDC,EAAkB,G,qBCiBtB,G,UAAA,CACA,6BACA,gEACA,gBACA,OACA,WACA,WACA,eAGA,UACA,4BACA,yCAEA,wBACA,uDACA,WACA,4BAGA,SACA,sBACA,2BAEA,yBACA,qBACA,mCAEA,4BACA,gDACA,mDAEA,yBACA,sBAEA,0BACA,gDACA,mDAEA,2BACA,OACA,KACA,gEACA,QACA,6IACA,WACA,aACA,2CACA,qBACA,qBACA,kBACA,yBACA,uCAGA,eCzEqV,I,wBCQjVC,EAAY,eACd,EACA9C,EACA6C,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,6CCnBf,yBAA+c,EAAG,G","file":"js/chunk-741c7562.d05b1b2d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"textContent\",class:{arabicFont: _vm.contentData.useArabicFont},staticStyle:{\"position\":\"relative\"}},[(_vm.authenticated && !_vm.dragging)?_c('div',[_c('label',[_vm._v(\"Text\")]),_c('tinymce',{staticStyle:{\"border\":\"dotted\"},attrs:{\"api-key\":\"1leh8qlbidx8ng7nl5hypnwglmn1lw6axqskedv8uyu7g6dw\",\"init\":_vm.tinymceOptions(_vm.index)},model:{value:(_vm.contentData.text),callback:function ($$v) {_vm.$set(_vm.contentData, \"text\", $$v)},expression:\"contentData.text\"}}),_c('div',{staticClass:\"form-check\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.contentData.useArabicFont),expression:\"contentData.useArabicFont\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"exampleCheck1\"},domProps:{\"checked\":Array.isArray(_vm.contentData.useArabicFont)?_vm._i(_vm.contentData.useArabicFont,null)>-1:(_vm.contentData.useArabicFont)},on:{\"change\":function($event){var $$a=_vm.contentData.useArabicFont,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.contentData, \"useArabicFont\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.contentData, \"useArabicFont\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.contentData, \"useArabicFont\", $$c)}}}}),_c('label',{staticClass:\"form-check-label\",attrs:{\"for\":\"exampleCheck1\"}},[_vm._v(\"Use arabic font\")])])],1):_vm._e(),(!_vm.authenticated)?_c('div',{staticClass:\"deskPad\",domProps:{\"innerHTML\":_vm._s(_vm.contentData.text)}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"textContent\" style=\"position: relative\" :class=\"{arabicFont: contentData.useArabicFont}\">\r\n\t\t<div v-if=\"authenticated && !dragging\">\r\n\t\t\t<label>Text</label>\r\n\t\t\t<tinymce style=\"border:dotted;\" v-model=\"contentData.text\" api-key=\"1leh8qlbidx8ng7nl5hypnwglmn1lw6axqskedv8uyu7g6dw\" :init=\"tinymceOptions(index)\"></tinymce>\r\n\t\t\t<div class=\"form-check\">\r\n\t\t\t\t<input type=\"checkbox\" v-model=\"contentData.useArabicFont\" class=\"form-check-input\" id=\"exampleCheck1\">\r\n\t\t\t\t<label class=\"form-check-label\" for=\"exampleCheck1\">Use arabic font</label>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"deskPad\" v-if=\"!authenticated\" v-html=\"contentData.text\">\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport $ from 'jquery';\r\n\timport 'bootstrap/dist/js/bootstrap';\r\n\texport default {\r\n\t\tname: \"textcontent-component\",\r\n\t\tprops: ['contentData', 'index', 'hide', 'dragging', 'authenticated'],\r\n\t\tdata: function () {\r\n\t\t\treturn {\r\n\t\t\t\tcolours: \"\",\r\n\t\t\t\tediting: false,\r\n\t\t\t\tnewColour: ''\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tbackgroundColour() {\r\n\t\t\t\treturn this.contentData.backgroundColor;\r\n\t\t\t},\r\n\t\t\tcontentStart() {\r\n\t\t\t\tvar element = $(\"<div></div>\").append(this.contentData.text);\r\n\t\t\t\tvar text = element.text();\r\n\t\t\t\treturn text.substring(0, 100);\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\ttoggleHide() {\r\n\t\t\t\tthis.$emit('toggle-hide');\r\n\t\t\t},\r\n\t\t\tdeleteSection() {\r\n\t\t\t\tthis.$emit('delete')\r\n\t\t\t\tthis.pod.sections.splice(index, 1);\r\n\t\t\t},\r\n\t\t\tchooseBackground() {\r\n\t\t\t\tthis.newColour = this.contentData.backgroundColor;\r\n\t\t\t\t$('#backgroundModal_' + this.index).modal('show');\r\n\t\t\t},\r\n\t\t\tupdateColour: function (value) {\r\n\t\t\t\tthis.newColour = value.hex;\r\n\t\t\t},\r\n\t\t\tsaveBackground() {\r\n\t\t\t\tthis.contentData.backgroundColor = this.newColour;\r\n\t\t\t\t$('#backgroundModal_' + this.index).modal('hide');\r\n\t\t\t},\r\n\t\t\ttinymceOptions(id) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: id,\r\n\t\t\t\t\tplugins: [\"link\", \"fullscreen\", \"spellchecker\", \"code\", \"textcolor\"],\r\n\t\t\t\t\ttoolbar:\r\n\t\t\t\t\t\t\"undo redo | bold italic underline forecolor | alignleft aligncenter alignright alignjustify | bullist numlist | formatselect | link | code\",\r\n\t\t\t\t\tmenubar: false,\r\n\t\t\t\t\tstatusbar: false,\r\n\t\t\t\t\timages_upload_url: \"/Home/SaveUploadedFile\",\r\n\t\t\t\t\tautomatic_uploads: true,\r\n\t\t\t\t\tpaste_data_images: true,\r\n\t\t\t\t\tsetup: function (editor) {\r\n\t\t\t\t\t\teditor.on(\"init\", function (e) {\r\n\t\t\t\t\t\t\tconsole.log(\"wysiwyg initialised\");\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t},\r\n\t\t\t\t\tinline: true\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t}\r\n\t};</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style>\r\n\t.textContent {\r\n\t\tpadding: 20px;\r\n\t}\r\n\r\n\t@media only screen and (min-width: 992px) {\r\n\t\t.deskPad {\r\n\t\t\tmargin-left: 100px;\r\n\t\t\tmargin-right: 100px;\r\n\t\t}\r\n\t}\r\n\r\n\t.bottom-right {\r\n\t\tposition: absolute;\r\n\t\tbottom: 16px;\r\n\t\tright: 16px;\r\n\t}\r\n</style>\r\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!./TextContent.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!./TextContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextContent.vue?vue&type=template&id=374df8b5&\"\nimport script from \"./TextContent.vue?vue&type=script&lang=js&\"\nexport * from \"./TextContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TextContent.vue?vue&type=style&index=0&lang=css&\"\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--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextContent.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextContent.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}