{"version":3,"sources":["webpack:///./src/components/base/dynamic-value-popup.vue?e2aa","webpack:///./src/components/base/grouped-list.vue","webpack:///src/components/base/grouped-list.vue","webpack:///./src/components/base/grouped-list.vue?5fae","webpack:///./src/components/base/grouped-list.vue?f4f8","webpack:///./src/modules/email-editor/src/components/FontPickerSelect.vue?fccd","webpack:///./src/components/base/grouped-list.vue?e05a","webpack:///./src/components/base/dynamic-value-popup.vue","webpack:///src/components/base/dynamic-value-popup.vue","webpack:///./src/components/base/dynamic-value-popup.vue?5d43","webpack:///./src/components/base/dynamic-value-popup.vue?bb57","webpack:///./src/modules/email-editor/src/components/FontPickerSelect.vue?abe3","webpack:///./src/modules/email-editor/src/components/FontPickerSelect.vue","webpack:///src/modules/email-editor/src/components/FontPickerSelect.vue","webpack:///./src/modules/email-editor/src/components/FontPickerSelect.vue?264e","webpack:///./src/modules/email-editor/src/components/FontPickerSelect.vue?240e","webpack:///src/modules/email-editor/src/components/QuillEditor.vue","webpack:///./src/modules/email-editor/src/components/QuillEditor.vue","webpack:///./src/modules/email-editor/src/components/QuillEditor.vue?4ec3"],"names":["render","_vm","this","_c","_self","staticClass","class","isDropdown","selectStep","on","$event","attrs","_v","_s","allOptions","options","selectedIndex","name","_e","_l","item","index","selectOptionFirst","length","staticStyle","selectOption","tag","staticRenderFns","mixins","props","data","selected","dropdownOpen","selectedParent","computed","selectedText","watch","methods","field","dropdownClickOutside","beforeMount","component","isRelative","uid","optionGroups","valueChanged","id","components","GroupedList","default","type","isPage","value","products","sortedProducts","closePopup","fontChange","scopedSlots","_u","key","fn","option","style","fontFamily","label","SelectField","window","console","Parchment","import","Font","Quill","SizeStyle","Link","url","Embed","QuillDValue","node","alignConfig","scope","whitelist","AlignAttribute","Attributor","Attribute","AlignClass","Class","AlignStyle","Style"],"mappings":"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","file":"js/chunk-13a719ff.6719c5e2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../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!./dynamic-value-popup.vue?vue&type=style&index=0&id=3cac1936&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"grouped-list\"},[_c('div',{staticClass:\"__inner\",class:{'dropdown':_vm.isDropdown}},[(_vm.selectStep === 2)?_c('div',{staticClass:\"dropdown_header\"},[_c('a',{staticClass:\"all_options\",on:{\"click\":function($event){_vm.selectStep = 1}}},[_c('svg',{attrs:{\"width\":\"6\",\"height\":\"10\",\"viewBox\":\"0 0 6 10\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M5.35352 1.35352L4.64652 0.646514L0.293015 5.00002L4.64652 9.35352L5.35352 8.64652L1.70701 5.00002L5.35352 1.35352Z\",\"fill\":\"#4368E0\"}})]),_vm._v(\" \"+_vm._s(_vm.allOptions || 'All options')+\" \")]),_c('span',{staticClass:\"separator\"},[_vm._v(\"/\")]),_c('b',{staticClass:\"__name\"},[_vm._v(_vm._s(_vm.options[_vm.selectedIndex].name))])]):_vm._e(),(_vm.selectStep === 1)?_c('ul',_vm._l((_vm.options),function(item,index){return _c('li',[_c('a',{on:{\"click\":function($event){return _vm.selectOptionFirst(index, item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \"),_c('span',{staticClass:\"layout-row flex-center\"},[_c('span',{staticClass:\"__option-tag\"},[_vm._v(\" \"+_vm._s(item.options ? item.options.length : '0')+\" \")]),_c('svg',{staticStyle:{\"margin-left\":\"8px\"},attrs:{\"width\":\"6\",\"height\":\"10\",\"viewBox\":\"0 0 6 10\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M0.646484 1.35352L1.35348 0.646514L5.70699 5.00002L1.35348 9.35352L0.646484 8.64652L4.29299 5.00002L0.646484 1.35352Z\",\"fill\":\"#C5C7D2\"}})])])])])}),0):_vm._e(),(_vm.selectStep === 2)?_c('ul',_vm._l((_vm.options[_vm.selectedIndex].options),function(item,index){return _c('li',[_c('a',{on:{\"click\":function($event){return _vm.selectOption(item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \"),(item.tag)?_c('span',{staticClass:\"__option-tag\"},[_vm._v(\" \"+_vm._s(item.tag)+\" \")]):_vm._e()])])}),0):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"grouped-list\">\n        <div class=\"__inner\" :class=\"{'dropdown':isDropdown}\">\n\t\t\t\t\t<div class=\"dropdown_header\" v-if=\"selectStep === 2\">\n\t\t\t\t\t\t<a class=\"all_options\" @click=\"selectStep = 1\">\n\t\t\t\t\t\t\t<svg width=\"6\" height=\"10\" viewBox=\"0 0 6 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.35352 1.35352L4.64652 0.646514L0.293015 5.00002L4.64652 9.35352L5.35352 8.64652L1.70701 5.00002L5.35352 1.35352Z\" fill=\"#4368E0\"/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t{{ allOptions || 'All options' }}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<span class=\"separator\">/</span>\n\t\t\t\t\t\t<b class=\"__name\">{{options[selectedIndex].name}}</b>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul v-if=\"selectStep === 1\">\n\t\t\t\t\t\t<li v-for=\"(item, index) in options\">\n\t\t\t\t\t\t\t<a @click=\"selectOptionFirst(index, item)\">\n\t\t\t\t\t\t\t\t{{item.name}}\n\t\t\t\t\t\t\t\t<span class=\"layout-row flex-center\">\n\t\t\t\t\t\t\t\t<span class=\"__option-tag\">\n\t\t\t\t\t\t\t\t\t{{item.options ? item.options.length : '0'}}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<svg style=\"margin-left: 8px;\" width=\"6\" height=\"10\" viewBox=\"0 0 6 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.646484 1.35352L1.35348 0.646514L5.70699 5.00002L1.35348 9.35352L0.646484 8.64652L4.29299 5.00002L0.646484 1.35352Z\" fill=\"#C5C7D2\"/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<ul v-if=\"selectStep === 2\">\n\t\t\t\t\t\t<li v-for=\"(item, index) in options[selectedIndex].options\">\n\t\t\t\t\t\t\t<a @click=\"selectOption(item)\">\n\t\t\t\t\t\t\t\t{{item.name}}\n\t\t\t\t\t\t\t\t<span class=\"__option-tag\" v-if=\"item.tag\">\n\t\t\t\t\t\t\t\t\t{{item.tag}}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n        </div>\n    </div>\n</template>\n\n<script>\nimport API from \"@/api\"\n\nexport default {\n\tname: \"GroupedList\",\n\tmixins: [API],\n\tprops: ['options', 'selectedItem', 'allOptions','isDropdown'],\n\tdata: () => ({\n\t\tselected: '',\n\t\tdropdownOpen: false,\n\t\tselectStep: 1,\n\t\tselectedIndex: 0,\n\t\tselectedParent: {}\n\t}),\n\tcomputed: {\n\t\tselectedText(){\n\t\t\treturn this.selected.length ? this.selected : 'Select a condition'\n\t\t}\n\t},\n\twatch:{\n\t\t// options(val){\n\t\t// \tif(val){\n\t\t// \t\tthis.searchSelected();\n\t\t// \t}\n\t\t// }\n\t},\n\tmethods: {\n\t\tselectOptionFirst(indx, item) {\n\t\t\tthis.selectStep = 2;\n\t\t\tthis.selectedIndex = indx;\n\t\t\tthis.selectedParent = item;\n\t\t},\n\t\tselectOption(item){\n\t\t\tthis.dropdownOpen = false;\n\t\t\tthis.selectStep = 1;\n\n\t\t\tthis.selected = item.name;\n\n\t\t\t// send full selected item, to get item.operands from it.\n      this.$emit('change', {field: this.selectedParent.id + '.' + item.id, item: item});\n\t\t},\n\t\tdropdownClickOutside(e){\n\t\t\tif(!e.target.classList.contains('trigger') && !e.target.classList.contains('all_options')) {\n\t\t\t\tthis.dropdownOpen = false;\n\t\t\t\tthis.selectStep = 1;\n\t\t\t}\n\t\t},\n\t\t// searchSelected(){\n\t\t// \tif(this.selectedItem.length > 0){\n\t\t// \t\tvar beforeDot = this.selectedItem.split('.')[0];\n\t\t// \t\tvar afterDot = this.selectedItem.split('.')[1];\n\t\t//\n\t\t// \t\tvar findCondition = this.options.filter(item => item.id.toLowerCase().includes(beforeDot.toLowerCase()))[0];\n\t\t// \t\tif (!findCondition) return ;\n\t\t// \t\tvar findOption = findCondition.options.filter(item => item.id.toLowerCase().includes(afterDot.toLowerCase()))[0];\n\t\t//\n\t\t// \t\tif (!findOption) return;\n\t\t// \t\tthis.selected = findOption.name;\n\t\t//\n    //     this.$emit('change', {field: this.selectedItem, item: findOption});\n    //   }\n\t\t// }\n\t},\n\tbeforeMount(){\n\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t.grouped-list {\n\t\twidth: 100%;\n\t\tposition: relative;\n\t\tpadding: 5px;\n\n\t\t.__name {\n\t\t\tdisplay: block;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t\t.trigger {\n\t\t\tbackground: #FFFFFF;\n\t\t\tborder-radius: 6px;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tpadding: 11px 15px;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tfont-size: 14px;\n\t\t\tcolor: #C5C7D2;\n\t\t\tbox-shadow: 0 0 0px 1px rgb(198, 199, 210);\n\t\t\tcursor: pointer;\n\t\t\t&.option_selected {\n\t\t\t\tcolor: #252A32;\n\t\t\t}\n\t\t}\n\t\t.__option-tag {\n\t\t\tborder-radius: 15px;\n\t\t\tbackground: $light-grey;\n\t\t\tpadding: 2px 8px;\n\t\t\theight: fit-content;\n\t\t\tdisplay: block;\n\t\t\tmin-width: 24px;\n\t\t\tfont-size: 11px;\n\t\t\tmargin-left: 5px;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\t.__inner {\n\t\tul {\n\t\t\tmax-height: 200px;\n\t\t\toverflow-y: auto;\n\t\t\tli a {\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 150%;\n\t\t\t\tletter-spacing: 0.02em;\n\t\t\t\tcolor: #636A7B;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tpadding: 5px 15px;\n\t\t\t\tborder-radius: 4px;\n\t\t\t}\n\t\t}\n\t\tul li a:hover {\n\t\t\tbackground: #F6F9FE;\n\t\t\tcolor: #252A32;\n\t\t}\n\t\tul li a:hover svg path {\n\t\t\tfill: #252A32;\n\t\t}\n\t}\n\t.dropdown {\n\t\t//position: fixed;\n\t\t//z-index: 9999;\n\t\twidth: 100%;\n\t\tbackground: #FFFFFF;\n\t\tborder: 1px solid #E4E6F1;\n\t\tbox-shadow: 0px 64px 64px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 2px 2px rgba(211, 214, 215, 0.2);\n\t\tborder-radius: 6px;\n\t\tpadding: 15px;\n\t}\n\t.dropdown_header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t\tborder-bottom: 1px solid #EBEFF6;\n\t\tpadding: 10px 5px;\n\t\tmargin-bottom: 5px;\n\t\twhite-space: nowrap;\n\t\ta {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tsvg {\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\t\t}\n\t\t.separator {\n\t\t\tmargin: 0 5px;\n\t\t}\n\t}\n\t.dropdown_header a:hover {\n\t\tcolor: #4368E0;\n\t}\n\t.dropdown_header a:hover svg path {\n\t\tfill: #4368E0;\n\t}\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!./grouped-list.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!./grouped-list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./grouped-list.vue?vue&type=template&id=115bf6eb&scoped=true&\"\nimport script from \"./grouped-list.vue?vue&type=script&lang=js&\"\nexport * from \"./grouped-list.vue?vue&type=script&lang=js&\"\nimport style0 from \"./grouped-list.vue?vue&type=style&index=0&id=115bf6eb&prod&lang=scss&scoped=true&\"\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  \"115bf6eb\",\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/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../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!./FontPickerSelect.vue?vue&type=style&index=0&id=4cdfef9a&prod&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../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!./grouped-list.vue?vue&type=style&index=0&id=115bf6eb&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dv-popup\",class:{'is-relative':_vm.isRelative}},[_c('div',{staticClass:\"inner-body\",attrs:{\"name\":'dv-popup-'+_vm.uid}},[_c('span',{staticClass:\"icon\"},[_c('svg',{attrs:{\"width\":\"16\",\"height\":\"16\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M11.824 1.3c-.111 0-.167 0-.21.021a.201.201 0 00-.088.087c-.022.043-.022.1-.022.212v.76c0 .112 0 .168.021.21.02.038.05.068.087.088.043.022.1.022.212.023.251.002.353.008.434.024a1.3 1.3 0 011.021 1.021c.022.109.025.256.025.754v.803c0 .562 0 .992.126 1.391.11.352.293.677.534.955a2.5 2.5 0 00.38.351 2.5 2.5 0 00-.38.35 2.699 2.699 0 00-.534.956c-.127.4-.127.83-.126 1.39v.804c0 .498-.003.645-.025.754a1.3 1.3 0 01-1.021 1.021c-.081.016-.183.022-.434.024-.113.001-.17.001-.212.023a.199.199 0 00-.087.088c-.021.042-.021.098-.021.21v.76c0 .112 0 .169.022.211.02.038.05.069.088.088.043.022.099.021.21.02.277-.001.502-.01.707-.05a2.7 2.7 0 002.121-2.122c.052-.263.052-.56.052-.956v-.78c0-.7.008-.897.06-1.063a1.3 1.3 0 01.258-.46c.114-.133.279-.242.875-.608l.015-.01A.2.2 0 0016 8.494v-.968-.018a.2.2 0 00-.088-.158l-.007-.004-.008-.005c-.596-.366-.76-.476-.875-.608a1.3 1.3 0 01-.258-.46c-.052-.166-.06-.364-.06-1.063v-.78c0-.395 0-.693-.052-.956a2.7 2.7 0 00-2.121-2.121 3.8 3.8 0 00-.707-.052zM4.18 1.3c.111 0 .167 0 .21.021a.2.2 0 01.088.087c.022.043.022.1.022.212v.76c0 .112 0 .168-.022.21a.2.2 0 01-.086.088c-.043.022-.1.022-.212.023a2.456 2.456 0 00-.434.024 1.3 1.3 0 00-1.021 1.021c-.022.109-.025.256-.025.754v.803c0 .562 0 .992-.126 1.391a2.7 2.7 0 01-.534.955A2.5 2.5 0 011.659 8a2.5 2.5 0 01.38.35 2.7 2.7 0 01.535.956c.127.4.126.83.126 1.39v.804c0 .498.003.645.025.754a1.3 1.3 0 001.021 1.021c.081.016.183.022.434.024.113.001.17.001.212.023a.2.2 0 01.086.088c.022.042.022.098.022.21v.76c0 .112 0 .169-.022.211a.2.2 0 01-.088.088c-.043.022-.099.021-.21.02a3.796 3.796 0 01-.707-.05 2.7 2.7 0 01-2.121-2.122c-.052-.263-.052-.56-.052-.956v-.78c0-.7-.008-.897-.06-1.063a1.3 1.3 0 00-.258-.46C.868 9.135.703 9.026.107 8.66a.2.2 0 01-.103-.167v-.968-.018a.2.2 0 01.088-.158c.004-.002.008-.004.015-.01.596-.365.76-.475.875-.607a1.3 1.3 0 00.258-.46c.052-.166.06-.364.06-1.063v-.78c0-.395 0-.693.052-.956a2.7 2.7 0 012.121-2.121A3.8 3.8 0 014.18 1.3zM8 9a1 1 0 100-2 1 1 0 000 2z\"}}),_c('path',{attrs:{\"d\":\"M12.2 8a1 1 0 11-2 0 1 1 0 012 0zM4.8 9a1 1 0 100-2 1 1 0 000 2z\"}})])])]),_c('tippy',{attrs:{\"to\":'dv-popup-'+_vm.uid,\"theme\":\"transparent\",\"flip\":true,\"boundary\":\"window\",\"sticky\":true,\"flipOnUpdate\":true,\"placement\":\"bottom-start\",\"hideOnClick\":false,\"interactive\":\"true\",\"interactiveBorder\":\"0\"}},[_c('grouped-list',{attrs:{\"options\":_vm.optionGroups},on:{\"change\":_vm.valueChanged}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"dv-popup\" :class=\"{'is-relative':isRelative}\">\n\t\t\t<div class=\"inner-body\" :name=\"'dv-popup-'+uid\">\n\t\t    <span class=\"icon\">\n\t\t\t    <svg width=\"16\" height=\"16\"\n\t\t\t         xmlns=\"http://www.w3.org/2000/svg\" ><path d=\"M11.824 1.3c-.111 0-.167 0-.21.021a.201.201 0 00-.088.087c-.022.043-.022.1-.022.212v.76c0 .112 0 .168.021.21.02.038.05.068.087.088.043.022.1.022.212.023.251.002.353.008.434.024a1.3 1.3 0 011.021 1.021c.022.109.025.256.025.754v.803c0 .562 0 .992.126 1.391.11.352.293.677.534.955a2.5 2.5 0 00.38.351 2.5 2.5 0 00-.38.35 2.699 2.699 0 00-.534.956c-.127.4-.127.83-.126 1.39v.804c0 .498-.003.645-.025.754a1.3 1.3 0 01-1.021 1.021c-.081.016-.183.022-.434.024-.113.001-.17.001-.212.023a.199.199 0 00-.087.088c-.021.042-.021.098-.021.21v.76c0 .112 0 .169.022.211.02.038.05.069.088.088.043.022.099.021.21.02.277-.001.502-.01.707-.05a2.7 2.7 0 002.121-2.122c.052-.263.052-.56.052-.956v-.78c0-.7.008-.897.06-1.063a1.3 1.3 0 01.258-.46c.114-.133.279-.242.875-.608l.015-.01A.2.2 0 0016 8.494v-.968-.018a.2.2 0 00-.088-.158l-.007-.004-.008-.005c-.596-.366-.76-.476-.875-.608a1.3 1.3 0 01-.258-.46c-.052-.166-.06-.364-.06-1.063v-.78c0-.395 0-.693-.052-.956a2.7 2.7 0 00-2.121-2.121 3.8 3.8 0 00-.707-.052zM4.18 1.3c.111 0 .167 0 .21.021a.2.2 0 01.088.087c.022.043.022.1.022.212v.76c0 .112 0 .168-.022.21a.2.2 0 01-.086.088c-.043.022-.1.022-.212.023a2.456 2.456 0 00-.434.024 1.3 1.3 0 00-1.021 1.021c-.022.109-.025.256-.025.754v.803c0 .562 0 .992-.126 1.391a2.7 2.7 0 01-.534.955A2.5 2.5 0 011.659 8a2.5 2.5 0 01.38.35 2.7 2.7 0 01.535.956c.127.4.126.83.126 1.39v.804c0 .498.003.645.025.754a1.3 1.3 0 001.021 1.021c.081.016.183.022.434.024.113.001.17.001.212.023a.2.2 0 01.086.088c.022.042.022.098.022.21v.76c0 .112 0 .169-.022.211a.2.2 0 01-.088.088c-.043.022-.099.021-.21.02a3.796 3.796 0 01-.707-.05 2.7 2.7 0 01-2.121-2.122c-.052-.263-.052-.56-.052-.956v-.78c0-.7-.008-.897-.06-1.063a1.3 1.3 0 00-.258-.46C.868 9.135.703 9.026.107 8.66a.2.2 0 01-.103-.167v-.968-.018a.2.2 0 01.088-.158c.004-.002.008-.004.015-.01.596-.365.76-.475.875-.607a1.3 1.3 0 00.258-.46c.052-.166.06-.364.06-1.063v-.78c0-.395 0-.693.052-.956a2.7 2.7 0 012.121-2.121A3.8 3.8 0 014.18 1.3zM8 9a1 1 0 100-2 1 1 0 000 2z\"></path><path d=\"M12.2 8a1 1 0 11-2 0 1 1 0 012 0zM4.8 9a1 1 0 100-2 1 1 0 000 2z\"></path>\n\t\t\t    </svg>\n\t\t    </span>\n\t\t</div>\n\t\t<tippy :to=\"'dv-popup-'+uid\" theme=\"transparent\" :flip=\"true\" boundary=\"window\"\n\t\t       :sticky=\"true\" :flipOnUpdate=\"true\" placement=\"bottom-start\"\n\t\t        :hideOnClick=\"false\" interactive=\"true\" interactiveBorder=\"0\" >\n\t\t\t<grouped-list :options=\"optionGroups\" @change=\"valueChanged\"></grouped-list>\n\t\t</tippy>\n\t</div>\n</template>\n\n<script>\nlet id = 0;\n    import API from \"@/api\"\n    import GroupedList from \"@/components/base/grouped-list\";\n    export default {\n      name: \"DVPopup\",\n\t    components: {GroupedList},\n\t    mixins: [API],\n        props: {\n\t        isRelative: {\n\t        \tdefault: false,\n\t\t        type: Boolean,\n\t        },\n\t        isPage: {\n\t        \tdefault: false,\n\t\t        type: Boolean\n\t        }\n        },\n        data() {\n\t\t      \tid+=1;\n            return {\n            \tvalue: \"\",\n            \tuid: id,\n            }\n        },\n\t    computed:{\n\t\t    products(){\n\t\t\t    return this.$store.state.page.products;\n\t\t    },\n\t\t    sortedProducts() {\n\t\t\t    function compare(a, b) {\n\t\t\t\t    if (a['order_index'] < b['order_index']) return -1;\n\t\t\t\t    if (a['order_index'] > b['order_index']) return 1;\n\t\t\t\t    return 0;\n\t\t\t    }\n\t\t\t    return this.products.sort(compare);\n\t\t    },\n\t\t    optionGroups() {\n\t\t    \tif (this.isPage) {\n\t\t\t\t    let data = [\n\t\t\t\t\t    {id:\"contact\", name:\"Contact details\", options: [\n\t\t\t\t\t\t\t    // {id:\"contact.id\", name:\"ID\"},\n\t\t\t\t\t\t\t    {id:\"contact.email\", name:\"Email\"},\n\t\t\t\t\t\t\t    {id:\"contact.first_name\", name:\"First name\"},\n\t\t\t\t\t\t\t    {id:\"contact.last_name\", name:\"Last name\"},\n\t\t\t\t\t\t\t    {id:\"contact.full_name\", name:\"Full name\"},\n\n\t\t\t\t\t\t\t    {id:\"contact.country\", name:\"Country\"},\n\t\t\t\t\t\t\t    {id:\"contact.city\", name:\"City\"},\n\t\t\t\t\t\t\t    {id:\"contact.zip\", name:\"Zip\"},\n\t\t\t\t\t\t\t    {id:\"contact.state\", name:\"State\"},\n\t\t\t\t\t\t\t    {id:\"contact.address\", name:\"Address\"},\n\n\t\t\t\t\t\t\t    {id:\"contact.shipping_country\", name:\"Shipping country\"},\n\t\t\t\t\t\t\t    {id:\"contact.shipping_city\", name:\"Shipping city\"},\n\t\t\t\t\t\t\t    {id:\"contact.shipping_zip\", name:\"Shipping zip\"},\n\t\t\t\t\t\t\t    {id:\"contact.shipping_state\", name:\"Shipping state\"},\n\t\t\t\t\t\t\t    {id:\"contact.shipping_address\", name:\"Shipping address\"},\n\n\t\t\t\t\t\t\t    {id:\"contact.ip\", name:\"IP address\"},\n\t\t\t\t\t\t    ]},\n\t\t\t\t\t    {id:\"order\", name:\"Order details\", options: [\n\t\t\t\t\t\t\t    {id:\"order.id\", name:\"Order number\"},\n\t\t\t\t\t\t\t    {id:\"order.time\", name:\"Time\"},\n\t\t\t\t\t\t\t    {id:\"order.ref\", name:\"Payment reference\"},\n\t\t\t\t\t\t\t    {id:\"order.source\", name:\"Payment method\"},\n\t\t\t\t\t\t\t    //  TODO: not supported by backend yet.\n\t\t\t\t\t\t\t    // {id:\"order.qty\", name:\"Quantity\"},\n\t\t\t\t\t\t\t    {id:\"order.amount\", name:\"Amount\"},\n\t\t\t\t\t\t    ]},\n\t\t\t\t\t    {id:\"query\", name:\"UTM tags\", options: [\n\t\t\t\t\t\t\t    {id:\"query.utm_id\", name:\"utm_id\"},\n\t\t\t\t\t\t\t    {id:\"query.utm_source\", name:\"utm_source\"},\n\t\t\t\t\t\t\t    {id:\"query.utm_medium\", name:\"utm_medium\"},\n\t\t\t\t\t\t\t    {id:\"query.utm_campaign\", name:\"utm_campaign\"},\n\t\t\t\t\t\t\t    {id:\"query.utm_term\", name:\"utm_term\"},\n\t\t\t\t\t\t\t    {id:\"query.utm_content\", name:\"utm_content\"},\n\t\t\t\t\t\t    ]},\n\t\t\t\t\t    {id:\"funnel\", name:\"Funnel\", options: [\n\t\t\t\t\t\t\t    {id:\"core.currency\", name:\"Currency symbol\"},\n\t\t\t\t\t\t\t    {id:\"core.currency_code\", name:\"Currency code\"},\n\t\t\t\t\t\t    ]},\n\t\t\t\t    ];\n\t\t\t\t    // TODO: support dynamic products\n\t\t\t\t    // let products = [];\n\t\t\t\t    // this.sortedProducts.forEach(x => {\n\t\t\t\t    // \tproducts.push({id:`core.product(${x.id})`, name:x.name,\n\t\t\t\t\t\t//     options: [\n\t\t\t\t\t\t// \t    {id:`core.product(${x.id}).name`, name:\"Product name\"},\n\t\t\t\t\t\t// \t    {id:`core.product(${x.id}).price`, name:\"Product price\"},\n\t\t\t\t\t\t//     ]});\n\t\t\t\t    //\n\t\t\t\t    // })\n\t\t\t\t    // data.push( {id:\"products\", name:\"Products\", options: products})\n\t\t\t\t    return data;\n\t\t\t    }\n\n\t\t    \treturn [\n\t\t\t\t        {id:\"contact\", name:\"Contact details\", options: [\n\t\t\t\t\t\t    {id:\"contact.id\", name:\"ID\"},\n\t\t\t\t\t\t    {id:\"contact.first_name\", name:\"First name\"},\n\t\t\t\t\t\t    {id:\"contact.last_name\", name:\"Last name\"},\n\t\t\t\t\t\t    {id:\"contact.full_name\", name:\"Full name\"},\n\n\t\t\t\t\t\t    {id:\"contact.country\", name:\"Country\"},\n\t\t\t\t\t\t    {id:\"contact.city\", name:\"City\"},\n\t\t\t\t\t\t    {id:\"contact.zip\", name:\"Zip\"},\n\t\t\t\t\t\t    {id:\"contact.state\", name:\"State\"},\n\t\t\t\t\t\t    {id:\"contact.address\", name:\"Address\"},\n\n\t\t\t\t\t\t    {id:\"contact.shipping_country\", name:\"Shipping country\"},\n\t\t\t\t\t\t    {id:\"contact.shipping_city\", name:\"Shipping city\"},\n\t\t\t\t\t\t    {id:\"contact.shipping_zip\", name:\"Shipping zip\"},\n\t\t\t\t\t\t    {id:\"contact.shipping_state\", name:\"Shipping state\"},\n\t\t\t\t\t\t    {id:\"contact.shipping_address\", name:\"Shipping address\"},\n\n\t\t\t\t\t\t    {id:\"contact.ip\", name:\"IP address\"},\n\t\t\t\t\t    ]},\n\t\t\t\t        {id:\"order\", name:\"Order details\", options: [\n\t\t\t\t\t\t    {id:\"order.id\", name:\"Order number\"},\n\t\t\t\t\t\t    {id:\"order.time\", name:\"Time\"},\n\t\t\t\t\t\t    {id:\"order.ref\", name:\"Payment reference\"},\n\t\t\t\t\t\t    {id:\"order.source\", name:\"Payment source\"},\n\t\t\t\t\t\t    //  TODO: not supported by backend yet.\n\t\t\t\t\t\t    // {id:\"order.qty\", name:\"Quantity\"},\n\t\t\t\t\t\t    {id:\"order.amount\", name:\"Amount\"},\n\t\t\t\t\t    ]},\n\t\t\t    ];\n\t\t    }\n\t    },\n        methods: {\n\t\t        valueChanged(field) {\n\t\t        \tif (!field) return;\n\n\t\t          this.$emit(\"change\", field.item.id, field.item.name.toLowerCase());\n\t\t\t      },\n            closePopup() {\n                this.$emit(\"close\");\n            },\n        }\n    }\n</script>\n<style lang=\"scss\">\n    .dv-popup {\n\t    top: 3px;right: -10px;\n\t    //position: absolute;\n\t    background-color: #fff;\n\t    color: #000;\n\t    max-width: 300px;\n\t    padding: 1px;\n\t    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05);\n\t    white-space: nowrap;\n\t    border-radius: 4px;\n\t    background-clip: padding-box;\n\t    font-size: 14px;\n\t    line-height: 22px;\n\t    z-index: 3;\n\t    width: auto;\n\t    cursor: pointer;\n\t    position: sticky;\n\t    float: right;\n\t    margin-right: -12px;\n\t    outline: none !important;\n\n\t    .inner-body {\n\t\t    outline: none !important;\n\t\t    background: white;\n\t\t    color: #fff;\n\t\t    width: 30px;\n\t\t    height: 24px;\n\t\t    position: absolute;\n\t\t    padding: 1px;\n\t\t    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05);\n\t\t    white-space: nowrap;\n\t\t    border-radius: 4px;\n\t\t    background-clip: padding-box;\n\t\t    font-size: 14px;\n\t\t    line-height: 22px;\n\t\t    z-index: 3;\n\t\t    text-align: center;\n\t\t    &:before {\n\t\t\t    position: absolute;\n\t\t\t    display: block;\n\t\t\t    margin: 0;\n\t\t\t    width: auto;\n\t\t\t    height: auto;\n\t\t\t    border: none;\n\t\t\t    background: 0 0;\n\t\t\t    font-size: 17px;\n\t\t\t    line-height: 19px;\n\t\t\t    top: 50%;\n\t\t\t    content: '\\25B8';\n\t\t\t    transform: translateY(-50%) rotate(180deg);\n\t\t\t    margin-top: 1px;\n\t\t\t    left: -6px;\n\t\t\t    text-shadow: 1px -1px 6px rgba(0,0,0,.1);\n\t\t\t    color: #fff;\n\t\t    }\n\t\t    .icon {\n\t\t\t    padding: 1px 0;\n\t\t\t    display: inline-block;\n\t\t\t    vertical-align: bottom;\n\t\t\t    line-height: 20px;\n\t\t\t    > svg {\n\t\t\t\t    fill: #000;\n\t\t\t\t    width: 16px;\n\t\t\t\t    height: 16px;\n\t\t\t\t    display: inline-block;\n\t\t\t\t    vertical-align: bottom;\n\t\t\t\t    margin-bottom: 2px;\n\t\t\t    }\n\t\t    }\n\t    }\n\t    &:hover {\n\t\t    color: #4268df;\n\t\t    svg {\n\t\t\t    fill: #4268df !important;\n\t\t    }\n\t    }\n\t    &.is-relative {\n\t\t    position: relative;\n\t\t    top: 0;\n\t\t    right: 0;\n\t\t    margin: 0;\n\t\t    box-shadow: none;\n\t\t    float: none;\n\t\t    .inner-body {\n\t\t\t    box-shadow: none;\n\t\t\t    position: relative;\n\t\t\t    &:before {\n\t\t\t\t    display: none;\n\t\t\t    }\n\t\t\t    svg {\n\t\t\t\t    fill: #d2d5dc;\n\t\t\t    }\n\t\t    }\n\t    }\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!./dynamic-value-popup.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!./dynamic-value-popup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dynamic-value-popup.vue?vue&type=template&id=3cac1936&\"\nimport script from \"./dynamic-value-popup.vue?vue&type=script&lang=js&\"\nexport * from \"./dynamic-value-popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dynamic-value-popup.vue?vue&type=style&index=0&id=3cac1936&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/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../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!./FontPickerSelect.vue?vue&type=style&index=1&id=4cdfef9a&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"email-font-picker-select\"},[_c('v-select',{staticClass:\"__select small\",attrs:{\"options\":_vm.options,\"value\":_vm.value,\"label\":\"label\",\"placeholder\":\"Default font\",\"searchable\":\"\",\"clearable\":\"\",\"reduce\":item => item.id,\"append-to-body\":\"\"},on:{\"change\":_vm.fontChange,\"input\":_vm.fontChange},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_c('span',{style:({fontFamily: option.label})},[_vm._v(\" \"+_vm._s(option.label)+\" \")])]}},{key:\"selected-option\",fn:function(option){return [_c('span',{style:({fontFamily: option.label})},[_vm._v(\" \"+_vm._s(option.label)+\" \")])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"email-font-picker-select\">\n\t\t<v-select\n\t\t\t\tclass=\"__select small\"\n\t\t\t\t:options=\"options\"\n\t\t\t\t@change=\"fontChange\"\n\t\t\t\t@input=\"fontChange\"\n\t\t\t\t:value=\"value\"\n\t\t\t\tlabel=\"label\"\n\t\t\t\tplaceholder=\"Default font\"\n\t\t\t\tsearchable\n\t\t\t\tclearable\n\t\t\t\t:reduce=\"item => item.id\"\n\t\t\t\tappend-to-body>\n\t\t\t<template v-slot:option=\"option\">\n\t\t\t\t<span :style=\"{fontFamily: option.label}\">\n\t\t\t\t\t{{option.label}}\n\t\t\t\t</span>\n\t\t\t</template>\n\t\t\t<template v-slot:selected-option=\"option\">\n\t\t\t\t<span :style=\"{fontFamily: option.label}\">\n\t\t\t\t\t{{option.label}}\n\t\t\t\t</span>\n\t\t\t</template>\n\t\t</v-select>\n\t</div>\n</template>\n\n<script>\nimport SelectField from \"@/components/base/select-field\";\nexport default {\n  name: 'FontPickerSelect', components: {SelectField},\n\tprops: ['options', 'value'],\n  data: function(){\n    return {\n    }\n  },\n  computed: {\n  },\n  methods: {\n    fontChange(ev){\n      this.$emit('change', ev);\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.email-font-picker-select {\n\tdisplay: flex;\n\tflex: 1;\n\tflex-direction: row;\n\n\t.__select {\n\t\twidth: 100%;\n\t}\n}\n</style>\n<style lang=\"scss\">\n.email-font-picker-select {\n\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!./FontPickerSelect.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!./FontPickerSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FontPickerSelect.vue?vue&type=template&id=4cdfef9a&scoped=true&\"\nimport script from \"./FontPickerSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./FontPickerSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FontPickerSelect.vue?vue&type=style&index=0&id=4cdfef9a&prod&lang=scss&scoped=true&\"\nimport style1 from \"./FontPickerSelect.vue?vue&type=style&index=1&id=4cdfef9a&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  \"4cdfef9a\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport \"quill/dist/quill.core.css\";\nimport \"quill/dist/quill.snow.css\";\nimport \"quill/dist/quill.bubble.css\";\nimport Quill from \"quill\";\nwindow.Quill = Quill\nconsole.log('Quill fire!');\n\nimport { quillEditor } from \"vue-quill-editor\";\nvar Parchment = Quill.import('parchment');\n\nvar Font = Quill.import(\"formats/font\");\n\n// Font.whitelist = [\"abel\", \"abrilfatface\", \"acme\", \"amaticsc\", \"anticslab\", \"anton\", \"architectsdaughter\", \"archivonarrow\", \"arimo\", \"arvo\", \"asap\", \"assistant\", \"balsamiqsans\", \"barlow\", \"barlowcondensed\", \"bebasneue\", \"bitter\", \"breeserif\", \"cabin\", \"cairo\", \"catamaran\", \"comfortaa\", \"cormorantgaramond\", \"crimsontext\", \"dancingscript\", \"domine\", \"dosis\", \"ebgaramond\", \"exo\", \"exo2\", \"firasans\", \"fjallaone\", \"fredokaone\", \"heebo\", \"hind\", \"hindmadurai\", \"hindsiliguri\", \"ibmplexsans\", \"ibmplexserif\", \"inconsolata\", \"indieflower\", \"inter\", \"josefinsans\", \"kanit\", \"karla\", \"lato\", \"librebaskerville\", \"librefranklin\", \"lobster\", \"lora\", \"martel\", \"mavenpro\", \"merriweather\", \"merriweathersans\", \"monda\", \"montserrat\", \"mukta\", \"nanumgothic\", \"notosans\", \"notosanshk\", \"notosansjp\", \"notosanskr\", \"notosanssc\", \"notosanstc\", \"notoserif\", \"nunito\", \"nunitosans\", \"opensans\", \"oswald\", \"overpass\", \"oxygen\", \"pacifico\", \"patrickhand\", \"playfairdisplay\", \"poppins\", \"prompt\", \"ptsans\", \"ptsansnarrow\", \"ptserif\", \"questrial\", \"quicksand\", \"raleway\", \"roboto\", \"robotocondensed\", \"robotomono\", \"robotoslab\", \"rubik\", \"shadowsintolight\", \"signika\", \"slabo27px\", \"sourcecodepro\", \"sourcesanspro\", \"sourceserifpro\", \"teko\", \"titilliumweb\", \"ubuntu\", \"varelaround\", \"worksans\", \"yanonekaffeesatz\", \"zillaslab\"];\nFont.whitelist = [\"arial\", \"arialblack\", \"comicsans\", \"courier\", \"couriernew\", \"droidsans\", \"georgia\", \"helvetica\", \"lucidasans\",\n\t\"opensans\", \"roboto\", \"tahoma\", \"timesnewroman\", \"trebuchetms\", \"verdana\",\"brushscriptmt\"];\n\nQuill.register(Font, true);\n\n// --------------------\n\nvar SizeStyle = Quill.import(\"attributors/style/size\");\nSizeStyle.whitelist = null;\n// [\n// \t\"6px\", \"8px\", \"10px\", \"12px\", \"14px\", \"16px\", \"18px\", \"21px\", \"24px\", \"28px\", \"32px\", \"36px\", \"42px\", \"48px\", \"56px\", \"64px\", \"72px\", \"80px\", \"88px\", \"96px\", \"104px\", \"120px\", \"144px\",\n// ];\nwindow.whitelist = SizeStyle.whitelist;\nQuill.register(SizeStyle, true);\n\n// --------------------\n\nlet Link = Quill.import('formats/link');\nLink.sanitize = function(url) {\n\t// modify url if desired\n\tif (url && !url.startsWith('http://') && !url.startsWith('https://'))\n\t\turl = 'https://' + url;\n\treturn url;\n}\n\n// custom Dynamic Value placeholder format\nvar Embed = Quill.import('blots/embed');\nclass QuillDValue extends Embed {\n\tstatic create(value) {\n\t\tlet node = super.create(value);\n\t\t// var beforeSep = value.split('|')[0];\n\t\t// var afterSep = value.split('|')[1];\n\n\t\tnode.innerHTML = `${value}`;\n\t\treturn node;\n\t}\n\tstatic value(domNode) {\n\t\treturn domNode.innerHTML; // ('src');\n\t}\n}\nQuillDValue.blotName = 'dvalue';\nQuillDValue.className = 'd-value';\nQuillDValue.tagName = 'span';\n\nQuill.register({\n\t'formats/dvalue': QuillDValue\n});\n\n// --------------------\n\nconst alignConfig = {\n  scope: Parchment.Scope.BLOCK,\n  whitelist: ['left', 'right', 'center', 'justify']\n};\n\nlet AlignAttribute = new Parchment.Attributor.Attribute('align', 'align', alignConfig);\nlet AlignClass = new Parchment.Attributor.Class('align', 'ql-align', alignConfig);\nlet AlignStyle = new Parchment.Attributor.Style('align', 'text-align', alignConfig);\n\nParchment.register(AlignAttribute);\nParchment.register(AlignClass);\nParchment.register(AlignStyle);\n\n\nexport default quillEditor;\n</script>\n","var render, staticRenderFns\nimport script from \"./QuillEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./QuillEditor.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","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!./QuillEditor.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!./QuillEditor.vue?vue&type=script&lang=js&\""],"sourceRoot":""}