{"version":3,"sources":["webpack:///./src/assets/img/pencil-remove-outline.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontPanel.vue?d5b1","webpack:///./src/assets/icons/t-right.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontStyling.vue?64f7","webpack:///./src/assets/page/img/ta-left-icon.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue?537a","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ToggleInput.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/ToggleInput.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ToggleInput.vue?3c35","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ToggleInput.vue?b670","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/TextAlign.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/TextAlign.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/TextAlign.vue?e94f","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/TextAlign.vue?131a","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ClickAction.vue","webpack:///./src/modules/page-editor/src/components/popups/click-action-popup.vue","webpack:///src/modules/page-editor/src/components/popups/click-action-popup.vue","webpack:///./src/modules/page-editor/src/components/popups/click-action-popup.vue?57d8","webpack:///./src/modules/page-editor/src/components/popups/click-action-popup.vue?2809","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/ClickAction.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ClickAction.vue?2df4","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ClickAction.vue?a28c","webpack:///./src/modules/page-editor/src/components/popups/CodePopup.vue","webpack:///src/modules/page-editor/src/components/popups/CodePopup.vue","webpack:///./src/modules/page-editor/src/components/popups/CodePopup.vue?859b","webpack:///./src/modules/page-editor/src/components/popups/CodePopup.vue?bc79","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ClickAction.vue?d829","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?c99e","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue?1175","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/PopupOpenBtn.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/PopupOpenBtn.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/PopupOpenBtn.vue?28e5","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/PopupOpenBtn.vue?cecf","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue","webpack:///src/modules/page-editor/src/components/popups/SelectImagePopup.vue","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?b818","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?dbaf","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/TextInput.vue?c817","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/selectItem.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/selectItem.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/selectItem.vue?1fe0","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/selectItem.vue?050e","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/Font.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/Font.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/Font.vue?d45f","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/Font.vue?0d5c","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/TextInput.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/TextInput.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/TextInput.vue?9015","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/TextInput.vue?100b","webpack:///./src/modules/page-editor/src/components/sidebar/PageProperties.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/pagePopupSettings.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/pagePopupSettings.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/pagePopupSettings.vue?e6b7","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/pagePopupSettings.vue?6fd7","webpack:///src/modules/page-editor/src/components/sidebar/PageProperties.vue","webpack:///./src/modules/page-editor/src/components/sidebar/PageProperties.vue?db88","webpack:///./src/modules/page-editor/src/components/sidebar/PageProperties.vue?08a9","webpack:///./src/assets/icons/t-justify.svg","webpack:///./src/assets/icons/back.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue?9729","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue?b4b2","webpack:///./src/assets/icons/t-bold.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ListItems.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/ListItems.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ListItems.vue?8aa3","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ListItems.vue?8288","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue?95c3","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue?eef1","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue?dfc0","webpack:///./src/modules/page-editor/src/components/popups/SelectImagePopup.vue?e4ca","webpack:///./src/helpers/products.js","webpack:///./src/assets/page/img/ta-justify-icon.svg","webpack:///./src/modules/page-editor/src/components/popups/click-action-popup.vue?afe0","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/Border.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/Border.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/Border.vue?46e3","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/Border.vue?ceb2","webpack:///./src/assets/icons/t-center.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontStyling.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/FontStyling.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontStyling.vue?4712","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontStyling.vue?a103","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/SocialNetworks.vue?c8aa","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/ListItems.vue?5525","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontPanel.vue?332e","webpack:///./src/modules/page-editor/src/assets/img/chevron-up.svg","webpack:///./src/assets/img/upload.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/selectItem.vue?07f3","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/SocialNetworks.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/SocialNetworks.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/SocialNetworks.vue?1859","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/SocialNetworks.vue?c8cb","webpack:///./src/assets/page/img/ta-right-icon.svg","webpack:///./src/assets/icons/t-left.svg","webpack:///./src/assets/icons/t-italic.svg","webpack:///./src/assets/icons/t-underline.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue?5a02","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue?9ea3","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/marginPadding.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/marginPadding.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/marginPadding.vue?abc3","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/marginPadding.vue?b8ad","webpack:///./src/assets/page/img/ta-center-icon.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue?f9be","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontPanel.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/FontPanel.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontPanel.vue?b630","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/FontPanel.vue?86a5","webpack:///./src/assets/icons/t-strike.svg","webpack:///./src/modules/page-editor/src/components/popups/CodePopup.vue?9c88","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/pagePopupSettings.vue?fb33"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","class","itemClass","_v","_s","title","attrs","domProps","value","booleanValue","on","$event","updatedData","target","checked","_m","staticRenderFns","name","props","methods","computed","component","_e","require","open","staticStyle","options","clickActionData","mainToggle","onDone","close","scopedSlots","_u","key","fn","_l","i","id","activeSectionId","disabled","setActiveSection","label","tag","activeSection","urlUpdate","model","url","callback","$$v","$set","expression","urlUpdateTarget","productId","autoSelect","products","x","option","getPrice","loading","sectionIDs","isRow","description","element","loadingPopups","popups","path","popup","proxy","save","components","Popup","VButton","VSwitch","InputField","VSpinner","mixins","data","funnel","step","section","returnArray","list","get","set","stepId","funnelId","isOTO","created","ClickActionPopup","insertCode","closeThisPopup","tabActive","setActiveTab","highlighter","rawCode","directives","rawName","highlighterCss","rawCodeCSS","rawCodeJSHead","rawCodeJSBody","PrismEditor","emailSpacer","emailButton","emailHeadline","emailParagraph","emailImage","emailVideo","emailLink","emailSocial","emailMenu","emailTimer","emailCustom","emailProgressBar","emailProductList","emailFormElement","emailPaymentForm","emailTwoStepForm","type","default","html","showMail","editor","getCSS","getCodeJSHead","getCodeJSBody","view","page","highlighterJs","format","textNode","indentAfter","node","css","head_js","body_js","mounted","isAdmin","inputChanged","CodePopup","document","newFolderState","newFolderInput","creatingFolder","createNewFolder","popupCategories","item","index","popupActiveCategory","stopPropagation","folderToDelete","deleteFolderPopup","uploading","uploadFile","imageFilteredList","length","chooseImage","theme","showDeletePopup","deletePopup","deletingImage","deleteImage","deleteImageId","deletingFolder","deleteCategory","Loading","selectImageItems","lst","Array","from","map","formData","funnel_id","newFolder","selectData","selected","fontFamily","fontPickerChange","select2Settings","fontSizeOptions","fontSize","FontPickerVue","dropdownAutoWidth","width","fonFamilyOptions","text","console","_b","toLowerCase","$attrs","linkTo","currentTab","basic","backgroundColor","debUpdate","backgroundImage","backgroundStyle","backgroundPosition","padding","font","border","advanced","cssClasses","direction","pagePopup","showWhenOptions","when","showWhen","_q","update","desc","param1","param2","inputField","infoIcon","onFieldUpdate","PagePopupSettings","colorPicker","imageUploader","TextInput","marginPadding","Border","selectItem","InputNumber","ToggleInput","ListItems","Font","ClickAction","TextAlign","FontStyling","FontPanel","SocialNetworks","PopupOpenBtn","MultiSelectItem","replacedClass","canReset","reset","useTooltip","uid","swatches","color","style","colorCirclePick","updateValue","circleColorStyle","pickerOpen","clickOutside","left","pickerLeft","top","pickerTopStyle","pickerTrigger","isTextColor","fontWeight","background","height","colorPickerBox","hideTitle","pickerTop","watch","moreFields","panelOpenToggle","removeItem","icon","addNewItem","listItemsData","localStorage","popupOpen","closeImagePopup","setImgPath","SelectImagePopup","inputVal","getSymbol","currencyCode","currencies","find","symbol","getCycleType","getPriceBrief","product","is_subscription","cycleType","cycle_type","billingAmount","billing_amount","cycle","billingCycle","billing_cycle","price","showMore","_n","compData","borderData","sides","sidesToggle","right","bottom","borderRadiusFields","borderMore","radius","topLeft","topRight","bottomRight","bottomLeft","allSides","s","hasRadius","bold","italic","underline","panelOpen","onDrop","status","Container","Draggable","className","animationDuration","showOnTop","selectOptions","search","searching","addOption","marginInputChanged","allSidesChange","marginFields","fontLocalData","setFontSize","colorPickerChanged","fontStyling","textAlign","colorPickerItem","FontSizeSelect","pushLocalData"],"mappings":"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","file":"js/chunk-40bf5a25.ea1375c5.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/pencil-remove-outline.782f4185.svg\";","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!./FontPanel.vue?vue&type=style&index=1&id=1997d588&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/t-right.08f49f54.svg\";","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!./FontStyling.vue?vue&type=style&index=0&id=3bfcce39&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/ta-left-icon.c4c868e8.svg\";","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!./colorPicker.vue?vue&type=style&index=0&id=10a81c52&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\",class:_vm.itemClass},[_c('div',{staticClass:\"wrapper_title mb_0\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.value.booleanValue},on:{\"change\":function($event){return _vm.updatedData($event.target.checked, 'booleanValue')}}}),_vm._m(0)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar\" :class=\"itemClass\">\n        <div class=\"wrapper_title mb_0\">\n            <div class=\"title\">{{title}}</div>\n\n            <label class=\"switch_checkbox_item\">\n                <input type=\"checkbox\" :checked=\"value.booleanValue\" @change=\"updatedData($event.target.checked, 'booleanValue')\">\n                <div class=\"switch_checkbox\"><span></span></div>\n            </label>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'ToggleInput',\n    props: ['title', 'value'],\n    methods: {\n        updatedData(val, fieldName){\n            this.$emit('updated', {booleanValue: val});\n        },\n    },\n\tcomputed:{\n\t\titemClass() {\n\t\t\treturn this.title.toLowerCase().split(' ').join('_');\n\t\t}\n\t}\n}\n</script>\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!./ToggleInput.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!./ToggleInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToggleInput.vue?vue&type=template&id=2abd7576&\"\nimport script from \"./ToggleInput.vue?vue&type=script&lang=js&\"\nexport * from \"./ToggleInput.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\"},[_c('div',{staticClass:\"wrapper_title mb_0\"},[(_vm.title)?_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title)+\":\")]):_vm._e(),_c('div',{staticClass:\"txt-style-group\"},[_c('div',{class:['txt-option-item', {'active' : _vm.value == 'justify'}],on:{\"click\":function($event){return _vm.updatedData('justify')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/page/img/ta-justify-icon.svg')}})],1),_c('div',{class:['txt-option-item', {'active' : _vm.value == 'left'}],on:{\"click\":function($event){return _vm.updatedData('left')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/page/img/ta-left-icon.svg')}})],1),_c('div',{class:['txt-option-item', {'active' : _vm.value == 'center'}],on:{\"click\":function($event){return _vm.updatedData('center')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/page/img/ta-center-icon.svg')}})],1),_c('div',{class:['txt-option-item', {'active' : _vm.value == 'right'}],on:{\"click\":function($event){return _vm.updatedData('right')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/page/img/ta-right-icon.svg')}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar\">\n        <div class=\"wrapper_title mb_0\">\n            <div class=\"title\" v-if=\"title\">{{title}}:</div>\n\n            <div class=\"txt-style-group\">\n                <div \n                    :class=\"['txt-option-item', {'active' : value == 'justify'}]\"\n                    @click=\"updatedData('justify')\"\n                >\n                    <inline-svg :src=\"require('@/assets/page/img/ta-justify-icon.svg')\"/>\n                </div>\n                <div \n                    :class=\"['txt-option-item', {'active' : value == 'left'}]\"\n                    @click=\"updatedData('left')\"\n                >\n                    <inline-svg :src=\"require('@/assets/page/img/ta-left-icon.svg')\"/>\n                </div>\n                <div \n                    :class=\"['txt-option-item', {'active' : value == 'center'}]\"\n                    @click=\"updatedData('center')\"\n                >\n                    <inline-svg :src=\"require('@/assets/page/img/ta-center-icon.svg')\"/>\n                </div>\n                <div \n                    :class=\"['txt-option-item', {'active' : value == 'right'}]\"\n                    @click=\"updatedData('right')\"\n                >\n                    <inline-svg :src=\"require('@/assets/page/img/ta-right-icon.svg')\"/>\n                </div>\n            </div>\n        </div>\n\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'TextAlign',\n    props: ['title', 'value'],\n    methods: {\n        updatedData(val){\n            this.$emit('updated', val);\n        },\n    },\n}\n</script>","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!./TextAlign.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!./TextAlign.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextAlign.vue?vue&type=template&id=ebe1a254&\"\nimport script from \"./TextAlign.vue?vue&type=script&lang=js&\"\nexport * from \"./TextAlign.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\"},[_c('div',{staticClass:\"clickable-section\",on:{\"click\":function($event){_vm.open=true}}},[_vm._m(0),_c('div',{staticStyle:{\"width\":\"30px\"}}),_c('div',{staticClass:\"flex-none right-panel\",staticStyle:{\"min-width\":\"80px\"}},[(_vm.options[_vm.clickActionData.mainToggle])?_c('span',[_vm._v(\" \"+_vm._s(_vm.options[_vm.clickActionData.mainToggle])+\" \")]):_c('span',{staticStyle:{\"color\":\"red\"}},[_vm._v(\" No action \")])])]),(_vm.open)?_c('click-action-popup',{attrs:{\"data\":_vm.clickActionData},on:{\"close\":function($event){_vm.open=false},\"done\":_vm.onDone}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex\"},[_c('p',{staticClass:\"title\"},[_vm._v(\"Click action\")]),_c('p',[_vm._v(\" Select an action to trigger when the element is clicked. \")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"click-action-popup\",attrs:{\"title\":\"Click action\"},on:{\"close\":_vm.close},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"container layout-row flex\"},[_c('div',{staticClass:\"layout-column actions-list\"},_vm._l((_vm.options),function(i){return _c('div',{key:i.id,staticClass:\"clickable-section\",class:{'active':_vm.activeSectionId===i.id,'disabled':i.disabled},on:{\"click\":function($event){return _vm.setActiveSection(i.id)}}},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(i.label)+\" \"),(i.tag)?_c('i',[_vm._v(_vm._s(i.tag))]):_vm._e()])])}),0),(_vm.activeSection)?_c('div',{staticClass:\"flex layout-column active-section\"},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.activeSection.label))]),(_vm.activeSectionId==='goto-url')?_c('div',[_c('input-field',{attrs:{\"prepend\":\"https://\",\"small\":\"\",\"placeholder\":\"Enter your URL\"},on:{\"change\":function($event){return _vm.urlUpdate($event)}},model:{value:(_vm.clickActionData.url),callback:function ($$v) {_vm.$set(_vm.clickActionData, \"url\", $$v)},expression:\"clickActionData.url\"}}),_c('v-switch',{staticClass:\"target-switch\",attrs:{\"label\":\"Open in a new tab\",\"value\":_vm.clickActionData.target==='_blank'},on:{\"change\":function($event){return _vm.urlUpdateTarget($event)}}})],1):(_vm.activeSectionId==='yes-link')?_c('div',[_c('span',{staticClass:\"margin-b-20 layout-column\"},[_c('v-switch',{attrs:{\"value\":!_vm.clickActionData.productId,\"description\":\"Make sure there is a product-list element on the page when using this option.\"},on:{\"change\":_vm.autoSelect}},[_vm._v(\" Allow your customers to select from a \"),_c('b',[_vm._v(\"product list\")]),_vm._v(\" element. \")])],1),_c('span',{},[_vm._v(\"Or, Select a product to sell:\")]),_c('div',{staticClass:\"margin-t-5\",staticStyle:{\"position\":\"relative\"}},[_c('v-select',{staticClass:\"small\",attrs:{\"options\":_vm.products,\"searchable\":true,\"clearable\":true,\"label\":\"name\",\"placeholder\":\"Select a product to sell\",\"reduce\":x=>x.id,\"append-to-body\":\"\",\"dense\":\"\"},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_c('div',{staticClass:\"layout-row\"},[_c('span',{staticStyle:{\"font-weight\":\"bold\",\"margin-right\":\"5px\"}},[_vm._v(_vm._s(option.name))]),_c('div',{staticClass:\"flex\"}),_c('span',[_vm._v(_vm._s(_vm.getPrice(option)))])])]}},{key:\"selected-option\",fn:function(option){return [(!!_vm.clickActionData.productId)?_c('div',{staticClass:\"layout-row flex\"},[_c('span',{staticStyle:{\"font-weight\":\"bold\",\"margin-right\":\"5px\"}},[_vm._v(_vm._s(option.name))]),_c('div',{staticClass:\"flex\"}),_c('span',[_vm._v(_vm._s(_vm.getPrice(option)))])]):_c('div',{staticClass:\"layout-row\"},[_c('span',{staticStyle:{\"font-weight\":\"bold\",\"color\":\"grey\",\"margin-right\":\"5px\",\"font-style\":\"italic\"}},[_vm._v(\"Dynamic\")])])]}}],null,false,2825212448),model:{value:(_vm.clickActionData.productId),callback:function ($$v) {_vm.$set(_vm.clickActionData, \"productId\", $$v)},expression:\"clickActionData.productId\"}}),(_vm.loading)?_c('v-spinner',{staticClass:\"spinner\"}):_vm._e()],1)]):(_vm.activeSectionId==='goto-element')?_c('div',[_c('span',{},[_vm._v(\"Select a section or row:\")]),_c('v-select',{staticClass:\"small\",attrs:{\"options\":_vm.sectionIDs,\"searchable\":true,\"clearable\":true,\"label\":\"label\",\"placeholder\":\"Select a section to go to\",\"reduce\":x=>x.id,\"append-to-body\":\"\",\"dense\":\"\"},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_c('div',{staticClass:\"layout-row\"},[(option.isRow)?_c('span',{staticStyle:{\"font-weight\":\"bold\",\"margin-right\":\"5px\",\"margin-left\":\"20px\"}},[_vm._v(_vm._s(option.label))]):_c('span',{staticStyle:{\"font-weight\":\"bold\",\"margin-right\":\"5px\"}},[_vm._v(_vm._s(option.label))]),(option.description)?_c('span',[_vm._v(_vm._s(option.description))]):_c('span',{staticClass:\"cta-popup section-tag\"},[_vm._v(_vm._s(option.isRow ? '(row)' : '(section)'))])])]}},{key:\"selected-option\",fn:function(option){return [_c('div',{staticClass:\"layout-row\"},[(option.isRow)?_c('span',{staticStyle:{\"font-weight\":\"bold\",\"margin-right\":\"5px\"}},[_vm._v(_vm._s(option.label))]):_c('span',{staticStyle:{\"font-weight\":\"bold\",\"margin-right\":\"5px\"}},[_vm._v(_vm._s(option.label))]),(option.description)?_c('span',[_vm._v(_vm._s(option.description))]):_c('span',{staticClass:\"cta-popup section-tag\"},[_vm._v(_vm._s(option.isRow ? '(row)' : '(section)'))])])]}}],null,false,692370681),model:{value:(_vm.clickActionData.element),callback:function ($$v) {_vm.$set(_vm.clickActionData, \"element\", $$v)},expression:\"clickActionData.element\"}})],1):(_vm.activeSectionId==='show-popup')?_c('div',[_c('span',{},[_vm._v(\"Select a popup to be shown:\")]),(_vm.loadingPopups)?_c('v-spinner',{staticClass:\"spinner\"}):_vm._e(),_c('v-select',{staticClass:\"small\",attrs:{\"options\":_vm.popups,\"searchable\":true,\"disabled\":_vm.loadingPopups,\"clearable\":true,\"label\":\"name\",\"placeholder\":\"Select a popup to show\",\"reduce\":x=>x.path,\"append-to-body\":\"\",\"dense\":\"\"},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_c('div',{staticClass:\"layout-row\"},[_c('span',{staticStyle:{\"display\":\"flex\",\"flex\":\"1\",\"font-weight\":\"bold\",\"margin-right\":\"5px\",\"margin-left\":\"20px\"}},[_vm._v(_vm._s(option.name))]),_c('span',{staticClass:\"cta-popup section-tag\"},[_vm._v(\"#\"+_vm._s(option.path))])])]}},{key:\"selected-option\",fn:function(option){return [_c('div',{staticClass:\"layout-row\"},[_c('span',{staticStyle:{\"display\":\"flex\",\"flex\":\"1\",\"font-weight\":\"bold\",\"margin-right\":\"5px\",\"margin-left\":\"20px\"}},[_vm._v(_vm._s(option.name))]),_c('span',{staticClass:\"cta-popup section-tag\"},[_vm._v(\"#\"+_vm._s(option.path))])])]}}],null,false,1560512205),model:{value:(_vm.clickActionData.popup),callback:function ($$v) {_vm.$set(_vm.clickActionData, \"popup\", $$v)},expression:\"clickActionData.popup\"}})],1):_c('div',[_c('p',[_vm._v(_vm._s(_vm.activeSection.description))])])]):_vm._e()])]},proxy:true},{key:\"actions\",fn:function(){return [_c('v-button',{attrs:{\"label\":\"Save changes\"},on:{\"click\":_vm.save}}),_c('v-button',{attrs:{\"label\":\"Cancel\",\"border\":\"\"},on:{\"click\":_vm.close}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<popup class=\"click-action-popup\" title=\"Click action\" @close=\"close\" >\n\t\t<template v-slot:content>\n\t\t\t<div class=\"container layout-row flex\">\n\n\t\t\t\t<div class=\"layout-column actions-list\">\n\t\t\t\t\t<div class=\"clickable-section\" v-for=\"i in options\" :class=\"{'active':activeSectionId===i.id,'disabled':i.disabled}\"\n\t\t\t\t\t     @click=\"setActiveSection(i.id)\" :key=\"i.id\">\n\t\t\t\t\t\t<span class=\"label\">{{i.label}} <i v-if=\"i.tag\">{{i.tag}}</i></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"flex layout-column active-section\" v-if=\"activeSection\">\n\t\t\t\t\t<span class=\"label\">{{activeSection.label}}</span>\n\t\t\t\t\t<div v-if=\"activeSectionId==='goto-url'\">\n\t\t\t\t\t\t<input-field prepend=\"https://\" small placeholder=\"Enter your URL\" v-model=\"clickActionData.url\"\n\t\t\t\t\t\t             @change=\"urlUpdate($event)\"/>\n\n\t\t\t\t\t\t<v-switch label=\"Open in a new tab\" class=\"target-switch\"\n\t\t\t\t\t\t          :value=\"clickActionData.target==='_blank'\" @change=\"urlUpdateTarget($event)\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else-if=\"activeSectionId==='yes-link'\">\n\t\t\t\t\t\t\t<span class=\"margin-b-20 layout-column\">\n\t\t\t\t\t\t\t\t<v-switch :value=\"!clickActionData.productId\" @change=\"autoSelect\"\n\t\t\t\t\t\t\t\t          description=\"Make sure there is a product-list element on the page when using this option.\">\n\t\t\t\t\t\t\t\t\tAllow your customers to select from a <b>product list</b> element.\n\t\t\t\t\t\t\t\t</v-switch>\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<span class=\"\">Or, Select a product to sell:</span>\n\t\t\t\t\t\t<div style=\"position: relative\" class=\"margin-t-5\">\n\t\t\t\t\t\t<v-select class=\"small \"\n\t\t\t\t\t\t          :options=\"products\"\n\t\t\t\t\t\t          :searchable=\"true\"\n\t\t\t\t\t\t          :clearable=\"true\"\n\t\t\t\t\t\t          label=\"name\"\n\t\t\t\t\t\t          placeholder=\"Select a product to sell\"\n\t\t\t\t\t\t          v-model=\"clickActionData.productId\"\n\t\t\t\t\t\t          :reduce=\"x=>x.id\"\n\t\t\t\t\t\t          append-to-body\n\t\t\t\t\t\t          dense>\n\t\t\t\t\t\t\t<template v-slot:option=\"option\">\n\t\t\t\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold;margin-right: 5px;\">{{ option.name }}</span>\n\t\t\t\t\t\t\t\t\t<div class=\"flex\"></div>\n\t\t\t\t\t\t\t\t\t<span>{{ getPrice(option) }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-slot:selected-option=\"option\">\n\t\t\t\t\t\t\t\t<div class=\"layout-row flex\" v-if=\"!!clickActionData.productId\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold;margin-right: 5px;\">{{ option.name }}</span>\n\t\t\t\t\t\t\t\t\t<div class=\"flex\"></div>\n\t\t\t\t\t\t\t\t\t<span>{{ getPrice(option) }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"layout-row\" v-else>\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold;color:grey;margin-right: 5px;font-style: italic\">Dynamic</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</v-select>\n\t\t\t\t\t\t\t<v-spinner class=\"spinner\" v-if=\"loading\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else-if=\"activeSectionId==='goto-element'\">\n\t\t\t\t\t\t<span class=\"\">Select a section or row:</span>\n\t\t\t\t\t\t<v-select class=\"small\" :options=\"sectionIDs\"\n\t\t\t\t\t\t          :searchable=\"true\"\n\t\t\t\t\t\t          :clearable=\"true\"\n\t\t\t\t\t\t          label=\"label\"\n\t\t\t\t\t\t          placeholder=\"Select a section to go to\"\n\t\t\t\t\t\t          v-model=\"clickActionData.element\"\n\t\t\t\t\t\t          :reduce=\"x=>x.id\"\n\t\t\t\t\t\t          append-to-body\n\t\t\t\t\t\t          dense>\n\t\t\t\t\t\t\t<template v-slot:option=\"option\">\n\t\t\t\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t\t\t\t<span v-if=\"option.isRow\" style=\"font-weight: bold;margin-right: 5px;margin-left: 20px;\">{{ option.label }}</span>\n\t\t\t\t\t\t\t\t\t<span v-else style=\"font-weight: bold;margin-right: 5px;\">{{ option.label }}</span>\n\t\t\t\t\t\t\t\t\t<span v-if=\"option.description\">{{ option.description }}</span>\n\t\t\t\t\t\t\t\t\t<span v-else class=\"cta-popup section-tag\">{{ option.isRow ? '(row)' : '(section)' }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-slot:selected-option=\"option\">\n\t\t\t\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t\t\t\t<span v-if=\"option.isRow\" style=\"font-weight: bold;margin-right: 5px;\">{{ option.label }}</span>\n\t\t\t\t\t\t\t\t\t<span v-else style=\"font-weight: bold;margin-right: 5px;\">{{ option.label }}</span>\n\t\t\t\t\t\t\t\t\t<span v-if=\"option.description\">{{ option.description }}</span>\n\t\t\t\t\t\t\t\t\t<span v-else class=\"cta-popup section-tag\">{{ option.isRow ? '(row)' : '(section)' }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</v-select>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else-if=\"activeSectionId==='show-popup'\">\n\t\t\t\t\t\t<span class=\"\">Select a popup to be shown:</span>\n\t\t\t\t\t\t<v-spinner class=\"spinner\" v-if=\"loadingPopups\" />\n\n\t\t\t\t\t\t<v-select class=\"small\" :options=\"popups\"\n\t\t\t\t\t\t          :searchable=\"true\"\n\t\t\t\t\t\t          :disabled=\"loadingPopups\"\n\t\t\t\t\t\t          :clearable=\"true\"\n\t\t\t\t\t\t          label=\"name\"\n\t\t\t\t\t\t          placeholder=\"Select a popup to show\"\n\t\t\t\t\t\t          v-model=\"clickActionData.popup\"\n\t\t\t\t\t\t          :reduce=\"x=>x.path\"\n\t\t\t\t\t\t          append-to-body\n\t\t\t\t\t\t          dense>\n\t\t\t\t\t\t\t<template v-slot:option=\"option\">\n\t\t\t\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t\t\t\t<span style=\"display:flex;flex:1; font-weight: bold;margin-right: 5px;margin-left: 20px;\">{{ option.name }}</span>\n\t\t\t\t\t\t\t\t\t<span class=\"cta-popup section-tag\">#{{ option.path }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-slot:selected-option=\"option\">\n\t\t\t\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t\t\t\t<span style=\"display:flex;flex:1;font-weight: bold;margin-right: 5px;margin-left: 20px;\">{{ option.name }}</span>\n\t\t\t\t\t\t\t\t\t<span class=\"cta-popup section-tag\">#{{ option.path }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</v-select>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else>\n\t\t\t\t\t\t<p>{{ activeSection.description }}</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-slot:actions>\n\t\t\t<v-button label=\"Save changes\" @click=\"save\" />\n\t\t\t<v-button label=\"Cancel\" border @click=\"close\" />\n\t\t</template>\n\t</popup>\n</template>\n\n<script>\nimport Popup from '@/components/base/popup';\nimport VButton from '@/components/base/v-button';\nimport VSwitch from '@/components/base/v-switch';\nimport InputField from '@/components/base/input-field';\nimport VSpinner from '@/components/base/v-spinner';\nimport {mapGetters} from \"vuex\";\nimport API from '@/api';\nimport {getPriceBrief} from '@/helpers/products';\nimport {types} from \"@/helpers/stepTypes\";\n\nexport default {\n\tname: \"click-action-popup\",\n\tcomponents: {Popup, VButton, VSwitch, InputField, VSpinner},\n\tprops:['data'],\n\tmixins:[API],\n\tdata() {\n\t\treturn {\n\t\t\tloading: false,\n\t\t\tloadingPopups: false,\n\t\t\tclickActionData: {\n\t\t\t\telement: '', // element id to go to, #890\n\t\t\t\ttarget: '_blank',\n\t\t\t\turl: '',\n\t\t\t\tmainToggle: ''\n\t\t\t},\n\t\t\tpopups: [],\n\t\t\tproducts: [],\n\t\t\tfunnel: {},\n\t\t\tstep: {},\n\t\t}\n\t},\n\tcomputed:{\n\t\t...mapGetters(['page_findAll', 'current_popup']),\n\t\tsectionIDs() {\n\t\t\tlet returnArray = [];\n\n\t\t\tfor (let index = 0; index < this.page_findAll(!!this.current_popup).length; index++) {\n\t\t\t\tlet section = this.page_findAll(!!this.current_popup)[index];\n\t\t\t\tlet title = section.attributes.advanced && section.attributes.advanced.title ?\n\t\t\t\t\t\tsection.attributes.advanced.title : '';\n\n\t\t\t\treturnArray.push({id: '#' + section.id, label: '#' + section.id, description:title});\n\n\t\t\t\tif (!section.children) continue;\n\t\t\t\tfor (let j = 0; j < section.children.length; j++) {\n\t\t\t\t\tlet rowId = section.children[j];\n\t\t\t\t\tlet row = this.$store.state.page.editor.rows.find(r => r.id===rowId);\n\t\t\t\t\tif (!row) continue;\n\n\t\t\t\t\tlet title = row.attributes.advanced && row.attributes.advanced.title ? row.attributes.advanced.title : '';\n\t\t\t\t\treturnArray.push({id: '#' + row.id, isRow:true, label: '  #' + row.id, description:title});\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn returnArray;\n\t\t},\n\t\tactiveSection() {\n\t\t\tif (!this.activeSectionId) return this.options[0];\n\t\t\treturn this.options.filter(o => o.id===this.activeSectionId)[0]\n\t\t},\n\t\toptions() {\n\t\t\tlet list = [];\n\t\t\tif (this.isOTO) {\n\t\t\t\tlist = [\n\t\t\t\t\t{ id: '', label: 'No action', description:'Nothing happens when the element is clicked.' },\n\t\t\t\t\t{ id: 'submit-step', disabled:true, tag:'#submit-step', label: 'Submit step', description:'Submits customer data and payment details if any and moves to the next step in the funnel flow.' },\n\t\t\t\t\t{ id: 'next-step', tag:'#next-step', label: 'Go to next step', description:'Goes to next step without submitting customer data regardless of step type.' },\n\t\t\t\t\t{ id: 'goto-url', label: 'Go to URL', description:'Goes to a given URL, in the same or a new tab.' },\n\t\t\t\t\t{ id: 'goto-element', label: 'Go to section/row', description:'Brings the given section into viewport.' },\n\t\t\t\t\t{ id: 'yes-link', tag:'#yes-link', label: 'OTO - Yes link', description:'Automatically charges your customers on OTOs.' },\n\t\t\t\t\t{ id: 'no-link', tag:'#no-link', label: 'OTO - No link', description:'Goes to the next down-sale or thank you page, whichever comes first.' },\n\t\t\t\t\t{ id: 'show-popup', tag:'#popup-path', label: 'Show popup', description:'Shows a popup of your choice.' },\n\t\t\t\t];\n\t\t\t} else {\n\t\t\t\tlist = [\n\t\t\t\t\t{ id: '', label: 'No action', description:'Nothing happens when the element is clicked.' },\n\t\t\t\t\t{ id: 'submit-step', tag:'#submit-step', label: 'Submit step', description:'Submits customer data and payment details if any and moves to the next step in the funnel flow.' },\n\t\t\t\t\t{ id: 'next-step', tag:'#next-step', label: 'Go to next step', description:'Goes to next step without submitting customer data regardless of step type.' },\n\t\t\t\t\t{ id: 'goto-url', label: 'Go to URL', description:'Goes to a given URL, in the same or a new tab.' },\n\t\t\t\t\t{ id: 'goto-element', label: 'Go to section/row', description:'Brings the given section into viewport.' },\n\t\t\t\t\t{ id: 'yes-link', disabled:true, tag:'#yes-link', label: 'OTO - Yes link', description:'Automatically charges your customers on OTOs.' },\n\t\t\t\t\t{ id: 'no-link', disabled:true, tag:'#no-link', label: 'OTO - No link', description:'Goes to the next down-sale or thank you page, whichever comes first.' },\n\t\t\t\t\t{ id: 'show-popup', tag:'#popup-path', label: 'Show popup', description:'Shows a popup of your choice.' },\n\t\t\t\t];\n\t\t\t}\n\t\t\tif (!!this.current_popup) {\n\t\t\t\tlist.push({ id: 'close-popup', tag:'#close-popup',\n\t\t\t\t\tlabel: 'Close popup', description:'Closes the current popup.' })\n\t\t\t}\n\t\t\treturn list;\n\t\t},\n\t\tactiveSectionId:{\n\t\t\tget() {\n\t\t\t\treturn this.clickActionData.mainToggle;\n\t\t\t},\n\t\t\tset(value) {\n\t\t\t\tthis.clickActionData.mainToggle = value;\n\t\t\t}\n\t\t},\n\t\tstepId(){\n\t\t\treturn this.$store.state.page.initial ? this.$store.state.page.initial.step : '';\n\t\t},\n\t\tfunnelId(){\n\t\t\treturn this.$store.state.page.initial ? this.$store.state.page.initial.funnel : '';\n\t\t},\n\t\tisOTO() {\n\t\t\tif (!this.step) return false;\n\t\t\treturn this.step.type===types.UPSELL||this.step.type===types.DOWNSELL;\n\t\t}\n\t},\n\tmethods: {\n\t\tasync loadPopups(){\n\t\t\ttry {\n\t\t\t\tthis.loadingPopups = true;\n\t\t\t\tthis.popups = [];\n\t\t\t\tlet resp = await this.api.popups.getAll(true)\n\t\t\t\tif (resp.error) {\n\t\t\t\t\tthrow resp;\n\t\t\t\t} else {\n\t\t\t\t\tthis.popups = resp;\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loadingPopups = false;\n\t\t\t}\n\t\t},\n\t\tautoSelect(ev) {\n\t\t\tif (ev) this.clickActionData.productId = 0;\n\t\t},\n\t\tgetPrice(product){\n\t\t\tif (!product || !this.funnel) return '';\n\t\t\treturn getPriceBrief(product, this.funnel.currency_code || 'USD')\n\t\t},\n\t\tsetActiveSection(id) {\n\t\t\tthis.activeSectionId=id;\n\t\t\tif (id==='yes-link') {\n\t\t\t\tthis.loadProducts();\n\t\t\t} else if (id==='show-popup') {\n\t\t\t\tthis.loadPopups();\n\t\t\t}\n\t\t},\n\t\tasync loadProducts() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.products = [];\n\t\t\t\tthis.funnel = {};\n\t\t\t\tthis.funnel = this.api.funnels.get(this.funnelId); // <-- async\n\n\t\t\t\tthis.products = await this.api.wsteps.getProducts(this.funnelId, this.stepId);\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e);\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t\tasync loadStep() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.step = {};\n\t\t\t\tthis.step = await this.api.wsteps.get(this.funnelId, this.stepId, false);\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e);\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t\turlUpdate(val) {\n\t\t\tthis.clickActionData.url = val;\n\t\t},\n\t\turlUpdateTarget(val) {\n\t\t\tthis.clickActionData.target = val ? '_blank' : '';\n\t\t},\n\t\tclose() {\n\t\t\tthis.$emit('close');\n\t\t},\n\t\tsave() {\n\t\t\tthis.$emit('done', this.clickActionData);\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.clickActionData = JSON.parse(JSON.stringify(this.data));\n\t\tthis.loadStep();\n\t\tif (this.activeSectionId==='yes-link') {\n\t\t\tthis.loadProducts();\n\t\t} else if (this.activeSectionId==='show-popup') {\n\t\t\tthis.loadPopups();\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" >\n.cta-popup.section-tag {\n\topacity: 0.7;\n\t//color: silver;\n}\n.click-action-popup {\n\t.active-section {\n\t\tpadding: 10px 15px;\n\t\t.target-switch {\n\t\t\tmargin-top: 20px;\n\t\t}\n\t\t.label {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 500;\n\t\t\tmargin: 15px 0;\n\t\t}\n\t\tp {\n\t\t\t//text-align: center;\n\t\t\t//padding: 10px;\n\t\t\t//margin: 10px;\n\t\t}\n\t}\n\t.actions-list {\n\t\tborder-right: 1px solid whitesmoke;\n\t\tborder-left: 1px solid whitesmoke;\n\t\twidth: 220px;\n\t\t.clickable-section {\n\t\t\tpadding: 10px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column !important;\n\t\t\tp {\n\t\t\t\tmargin: 3px 0;\n\t\t\t}\n\t\t\t.label {\n\t\t\t\tfont-weight: 600;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\ti {\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\tcolor: #9f9f9f;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.disabled {\n\t\t\t\tdisplay: none;\n\t\t\t\tpointer-events: none;\n\t\t\t\t.label {\n\t\t\t\t\tcolor: #9f9f9f;\n\t\t\t\t}\n\t\t\t}\n\t\t} // .clickable-section\n\t}\n\t.content {\n\t\tpadding: 0;\n\t}\n\t.popup_header {\n\t\tmargin: 0;\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!./click-action-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!./click-action-popup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./click-action-popup.vue?vue&type=template&id=11ad6baa&\"\nimport script from \"./click-action-popup.vue?vue&type=script&lang=js&\"\nexport * from \"./click-action-popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./click-action-popup.vue?vue&type=style&index=0&id=11ad6baa&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","<template>\n\t<div class=\"item_sidebar \" >\n\t\t\t<div class=\"clickable-section\" @click=\"open=true\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<p class=\"title\" >Click action</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSelect an action to trigger when the element is clicked.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<div style=\"width: 30px\">\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex-none right-panel\" style=\"min-width: 80px\">\n\t\t      <span v-if=\"options[clickActionData.mainToggle]\">\n\t\t\t      {{ options[clickActionData.mainToggle] }}\n\t\t      </span>\n\t\t\t\t\t<span v-else style=\"color: red;\">\n\t\t\t      No action\n\t\t      </span>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t<click-action-popup :data=\"clickActionData\" v-if=\"open\" @close=\"open=false\" @done=\"onDone\" />\n\t</div>\n</template>\n\n<script>\nimport ClickActionPopup from \"@/modules/page-editor/src/components/popups/click-action-popup\";\n\nexport default {\n\tname: 'ClickAction',\n\tprops: [\"value\", \"title\"],\n\tcomponents: {ClickActionPopup},\n\tdata: function () {\n\t\treturn {\n\t\t\toptions: {\n\t\t\t\t// '': 'No action',\n\t\t\t\t'submit-step': 'Submit step',\n\t\t\t\t'next-step': 'Go to next step',\n\t\t\t\t'goto-url': 'Go to URL',\n\t\t\t\t'goto-element': 'Go to section/row',\n\t\t\t\t'yes-link': 'OTO - Yes link',\n\t\t\t\t'no-link': 'OTO - No link',\n\t\t\t\t'show-popup': 'Show popup',\n\t\t\t\t'close-popup':'Close popup'\n\t\t\t},\n\t\t\tclickActionData: {\n\t\t\t\tproductId: 0,\n\t\t\t\telement: '', // element id to go to, #890\n\t\t\t\ttarget: '_blank',\n\t\t\t\turl: '',\n\t\t\t\tmainToggle: 'No action'\n\t\t\t},\n\t\t\topen: false,\n\t\t}\n\t},\n\tcomputed: {\n\t},\n\tmethods: {\n\t\tonDone(data) {\n\t\t\tthis.clickActionData = data;\n\t\t\tthis.open = false;\n\t\t\tthis.$emit('updated', this.clickActionData);\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.clickActionData = JSON.parse(JSON.stringify(this.value));\n\t}\n}\n</script>\n<style lang=\"scss\" scoped>\n.item_sidebar {\n\tpadding: 0 !important;\n\tborder: none !important;\n}\n.clickable-section {\n\tpadding: 5px 15px;\n\n\t&:not(:hover) {\n\t\tborder-top-color: transparent;\n\t}\n\t.right-panel {\n\t\tmargin: auto;\n\t\tcolor: #57585D;\n\t\tfont-size: 12px;\n\t\ttext-align: center;\n\t\tfont-weight: 600;\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!./ClickAction.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!./ClickAction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClickAction.vue?vue&type=template&id=14cf112a&scoped=true&\"\nimport script from \"./ClickAction.vue?vue&type=script&lang=js&\"\nexport * from \"./ClickAction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClickAction.vue?vue&type=style&index=0&id=14cf112a&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  \"14cf112a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"code_popup\",attrs:{\"title\":_vm.insertCode?'Custom HTML':'Custom CSS / JS',\"noscroll\":\"\"},on:{\"close\":_vm.closeThisPopup},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [(!_vm.insertCode)?_c('ul',{attrs:{\"id\":\"tabs-nav\"}},[_c('li',[_c('a',{class:{'active' : _vm.tabActive===1},on:{\"click\":function($event){return _vm.setActiveTab(1)}}},[_vm._v(\"Custom CSS\")])]),_c('li',[_c('a',{class:{'active' : _vm.tabActive===2},on:{\"click\":function($event){return _vm.setActiveTab(2)}}},[_vm._v(\"Custom JS (head)\")])]),_c('li',[_c('a',{class:{'active' : _vm.tabActive===3},on:{\"click\":function($event){return _vm.setActiveTab(3)}}},[_vm._v(\"Custom JS (body)\")])])]):_vm._e(),(_vm.insertCode)?_c('div',{staticClass:\"code_popup_editor_wrpr scroll\"},[_c('prism-editor',{staticClass:\"my-editor\",attrs:{\"highlight\":_vm.highlighter,\"line-numbers\":\"\",\"tabSize\":4},model:{value:(_vm.rawCode),callback:function ($$v) {_vm.rawCode=$$v},expression:\"rawCode\"}})],1):_c('div',{staticClass:\"js-sector scroll\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tabActive == 1),expression:\"tabActive == 1\"}],staticClass:\"code_popup_editor_wrpr\"},[_c('prism-editor',{staticClass:\"my-editor\",attrs:{\"highlight\":_vm.highlighterCss,\"line-numbers\":\"\",\"tabSize\":4},model:{value:(_vm.rawCodeCSS),callback:function ($$v) {_vm.rawCodeCSS=$$v},expression:\"rawCodeCSS\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tabActive == 2),expression:\"tabActive == 2\"}],staticClass:\"code_popup_editor_wrpr\"},[_c('prism-editor',{staticClass:\"my-editor\",attrs:{\"highlight\":_vm.highlighter,\"line-numbers\":\"\",\"tabSize\":4},model:{value:(_vm.rawCodeJSHead),callback:function ($$v) {_vm.rawCodeJSHead=$$v},expression:\"rawCodeJSHead\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tabActive == 3),expression:\"tabActive == 3\"}],staticClass:\"code_popup_editor_wrpr\"},[_c('prism-editor',{staticClass:\"my-editor\",attrs:{\"highlight\":_vm.highlighter,\"line-numbers\":\"\",\"tabSize\":4},model:{value:(_vm.rawCodeJSBody),callback:function ($$v) {_vm.rawCodeJSBody=$$v},expression:\"rawCodeJSBody\"}})],1)])]},proxy:true},{key:\"actions\",fn:function(){return [_c('v-button',{attrs:{\"label\":\"Save changes\"},on:{\"click\":_vm.save}}),_c('v-button',{attrs:{\"border\":\"\",\"label\":\"Cancel\"},on:{\"click\":_vm.closeThisPopup}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<popup class=\"code_popup\" :title=\"insertCode?'Custom HTML':'Custom CSS / JS'\"\n\t       noscroll @close=\"closeThisPopup\">\n\t\t<template v-slot:content>\n\t\t\t<ul id=\"tabs-nav\" class=\"\" v-if=\"!insertCode\">\n\t\t\t\t<li>\n\t\t\t\t\t<a :class=\"{'active' : tabActive===1}\" @click=\"setActiveTab(1)\">Custom CSS</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a :class=\"{'active' : tabActive===2}\" @click=\"setActiveTab(2)\">Custom JS (head)</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a :class=\"{'active' : tabActive===3}\" @click=\"setActiveTab(3)\">Custom JS (body)</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<div class=\"code_popup_editor_wrpr scroll\" v-if=\"insertCode\">\n\n\t\t\t\t<prism-editor class=\"my-editor\" v-model=\"rawCode\" :highlight=\"highlighter\" line-numbers\n\t\t\t\t              :tabSize='4'></prism-editor>\n\t\t\t</div>\n\t\t\t<div class=\"js-sector scroll\" v-else>\n\t\t\t\t<!-- <h3 class=\"code-title\">Custom CSS</h3> -->\n\t\t\t\t<div class=\"code_popup_editor_wrpr\" v-show=\"tabActive == 1\">\n\t\t\t\t\t<prism-editor class=\"my-editor\" v-model=\"rawCodeCSS\" :highlight=\"highlighterCss\" line-numbers\n\t\t\t\t\t              :tabSize='4'></prism-editor>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- <h3 class=\"code-title\">Custom JS (head)</h3> -->\n\t\t\t\t<div class=\"code_popup_editor_wrpr\" v-show=\"tabActive == 2\">\n\t\t\t\t\t<prism-editor class=\"my-editor\" v-model=\"rawCodeJSHead\" :highlight=\"highlighter\" line-numbers\n\t\t\t\t\t              :tabSize='4'></prism-editor>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- <h3 class=\"code-title\">Custom JS (body)</h3> -->\n\t\t\t\t<div class=\"code_popup_editor_wrpr\" v-show=\"tabActive == 3\">\n\t\t\t\t\t<prism-editor class=\"my-editor\" v-model=\"rawCodeJSBody\" :highlight=\"highlighter\" line-numbers\n\t\t\t\t\t              :tabSize='4'></prism-editor>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-slot:actions>\n\t\t\t<v-button @click=\"save\" label=\"Save changes\" />\n\t\t\t<v-button @click=\"closeThisPopup\" border label=\"Cancel\" />\n\t\t</template>\n\t</popup>\n</template>\n\n<script>\nimport {mapGetters} from 'vuex';\nimport spacer from \"@/modules/page-editor/src/components/generator/Spacer.vue\";\nimport button from \"@/modules/page-editor/src/components/generator/Button.vue\";\nimport headline from \"@/modules/page-editor/src/components/generator/Headline.vue\";\nimport paragraph from \"@/modules/page-editor/src/components/generator/Paragraph.vue\";\nimport image from \"@/modules/page-editor/src/components/generator/Image.vue\";\nimport video from \"@/modules/page-editor/src/components/generator/Video.vue\";\nimport link from \"@/modules/page-editor/src/components/generator/Link.vue\";\nimport social from \"@/modules/page-editor/src/components/generator/Social.vue\";\nimport menu from \"@/modules/page-editor/src/components/generator/Menu.vue\";\nimport timer from \"@/modules/page-editor/src/components/generator/Timer.vue\";\nimport custom from \"@/modules/page-editor/src/components/generator/Custom.vue\";\nimport progressBar from \"@/modules/page-editor/src/components/generator/ProgressBar.vue\";\nimport productList from \"@/modules/page-editor/src/components/generator/ProductList.vue\";\nimport formElement from \"@/modules/page-editor/src/components/generator/FormElement.vue\";\nimport paymentForm from \"@/modules/page-editor/src/components/generator/PaymentForm.vue\";\nimport twoStepForm from \"@/modules/page-editor/src/components/generator/TwoStepForm.vue\";\n\nimport {PrismEditor} from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css';\n\nimport {highlight, languages} from 'prismjs/components/prism-core';\nimport 'prismjs/components/prism-clike';\nimport 'prismjs/components/prism-markup';\nimport 'prismjs/themes/prism-tomorrow.css';\nimport 'prismjs/components/prism-javascript';\nimport 'prismjs/components/prism-css';\n\nimport Popup from '@/components/base/popup';\nimport VButton from '@/components/base/v-button';\n\nexport default {\n\tname: 'CodePopup',\n\tcomponents: {\n\t\tPrismEditor,\n\t\tPopup,\n\t\tVButton,\n\t\temailSpacer: spacer,\n\t\temailButton: button,\n\t\temailHeadline: headline,\n\t\temailParagraph: paragraph,\n\t\temailImage: image,\n\t\temailVideo: video,\n\t\temailLink: link,\n\t\temailSocial: social,\n\t\temailMenu: menu,\n\t\temailTimer: timer,\n\t\temailCustom: custom,\n\t\temailProgressBar: progressBar,\n\t\temailProductList: productList,\n\t\temailFormElement: formElement,\n\t\temailPaymentForm: paymentForm,\n\t\temailTwoStepForm: twoStepForm,\n\t},\n\tprops: {\n\t\tinsertCode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\thtml: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t}, // ['insertCode', 'html'],\n\tdata() {\n\t\treturn {\n\t\t\trawCode: '',\n\t\t\trawCodeCSS: '',\n\t\t\trawCodeJSHead: '',\n\t\t\trawCodeJSBody: '',\n\t\t\tshowMail: false,\n\t\t\ttabActive: 1,\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters(['page_findOne', 'page_findChild']),\n\t\teditor() {\n\t\t\treturn this.$store.state.page.editor\n\t\t},\n\t\tgetCSS() {\n\t\t\tif (this.$store.state.page.customCode.css !== '') {\n\t\t\t\treturn this.$store.state.page.customCode.css\n\t\t\t}\n\t\t},\n\t\tgetCodeJSHead() {\n\t\t\tif (!this.insertCode && this.$store.state.page.customCode.head_js !== '') {\n\t\t\t\treturn this.$store.state.page.customCode.head_js\n\t\t\t}\n\t\t},\n\t\tgetCodeJSBody() {\n\t\t\tif (!this.insertCode && this.$store.state.page.customCode.body_js !== '') {\n\t\t\t\treturn this.$store.state.page.customCode.body_js\n\t\t\t}\n\t\t},\n\t\tview() {\n\t\t\treturn this.$store.state.page.view\n\t\t},\n\t\tpage() {\n\t\t\treturn this.$store.state.page.page\n\t\t},\n\t},\n\tmethods: {\n\t\thighlighter(code) {\n\t\t\treturn highlight(code, languages.markup);\n\t\t},\n\t\thighlighterCss(code) {\n\t\t\treturn highlight(code, languages.css);\n\t\t},\n\t\thighlighterJs(code) {\n\t\t\treturn highlight(code, languages.js);\n\t\t},\n\t\tformat(node, level) {\n\t\t\tvar indentBefore = new Array(level++ + 1).join('  '),\n\t\t\t\t\tindentAfter = new Array(level - 1).join('  '),\n\t\t\t\t\ttextNode;\n\n\t\t\tfor (var i = 0; i < node.children.length; i++) {\n\n\t\t\t\ttextNode = document.createTextNode('\\n' + indentBefore);\n\t\t\t\tnode.insertBefore(textNode, node.children[i]);\n\n\t\t\t\tthis.format(node.children[i], level);\n\n\t\t\t\tif (node.lastElementChild == node.children[i]) {\n\t\t\t\t\ttextNode = document.createTextNode('\\n' + indentAfter);\n\t\t\t\t\tnode.appendChild(textNode);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn node;\n\t\t},\n\t\tsave() {\n\t\t\tif (this.insertCode) {\n\t\t\t\tthis.$emit('done', this.rawCode);\n\t\t\t} else\n\t\t\t\tthis.$emit('done', {\n\t\t\t\t\tcss: this.rawCodeCSS,\n\t\t\t\t\thead_js: this.rawCodeJSHead,\n\t\t\t\t\tbody_js: this.rawCodeJSBody\n\t\t\t\t});\n\t\t\t},\n\t\tcloseThisPopup() {\n\t\t\tthis.$emit('close');\n\t\t},\n\t\tsetActiveTab(tabActiveNumber) {\n\t\t\tthis.tabActive = tabActiveNumber;\n\t\t}\n\t},\n\tmounted() {\n\t\tif (!this.insertCode) {\n\t\t\tthis.rawCodeCSS = this.getCSS;\n\t\t\tthis.rawCodeJSHead = this.getCodeJSHead;\n\t\t\tthis.rawCodeJSBody = this.getCodeJSBody;\n\t\t} else\n\t\t\tthis.rawCode = this.html;\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n.code_popup {\n\tcursor: default;\n\t@include default-font();\n\n\t.content {\n\t\tpadding: 0;\n\t}\n\t.actions {\n\t}\n\t#tabs-nav {\n\t\tmargin: 5px;\n\t}\n\t.prism-editor-wrapper .prism-editor__editor,\n\t.prism-editor-wrapper .prism-editor__textarea {\n\t\tcolor: black;\n\t}\n\n\t.raw-code {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tpadding: 50px;\n\t\tbackground: #000;\n\t\tcolor: black;\n\t}\n\n\t.my-editor {\n\t\tfont-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tpadding: 5px;\n\t\tborder-radius: 3px;\n\t\tborder: 1px solid #dcdcdc;\n\t\tbackground-color: #efefef;\n\t}\n\n\t.prism-editor__textarea:focus {\n\t\toutline: none;\n\t}\n\n\t.code-title {\n\t\tmargin: 5px 25px;\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!./CodePopup.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!./CodePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CodePopup.vue?vue&type=template&id=5944e6a6&\"\nimport script from \"./CodePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./CodePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CodePopup.vue?vue&type=style&index=0&id=5944e6a6&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!./ClickAction.vue?vue&type=style&index=0&id=14cf112a&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!./SelectImagePopup.vue?vue&type=style&index=1&id=6dbd0844&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!./imageUploader.vue?vue&type=style&index=0&id=73a0633b&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\"},[_c('div',{staticClass:\"wrapper_input\"},[_c('v-button',{attrs:{\"border\":\"\",\"locked\":_vm.value===`payment-methods` && !_vm.isAdmin,\"label\":_vm.title},on:{\"click\":function($event){return _vm.inputChanged(true)}}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"item_sidebar\">\n\t\t<div class=\"wrapper_input\">\n\t\t\t<v-button border :locked=\"value===`payment-methods` && !isAdmin\"\n\t\t\t          @click=\"inputChanged(true)\" :label=\"title\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport {mapGetters} from \"vuex\"\nimport VButton from '@/components/base/v-button';\nimport CodePopup from \"@/modules/page-editor/src/components/popups/CodePopup\";\nimport {isAdmin} from \"@/helpers/roles\";\n\nexport default {\n\tname: 'PopupOpenBtn',\n\tprops: [\"value\", \"title\"],\n\tcomponents: {CodePopup, VButton},\n\tdata() {\n\t\treturn {\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters(['page_id']),\n\t\tisAdmin(){\n\t\t\treturn isAdmin();\n\t\t}\n\t},\n\tmethods: {\n\t\tinputChanged(val) {\n\t\t\tif (this.value===\"payment-methods\") {\n\t\t\t\tthis.$store.commit(\"SET_PAYMENTMETHODPOPUP_OPEN\", true);\n\t\t\t} else\n\t\t\t\tdocument.querySelector(\".custom_block_\" + this.page_id + \" .popup_wrpr\").classList.add(\"active\");\n\t\t},\n\t}\n}\n</script>\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!./PopupOpenBtn.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!./PopupOpenBtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupOpenBtn.vue?vue&type=template&id=3325650c&\"\nimport script from \"./PopupOpenBtn.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupOpenBtn.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"select_image_popup\",attrs:{\"noscroll\":\"\",\"title\":\"Select an image\"},on:{\"close\":_vm.closeThisPopup},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [(_vm.loading)?_c('Loading'):_vm._e(),_c('div',{staticClass:\"__cats_container\"},[_c('v-button',{staticClass:\"add-folder-btn\",attrs:{\"slim\":\"\",\"border\":\"\",\"label\":\"Add new folder\"},on:{\"click\":function($event){_vm.newFolderState = !_vm.newFolderState}}}),(_vm.newFolderState)?_c('div',{staticClass:\"__create_folder_box\"},[_c('input-field',{attrs:{\"small\":\"\",\"placeholder\":\"New folder name...\"},model:{value:(_vm.newFolderInput),callback:function ($$v) {_vm.newFolderInput=$$v},expression:\"newFolderInput\"}}),_c('div',{staticClass:\"__btns\"},[_c('v-button',{staticClass:\"flex-none\",attrs:{\"slim\":\"\",\"border\":\"\",\"label\":\"Cancel\"},on:{\"click\":function($event){_vm.newFolderState = false}}}),_c('v-button',{staticClass:\"flex\",attrs:{\"loading\":_vm.creatingFolder,\"slim\":\"\",\"label\":\"Create folder\"},on:{\"click\":_vm.createNewFolder}})],1)],1):_vm._e(),_c('ul',{staticClass:\"__cats scroll\"},_vm._l((_vm.popupCategories),function(item,index){return _c('li',{staticClass:\"__cat-item\",class:{'active' : item.id == _vm.popupActiveCategory},on:{\"click\":function($event){_vm.popupActiveCategory = item.id}}},[_c('span',{staticClass:\"flex\"},[_vm._v(_vm._s(item.name))]),(item.id !== 0)?_c('a',{staticClass:\"__del-btn\",on:{\"click\":function($event){$event.stopPropagation();_vm.folderToDelete=item.id;_vm.deleteFolderPopup=true;}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/delete_icon.svg')}})],1):_vm._e()])}),0)],1),_c('div',{staticClass:\"__upload_container\"},[_c('form',{staticClass:\"popup_right_header upload-image\",attrs:{\"enctype\":\"multipart/form-data\"}},[_c('v-button',{staticClass:\"upload-btn\",attrs:{\"loading\":_vm.uploading,\"label\":\"Upload new image\",\"slim\":\"\",\"icon\":require('@/assets/img/upload.svg')}}),_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"accept\":\"image/*\",\"name\":\"image\"},on:{\"change\":_vm.uploadFile}})],1),(_vm.imageFilteredList.length)?_c('div',{staticClass:\"imgs-wrapper\"},[_c('div',{staticClass:\"select_img_items_list\"},_vm._l((_vm.imageFilteredList),function(item,index){return _c('div',{staticClass:\"select_img_item\",on:{\"click\":function($event){return _vm.chooseImage(item)}}},[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"xs_delete_btn\",attrs:{\"content\":\"Delete image\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showDeletePopup(item.id)}}},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 10 10\",\"height\":\"16\",\"width\":\"16\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"d\":\"M8.43749 1.25H6.5625V0.625002C6.5625 0.279689 6.2828 0 5.93749 0H4.0625C3.71718 0 3.43749 0.279689 3.43749 0.625002V1.25H1.5625C1.21719 1.25 0.9375 1.52969 0.9375 1.87501V2.50001C0.9375 2.845 1.21719 3.12469 1.56188 3.12501H8.43783C8.78282 3.12469 9.06252 2.845 9.06252 2.50001V1.87499C9.0625 1.52969 8.78281 1.25 8.43749 1.25ZM5.93749 1.25H4.0625V0.937496C4.0625 0.764999 4.20249 0.624988 4.37499 0.624988H5.62499C5.79749 0.624988 5.93749 0.764985 5.93749 0.937496V1.25ZM1.56249 8.75001C1.56249 9.44032 2.12217 10 2.81249 10H7.1875C7.87781 10 8.43749 9.44032 8.43749 8.75001V3.75H1.56249V8.75001ZM6.25001 4.68751C6.25001 4.51501 6.39001 4.375 6.5625 4.375C6.735 4.375 6.875 4.515 6.875 4.68751V8.4375C6.875 8.61 6.735 8.75001 6.5625 8.75001C6.39001 8.75001 6.25001 8.61 6.25001 8.4375V4.68751ZM4.6875 4.68751C4.6875 4.51501 4.82749 4.375 5 4.375C5.17252 4.375 5.3125 4.515 5.3125 4.68751V8.4375C5.3125 8.61 5.1725 8.75001 5 8.75001C4.82751 8.75001 4.6875 8.61 4.6875 8.4375V4.68751ZM3.12499 4.68751C3.12499 4.51501 3.26498 4.375 3.43749 4.375C3.61 4.375 3.75 4.515 3.75 4.68751V8.4375C3.75 8.61 3.61 8.75001 3.43749 8.75001C3.26498 8.75001 3.12499 8.61 3.12499 8.4375V4.68751Z\",\"fill\":\"#FB595B\"}})])]),_c('div',{staticClass:\"img_wrpr\"},[_c('img',{attrs:{\"src\":`//img.funnelish.com/${item.path}?auto=webp&fit=bounds&width=160&height=160`}})]),_c('p',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],attrs:{\"content\":item.name}},[_vm._v(_vm._s(item.name))])])}),0)]):_c('div',{staticClass:\"not_yet_box\"},[_vm._v(\" There are no images in this folder yet \")])]),(_vm.deletePopup)?_c('div',{staticClass:\"popup_wrpr active\"},[_c('div',{staticClass:\"popup_wrpr_inner\"},[_c('div',{staticClass:\"__delete-popup popup\"},[_c('div',{staticClass:\"popup_header\"},[_c('h3',[_vm._v(\"Are you sure you'd like to delete this image?\")]),_c('a',{staticClass:\"close_popup_btn\",on:{\"click\":function($event){_vm.deletePopup = false}}},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"height\":\"14\",\"width\":\"14\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M7.14216 5.82149L12.4455 0.518184L13.624 1.6967L8.32067 7L13.624 12.3033L12.4455 13.4818L7.14216 8.17851L1.83886 13.4818L0.660354 12.3033L5.96365 7L0.660354 1.6967L1.83886 0.518184L7.14216 5.82149Z\",\"fill\":\"#C5C7D2\"}})])])]),_c('div',{staticClass:\"popup_btn_wrpr mt_0 active\"},[_c('v-button',{attrs:{\"slim\":\"\",\"loading\":_vm.deletingImage,\"red\":\"\",\"border\":\"\",\"label\":\"Delete\"},on:{\"click\":function($event){return _vm.deleteImage(_vm.deleteImageId)}}}),_c('v-button',{attrs:{\"slim\":\"\",\"label\":\"Cancel\"},on:{\"click\":function($event){_vm.deletePopup = false}}})],1)])])]):_vm._e(),(_vm.deleteFolderPopup)?_c('div',{staticClass:\"popup_wrpr active\"},[_c('div',{staticClass:\"popup_wrpr_inner\"},[_c('div',{staticClass:\"__delete-popup popup\"},[_c('div',{staticClass:\"popup_header\"},[_c('h3',[_vm._v(\"Are you sure you'd like to delete this folder?\")]),_c('a',{staticClass:\"close_popup_btn\",on:{\"click\":function($event){_vm.deleteFolderPopup = false}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/close_popup.svg')}})],1)]),_c('div',{staticClass:\"popup_btn_wrpr mt_0 active\"},[_c('v-button',{attrs:{\"slim\":\"\",\"loading\":_vm.deletingFolder,\"red\":\"\",\"border\":\"\",\"label\":\"Delete\"},on:{\"click\":function($event){return _vm.deleteCategory()}}}),_c('v-button',{attrs:{\"slim\":\"\",\"label\":\"Cancel\"},on:{\"click\":function($event){_vm.deleteFolderPopup = false}}})],1)])])]):_vm._e()]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<popup class=\"select_image_popup\" noscroll title=\"Select an image\" @close=\"closeThisPopup\">\n\t\t<template v-slot:content>\n\t\t\t<Loading v-if=\"loading\"/>\n\t\t\t\t<div class=\"__cats_container\">\n\t\t\t\t\t<v-button @click=\"newFolderState = !newFolderState\" slim border class=\"add-folder-btn\" label=\"Add new folder\" />\n\t\t\t\t\t<div class=\"__create_folder_box\" v-if=\"newFolderState\">\n\t\t\t\t\t\t<input-field small placeholder=\"New folder name...\" v-model=\"newFolderInput\" />\n\t\t\t\t\t\t<div class=\"__btns\">\n\t\t\t\t\t\t\t<v-button class=\"flex-none\" @click=\"newFolderState = false\" slim border label=\"Cancel\" />\n\t\t\t\t\t\t\t<v-button class=\"flex\" :loading=\"creatingFolder\" @click=\"createNewFolder\" slim label=\"Create folder\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul class=\"__cats scroll\">\n\t\t\t\t\t\t<li class=\"__cat-item\"\n\t\t\t\t\t\t    v-for=\"(item, index) in popupCategories\"\n\t\t\t\t\t\t    :class=\"{'active' : item.id == popupActiveCategory}\"\n\t\t\t\t\t\t    @click=\"popupActiveCategory = item.id\">\n\t\t\t\t\t\t\t<span class=\"flex\">{{item.name}}</span>\n\t\t\t\t\t\t\t<a class=\"__del-btn\" v-if=\"item.id !== 0\" @click.stop=\"folderToDelete=item.id;deleteFolderPopup=true;\">\n\t\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/delete_icon.svg')\" />\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</div>\n\t\t\t\t<div class=\"__upload_container\">\n\t\t\t\t\t<form class=\"popup_right_header upload-image\" enctype=\"multipart/form-data\">\n\t\t\t\t\t\t<v-button class=\"upload-btn\" :loading=\"uploading\"\n\t\t\t\t\t\t          label=\"Upload new image\" slim :icon=\"require('@/assets/img/upload.svg')\" />\n\t\t\t\t\t\t<input  type=\"file\" @change=\"uploadFile\" accept=\"image/*\" class=\"input-file\" name=\"image\"/>\n\t\t\t\t\t</form>\n\t\t\t\t\t<div class=\"imgs-wrapper\" v-if=\"imageFilteredList.length\">\n\t\t\t\t\t\t<div class=\"select_img_items_list\">\n\t\t\t\t\t\t\t<div v-for=\"(item, index) in imageFilteredList\" class=\"select_img_item\" @click=\"chooseImage(item)\">\n\t\t\t\t\t\t\t\t<a class=\"xs_delete_btn\" @click.stop=\"showDeletePopup(item.id)\" v-tippy=\"{theme:'small-black'}\"\n\t\t\t\t\t\t\t\t   content=\"Delete image\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 10 10\" height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t<path xmlns=\"http://www.w3.org/2000/svg\" d=\"M8.43749 1.25H6.5625V0.625002C6.5625 0.279689 6.2828 0 5.93749 0H4.0625C3.71718 0 3.43749 0.279689 3.43749 0.625002V1.25H1.5625C1.21719 1.25 0.9375 1.52969 0.9375 1.87501V2.50001C0.9375 2.845 1.21719 3.12469 1.56188 3.12501H8.43783C8.78282 3.12469 9.06252 2.845 9.06252 2.50001V1.87499C9.0625 1.52969 8.78281 1.25 8.43749 1.25ZM5.93749 1.25H4.0625V0.937496C4.0625 0.764999 4.20249 0.624988 4.37499 0.624988H5.62499C5.79749 0.624988 5.93749 0.764985 5.93749 0.937496V1.25ZM1.56249 8.75001C1.56249 9.44032 2.12217 10 2.81249 10H7.1875C7.87781 10 8.43749 9.44032 8.43749 8.75001V3.75H1.56249V8.75001ZM6.25001 4.68751C6.25001 4.51501 6.39001 4.375 6.5625 4.375C6.735 4.375 6.875 4.515 6.875 4.68751V8.4375C6.875 8.61 6.735 8.75001 6.5625 8.75001C6.39001 8.75001 6.25001 8.61 6.25001 8.4375V4.68751ZM4.6875 4.68751C4.6875 4.51501 4.82749 4.375 5 4.375C5.17252 4.375 5.3125 4.515 5.3125 4.68751V8.4375C5.3125 8.61 5.1725 8.75001 5 8.75001C4.82751 8.75001 4.6875 8.61 4.6875 8.4375V4.68751ZM3.12499 4.68751C3.12499 4.51501 3.26498 4.375 3.43749 4.375C3.61 4.375 3.75 4.515 3.75 4.68751V8.4375C3.75 8.61 3.61 8.75001 3.43749 8.75001C3.26498 8.75001 3.12499 8.61 3.12499 8.4375V4.68751Z\" fill=\"#FB595B\"></path>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t<div class=\"img_wrpr\">\n\t\t\t\t\t\t\t\t\t<img :src=\"`//img.funnelish.com/${item.path}?auto=webp&fit=bounds&width=160&height=160`\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<p v-tippy=\"{theme:'small-black'}\" :content=\"item.name\">{{item.name}}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"not_yet_box\" v-else>\n\t\t\t\t\t\tThere are no images in this folder yet\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t<div class=\"popup_wrpr active\" v-if=\"deletePopup\">\n\t\t\t\t<div class=\"popup_wrpr_inner\">\n\t\t\t\t\t<div class=\"__delete-popup popup\">\n\t\t\t\t\t\t<div class=\"popup_header\">\n\t\t\t\t\t\t\t<h3>Are you sure you'd like to delete this image?</h3>\n\t\t\t\t\t\t\t<a @click=\"deletePopup = false\" class=\"close_popup_btn\">\n\t\t\t\t\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 14 14\" height=\"14\" width=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.14216 5.82149L12.4455 0.518184L13.624 1.6967L8.32067 7L13.624 12.3033L12.4455 13.4818L7.14216 8.17851L1.83886 13.4818L0.660354 12.3033L5.96365 7L0.660354 1.6967L1.83886 0.518184L7.14216 5.82149Z\" fill=\"#C5C7D2\"></path></svg>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"popup_btn_wrpr mt_0 active\">\n\t\t\t\t\t\t\t<v-button slim @click=\"deleteImage(deleteImageId)\" :loading=\"deletingImage\" red border label=\"Delete\"></v-button>\n\t\t\t\t\t\t\t<v-button slim @click=\"deletePopup = false\" label=\"Cancel\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"popup_wrpr active\" v-if=\"deleteFolderPopup\">\n\t\t\t\t<div class=\"popup_wrpr_inner\">\n\t\t\t\t\t<div class=\"__delete-popup popup\">\n\t\t\t\t\t\t<div class=\"popup_header\">\n\t\t\t\t\t\t\t<h3>Are you sure you'd like to delete this folder?</h3>\n\t\t\t\t\t\t\t<a @click=\"deleteFolderPopup = false\" class=\"close_popup_btn\">\n\t\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/close_popup.svg')\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"popup_btn_wrpr mt_0 active\">\n\t\t\t\t\t\t\t<v-button slim @click=\"deleteCategory()\" :loading=\"deletingFolder\" red border label=\"Delete\"></v-button>\n\t\t\t\t\t\t\t<v-button slim @click=\"deleteFolderPopup = false\" label=\"Cancel\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</template>\n\t</popup>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport Loading from \"@/components/Loading.vue\"\nimport VButton from \"@/components/base/v-button\";\nimport Popup from \"@/components/base/popup\";\nimport InputField from \"@/components/base/input-field\";\nexport default {\n    name: 'SelectImagePopup',\n    components: {\n\t    InputField,\n\t    Popup,\n        Loading,\n        VButton,\n    },\n    mixins: [API],\n\tprops:['funnelId'],\n    data: function(){\n        return {\n\t        deletingImage:false,\n\t        deletingFolder:false,\n\t\t\t\t\tcreatingFolder:false,\n            // funnelId: null,\n            newFolderState: false,\n            popupActiveCategory: 0,\n            popupCategories: [\n                { id: 0, name: 'All Images' },\n            ],\n            selectImageItems: [],\n            newFolderInput: '',\n            loading: true,\n\t        uploading:false,\n\t        deletePopup: false,\n\t        deleteFolderPopup: false,\n          deleteImageId: 0,\n\t        folderToDelete:null,\n        }\n    },\n    computed: {\n        imageFilteredList() {\n\t\t\t\t\tif (!this.selectImageItems) return [];\n            let lst = this.selectImageItems.filter(item => {\n                if(this.popupActiveCategory === 0) {\n                    return this.selectImageItems\n                } else {\n                    return item.folder_id === this.popupActiveCategory\n                }\n            })\n\t        lst = lst.sort((a,b)=>b.id - a.id)\n\t        return lst;\n        }\n    },\n    methods: {\n        showDeletePopup(id){\n            this.deletePopup = true;\n            this.deleteImageId = id;\n        },\n        closeThisPopup(){\n\t        this.$emit('closePopup');\n\t        this.$emit('close');\n        },\n        chooseImage(item){\n\t        this.$emit('imageChoosed', item);\n\t        this.$emit('done', item);\n          this.closeThisPopup();\n        },\n        async deleteImage(id) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.deletingImage = true;\n\t\t\t\t\t\tvar result = await this.api.images.delete(id);\n\n\t\t\t\t\t\tthis.selectImageItems.splice(this.selectImageItems.findIndex(item => {\n\t\t\t\t\t\t\treturn item.id === id\n\t\t\t\t\t\t}), 1);\n\t\t\t\t\t\tthis.deletePopup = false;\n\t\t\t\t\t} catch (e){\n\t\t\t\t\t\tthis.$error(e)\n\t\t\t\t\t}\n\t        finally {\n\t\t\t\t\t\tthis.deletingImage = false;\n\t\t\t\t\t}\n        },\n        async uploadFile(e) {\n        \ttry {\n\t\t        this.uploading = true;\n\n\t\t        var fileList = e.target.files\n\t\t        var fieldName = e.target.name\n\n\t\t        const formData = new FormData();\n\n\t\t        if (!fileList.length) return;\n\n\t\t        Array\n\t\t\t\t        .from(Array(fileList.length).keys())\n\t\t\t\t        .map(x => {\n\t\t\t\t\t        formData.append(fieldName, fileList[x], fileList[x].name);\n\t\t\t\t        });\n\n\t\t        var result = await this.api.images.create(this.funnelId, formData, this.popupActiveCategory);\n\t\t        if (result.id) {\n\t\t\t        this.selectImageItems.push(result)\n\t\t        } else {\n\t\t\t        this.$error(result)\n\t\t        }\n\t        } catch (e) {\n\t\t        this.$error(e)\n\t        } finally {\n\t\t        this.uploading = false;\n\t        }\n        },\n        async createNewFolder(){\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.creatingFolder = true;\n\t\t\t\t\t\tlet newFolder = {\n\t\t\t\t\t\t\tfunnel_id: this.funnelId, name: this.newFolderInput\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet result = await this.api.images.foldersCreate(newFolder);\n\t\t\t\t\t\tif (result.id) {\n\t\t\t\t\t\t\tnewFolder.id = result.id\n\t\t\t\t\t\t\tthis.popupCategories.push(newFolder)\n\t\t\t\t\t\t\tthis.newFolderInput = '';\n\t\t\t\t\t\t\tthis.newFolderState =false;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.$error(result)\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tthis.$error(e)\n\t\t\t\t\t} finally {\n\t\t\t\t\t\tthis.creatingFolder = false;\n\t\t\t\t\t}\n        },\n        async deleteCategory(){\n\t\t\t\t\ttry {\n\t\t\t\t\t\tif (!this.folderToDelete) return;\n\t\t\t\t\t\tthis.deletingFolder = true;\n\n\t\t\t\t\t\tlet res = await this.api.images.foldersDelete(this.folderToDelete);\n\t\t\t\t\t\tif (res && res.error)\n\t\t\t\t\t\t\tthrow res;\n\n\t\t\t\t\t\tlet index = this.popupCategories.findIndex(x=>x.id===this.folderToDelete)\n\t\t\t\t\t\tthis.popupCategories.splice(index, 1);\n\n\t\t\t\t\t\tthis.deleteFolderPopup = false;\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tthis.$error(e)\n\t\t\t\t\t} finally {\n\t\t\t\t\t\tthis.deletingFolder = false;\n\t\t\t\t\t}\n        },\n        async init() {\n        \ttry {\n\t\t        this.loading = true;\n\n\t\t        let folders = await this.api.images.foldersGet();\n\t\t        let summary = this.popupCategories.concat(folders);\n\t\t        this.popupCategories = summary;\n\n\t\t        let images = await this.api.images.get();\n\t\t        this.selectImageItems = images;\n\n\t        } catch (e) {\n\t\t        this.$error(e)\n\t        } finally {\n\t\t        this.loading = false;\n\t        }\n        }\n    },\n    created() {\n        this.init();\n    }\n\n}\n</script>\n<style lang=\"scss\">\n.select_image_popup {\n\t.popup {\n\t\t@include default-font;\n\t\tmax-height: calc(100vh - 64px);\n\t\toverflow: hidden;\n\t\tmax-width: 900px;\n\t\tposition: relative;\n\n\t\t.popup_btn_wrpr.actions {\n\t\t\tdisplay: none;\n\t\t}\n\t\t> .popup_header {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\t> .content {\n\t\t\tpadding: 0;\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid $light-grey;\n\t\t\tmargin: 5px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tflex: 1;\n\t\t}\n\t}\n\t.upload-btn svg path {\n\t\tfill: white;\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n.__cats {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n\tpadding-right: 12px;\n}\n.__cats_container {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\twidth: 205px;\n\tpadding: 10px 0 10px 8px;\n\tbackground: $light-blue;\n\tborder-radius: 5px 0 0 5px;\n\tborder-right: 1px solid $light-grey;\n}\n.__upload_container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tpadding: 10px;\n\t.not_yet_box {\n\t\tmargin: auto;\n\t\ttext-align: center;\n\t}\n}\n.__cat-item {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tposition: relative;\n\tmin-height: 30px;\n\tborder-radius: 5px;\n\tcursor: pointer;\n\tpadding: 3px 10px;\n\t&:hover {\n\t\tbackground: $hover-light-blue;\n\t\t.__del-btn {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\t&.active {\n\t\tbackground: $hover-light-blue;\n\t\tcolor: $blue;\n\t}\n\t.__del-btn {\n\t\tright: 5px;\n\n\t\tposition: absolute;\n\t\tpadding: 5px 3px;\n\t\tdisplay: none;\n\t\ttop: auto;\n\t\tbottom: auto;\n\t\tborder-radius: 5px;\n\t\t&:hover{\n\t\t\tbackground: $dark-hover-light-blue;\n\t\t}\n\t\tsvg {\n\t\t\theight: 14px;\n\t\t}\n\t}\n}\n.__create_folder_box {\n\tmargin-bottom: 10px;\n\tborder: 1px dashed $grey;\n\tpadding: 5px;\n\twidth: 100%;\n\tborder-radius: 3px;\n\t.input-field{\n\t\tmargin-bottom: 9px;\n\t\tfont-size: 12px;\n\t}\n\t.__btns {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 10px;\n\t\t.button {\n\t\t\theight: 26px;\n\t\t\tpadding: 3px 6px;\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n}\n.__delete-popup {\n\tmax-width: 500px;\n}\n.select_image_popup {\n\n\t.upload-image {\n\t\tposition: relative;\n\t}\n\tinput.input-file {\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tz-index: 1;\n\t\tcursor: pointer;\n\t\topacity: 0;\n\t}\n\t.choose-btn {\n\t\theight: 28px;\n\t}\n\t.add-folder-btn {\n\t\tmargin-bottom: 15px;\n\t\tpadding: 3px 10px;\n\t\theight: 26px;\n\t}\n\t.create_folder_box {\n\t\t.button {\n\t\t\tpadding: 4px 8px;\n\t\t\twidth: auto;\n\t\t\tfont-size: 11px;\n\t\t\tmin-height: 0;\n\t\t\theight: 23px;\n\t\t\tmargin: 0 4px;\n\t\t}\n\t}\n\tul {\n\t\tmax-height: 100%;\n\t\tflex: 1;\n\t\twidth: 100%;\n\t}\n\t.cr_autom_right {\n\t\tpadding: 15px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.popup_right_header {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-bottom: 15px;\n\t}\n\t.select_img_items_list {\n\t\tmargin: 0;\n\t\theight: fit-content;\n\t\tmin-height: 300px;\n\t\tgrid-gap: 15px;\n\t\tpadding: 10px 10px 10px 0;\n\t\t//grid-template: 200px 200px;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n\t}\n\t.imgs-wrapper {\n\t\tdisplay: block;\n\t\toverflow: scroll;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t.select_img_item {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tborder: 1px solid #EBEFF6;\n\t\tpadding: 5px;\n\t\tborder-radius: 5px;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\ttransition: 0.15s all ease-in-out;\n\t\theight: 160px;\n\n\t\t.xs_delete_btn {\n\t\t\tdisplay: none;\n\t\t\twidth: 26px;\n\t\t\theight: 26px;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\tleft: 5px;\n\t\t\ttop: 5px;\n\t\t\tborder-radius: 5px;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.img_wrpr {\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\tbackground: whitesmoke;\n\t\t\tborder-radius: 4px;\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: scale-down;\n\t\t\t}\n\t\t} // .img_wrpr\n\t\tp {\n\t\t\tfont-weight: normal;\n\t\t\tfont-size: 10px;\n\t\t\tline-height: 150%;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #C5C7D2;\n\t\t\tmargin: 3px 0 0;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t&:hover {\n\t\t\tborder: 1px solid $sharp-blue;\n\t\t\t.xs_delete_btn {\n\t\t\t\tdisplay: flex;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba(90, 93, 97, 0.17);\n\t\t\t\t}\n\t\t\t}\n\t\t} // .hover_block\n\t\t&.active, &:hover {\n\t\t\tborder: 1px solid $sharp-blue;\n\t\t}\n\t\t&.active p {\n\t\t\tcolor: #636A7B;\n\t\t}\n\t} // .select_img_item\n\t.popup_header h3 {\n\t\tfont-size: 16px;\n\t}\n} // .select_image_popup\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!./SelectImagePopup.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!./SelectImagePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectImagePopup.vue?vue&type=template&id=6dbd0844&scoped=true&\"\nimport script from \"./SelectImagePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectImagePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectImagePopup.vue?vue&type=style&index=0&id=6dbd0844&prod&lang=scss&\"\nimport style1 from \"./SelectImagePopup.vue?vue&type=style&index=1&id=6dbd0844&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  \"6dbd0844\",\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!./TextInput.vue?vue&type=style&index=0&id=b8598c98&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\",class:_vm.itemClass},[_c('div',{staticClass:\"inner_box with_select\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('v-select',{staticClass:\"small\",attrs:{\"options\":_vm.selectData.option,\"label\":\"text\",\"reduce\":x=>x.id,\"searchable\":false,\"clearable\":false,\"append-to-body\":\"\"},on:{\"input\":_vm.inputChanged},model:{value:(_vm.selectData.selected),callback:function ($$v) {_vm.$set(_vm.selectData, \"selected\", $$v)},expression:\"selectData.selected\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"item_sidebar\" :class=\"itemClass\">\n\t\t<div class=\"inner_box with_select\">\n\t\t\t<div class=\"title\">{{ title }}</div>\n\t\t\t<v-select class=\"small\" :options=\"selectData.option\"\n\t\t\t          v-model=\"selectData.selected\"\n\t\t\t          @input=\"inputChanged\"\n\t\t\t          label=\"text\"\n\t\t\t          :reduce=\"x=>x.id\"\n\t\t\t          :searchable=\"false\"\n\t\t\t          :clearable=\"false\"\n\t\t\t          append-to-body/>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\nexport default {\n\tname: 'Select',\n\tprops: ['title', 'value', 'options'],\n\tdata: function () {\n\t\treturn {\n\t\t\tselectData: {\n\t\t\t\toption: this.options,\n\t\t\t\tselected: this.value,\n\t\t\t},\n\t\t}\n\t},\n\tcomputed: {\n\t\titemClass() {\n\t\t\treturn this.title.toLowerCase().split(' ').join('_');\n\t\t}\n\t},\n\tmethods: {\n\t\tinputChanged() {\n\t\t\tif(this.title === 'Data type') {\n\t\t\t    if(this.selectData.selected === 'Custom') {\n\t\t\t        document.querySelector('.tab-content.formElement .item_sidebar.custom_data_name').classList.add('show_item_sidebar');\n\t\t\t    } else {\n\t\t\t        document.querySelector('.tab-content.formElement .item_sidebar.custom_data_name').classList.remove('show_item_sidebar');\n\t\t\t    }\n\t\t\t}\n\n\t\t\tthis.$emit('updated', this.selectData.selected);\n\t\t}\n\t},\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.with_select {\n\t.v-select {\n\t\twidth: 100%;\n\t}\n}\n//.app-page-editor .select2_item .select2-container--default .select2-selection--single {\n//\theight: 28px !important;\n//\tborder: 1px solid #E4E6F1 !important;\n//}\n//\n//.txt-style-group .select2-container {\n//\tmin-width: 60px;\n//}\n//\n//.txt-style-group .select2_item .select2-container .select2-selection--single .select2-selection__rendered {\n//\tpadding: 0 10px !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!./selectItem.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!./selectItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./selectItem.vue?vue&type=template&id=5eb2c113&scoped=true&\"\nimport script from \"./selectItem.vue?vue&type=script&lang=js&\"\nexport * from \"./selectItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./selectItem.vue?vue&type=style&index=0&id=5eb2c113&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  \"5eb2c113\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar border_item_sidebar\"},[_c('div',{staticClass:\"title title_m_b\"},[_vm._v(_vm._s(_vm.title)+\":\")]),_c('div',{staticClass:\"wrapper_input wrapper_input_between font_component_selects\"},[_c('FontPickerVue',{attrs:{\"api-key\":'AIzaSyCol-x9D0VTDL0V8IlUrWuQMRiX4DecXEs',\"activeFont\":_vm.selectData.fontFamily},on:{\"change\":_vm.fontPickerChange}}),_c('Select2',{staticClass:\"select2_item\",attrs:{\"settings\":_vm.select2Settings,\"options\":_vm.fontSizeOptions},on:{\"change\":_vm.inputChanged},model:{value:(_vm.selectData.fontSize),callback:function ($$v) {_vm.$set(_vm.selectData, \"fontSize\", $$v)},expression:\"selectData.fontSize\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar border_item_sidebar\">\n        <div class=\"title title_m_b\">{{title}}:</div>\n        <div class=\"wrapper_input wrapper_input_between font_component_selects\">\n\n            <!-- <FontPicker\n                :api-key=\"'AIzaSyCol-x9D0VTDL0V8IlUrWuQMRiX4DecXEs'\"\n                :activeFont=\"selectData.fontFamily\" \n                @change=\"fontPickerChange\"\n            ></FontPicker> -->\n\n            <FontPickerVue \n                :api-key=\"'AIzaSyCol-x9D0VTDL0V8IlUrWuQMRiX4DecXEs'\"\n                :activeFont=\"selectData.fontFamily\"\n                @change=\"fontPickerChange\"\n            />\n\n            <!-- <Select2\n                class=\"select2_item\"\n                :settings=\"select2Settings\"\n                :options=\"fonFamilyOptions\"\n                v-model=\"selectData.fontFamily\"\n                @change=\"inputChanged\"\n            /> -->\n            <Select2\n                class=\"select2_item\"\n                :settings=\"select2Settings\"\n                :options=\"fontSizeOptions\"\n                v-model=\"selectData.fontSize\"\n                @change=\"inputChanged\"\n            />\n        </div>\n    </div>\n</template>\n\n<script>\n// import FontPicker from 'font-picker-vue';\nimport FontPickerVue from '@/components/FontPicker.vue';\nexport default {\n    name: 'Font',\n    components: {\n        // FontPicker,\n        FontPickerVue\n    },\n    props: ['title', 'value'],\n    data: function(){\n        return {\n            selectData: {\n                fontFamily: 'Open Sans',\n            },\n            select2Settings: {dropdownAutoWidth: false, width: '100%'},\n            fonFamilyOptions: [\n                {id: 'Arial', text: 'Arial'},\n                {id: 'Arial Black', text: 'Arial Black'},\n                {id: 'Tahoma', text: 'Tahoma'},\n                {id: 'Trebuchet MS', text: 'Trebuchet MS'},\n                {id: 'Verdana', text: 'Verdana'},\n                {id: 'Courier', text: 'Courier'},\n                {id: 'Courier New', text: 'Courier New'},\n                {id: 'Georgia', text: 'Georgia'},\n                {id: 'Times', text: 'Times'},\n                {id: 'Times New Roman', text: 'Times New Roman'},\n            ],\n            fontSizeOptions: [\n                {id: '8', text: '8'},\n                {id: '9', text: '9'},\n                {id: '10', text: '10'},\n                {id: '11', text: '11'},\n                {id: '12', text: '12'},\n                {id: '13', text: '13'},\n                {id: '14', text: '14'},\n                {id: '15', text: '15'},\n                {id: '16', text: '16'},\n                {id: '17', text: '17'},\n                {id: '18', text: '18'},\n                {id: '19', text: '19'},\n                {id: '20', text: '20'},\n                {id: '21', text: '21'},\n                {id: '22', text: '22'},\n                {id: '23', text: '23'},\n                {id: '24', text: '24'},\n                {id: '25', text: '25'},\n                {id: '26', text: '26'},\n                {id: '27', text: '27'},\n                {id: '28', text: '28'},\n                {id: '29', text: '29'},\n                {id: '30', text: '30'},\n                {id: '31', text: '31'},\n                {id: '32', text: '32'},\n            ]\n        }\n    },\n    methods: {\n        inputChanged(){\n            this.$emit('updated', this.selectData);\n        },\n        fontPickerChange(event){\n            console.log('fontFamily:', event.family);\n\n            this.selectData.fontFamily = event.family;\n            this.inputChanged()\n        }\n    },\n    created() {\n        this.selectData = JSON.parse(JSON.stringify(this.value));\n    }\n}\n</script>","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!./Font.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!./Font.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Font.vue?vue&type=template&id=23697336&\"\nimport script from \"./Font.vue?vue&type=script&lang=js&\"\nexport * from \"./Font.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\",class:_vm.itemClass},[_c('div',{staticClass:\"title title_m_b\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{},[_c('input-field',_vm._b({staticClass:\"flex\",attrs:{\"small\":\"\",\"value\":_vm.value,\"placeholder\":'Enter ' + (_vm.title||'').toLowerCase()},on:{\"input\":function($event){return _vm.inputChanged($event)}}},'input-field',_vm.$attrs,false))],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"item_sidebar\" :class=\"itemClass\">\n\t\t<div class=\"title title_m_b\">{{ title }}</div>\n\t\t<div class=\"\">\n\t\t\t<input-field v-bind=\"$attrs\" small :value=\"value\" :placeholder=\"'Enter ' + (title||'').toLowerCase()\"\n\t\t\t             class=\"flex\" @input=\"inputChanged($event)\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport InputField from '@/components/base/input-field'\n\nexport default {\n\tname: 'TextInput',\n\tprops: [\"value\", \"title\"],\n\tcomponents: {InputField},\n\tcomputed: {\n\t\titemClass() {\n\t\t\treturn this.title.toLowerCase().split(' ').join('_');\n\t\t}\n\t},\n\tmethods: {\n\t\tinputChanged(val) {\n\t\t\tthis.$emit('updated', val);\n\t\t},\n\t}\n}\n</script>\n<style lang=\"scss\" scoped>\n.wrapper_input {\n\n\tinput[type=text] {\n\t\t&::-webkit-input-placeholder {\n\t\t\t/* Chrome/Opera/Safari */\n\t\t\tcolor: #C5C7D2;\n\t\t}\n\n\t\t&::-moz-placeholder {\n\t\t\t/* Firefox 19+ */\n\t\t\tcolor: #C5C7D2;\n\t\t}\n\n\t\t&::-ms-input-placeholder {\n\t\t\t/* IE 10+ */\n\t\t\tcolor: #C5C7D2;\n\t\t}\n\n\t\t&:-moz-placeholder {\n\t\t\t/* Firefox 18- */\n\t\t\tcolor: #C5C7D2;\n\t\t}\n\t}\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!./TextInput.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!./TextInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextInput.vue?vue&type=template&id=b8598c98&scoped=true&\"\nimport script from \"./TextInput.vue?vue&type=script&lang=js&\"\nexport * from \"./TextInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TextInput.vue?vue&type=style&index=0&id=b8598c98&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  \"b8598c98\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tabs noscroll layout-column\"},[_c('div',{staticClass:\"wrapper_header_sidebar\"},[_c('div',{staticClass:\"header_sidebar_wrpr\"},[_c('a',{staticClass:\"small-btn back_btn\",on:{\"click\":function($event){return _vm.linkTo(null)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/back.svg')}})],1),_c('h4',{staticClass:\"title_sidebar\"},[_vm._v(\"Page properties\")])]),_c('ul',{attrs:{\"id\":\"tabs-nav\"}},[_c('li',[_c('a',{class:{'active': _vm.currentTab === 'basic'},on:{\"click\":function($event){_vm.currentTab = 'basic'}}},[_vm._v(\"Basic\")])]),_c('li',[_c('a',{class:{'active': _vm.currentTab === 'advanced'},on:{\"click\":function($event){_vm.currentTab = 'advanced'}}},[_vm._v(\"Advanced\")])])])]),_c('div',{staticClass:\"scroll\",attrs:{\"id\":\"tabs-content\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentTab === 'basic'),expression:\"currentTab === 'basic'\"}],staticClass:\"tab-content\"},[_c('page-popup-settings',{attrs:{\"page\":_vm.page}}),_c('colorPicker',{attrs:{\"title\":\"Background color\",\"value\":_vm.page.basic.backgroundColor},on:{\"updated\":function($event){return _vm.debUpdate($event, 'backgroundColor', 'basic')}}}),_c('imageUploader',{attrs:{\"title\":\"Background image\",\"value\":_vm.page.basic.backgroundImage},on:{\"updated\":function($event){return _vm.debUpdate($event, 'backgroundImage', 'basic')}}}),_c('selectItem',{attrs:{\"title\":\"Background style\",\"options\":[{id:'auto',text:'Auto (default)'},{id:'cover',text:'Cover'}],\"value\":_vm.page.basic.backgroundStyle},on:{\"updated\":function($event){return _vm.debUpdate($event, 'backgroundStyle', 'basic')}}}),_c('selectItem',{attrs:{\"title\":\"Background position\",\"options\":[{id:'top',text:'Top (default)'},{id:'center',text:'Center'},{id:'bottom',text:'Bottom'}],\"value\":_vm.page.basic.backgroundPosition},on:{\"updated\":function($event){return _vm.debUpdate($event, 'backgroundPosition', 'basic')}}}),_c('marginPadding',{attrs:{\"title\":\"Padding\",\"value\":_vm.page.basic.padding},on:{\"updated\":function($event){return _vm.debUpdate($event, 'padding', 'basic')}}}),_c('FontPanel',{attrs:{\"title\":\"Font\",\"value\":_vm.page.basic.font},on:{\"updated\":function($event){return _vm.debUpdate($event, 'font', 'basic')}}}),_c('Border',{attrs:{\"title\":\"Border\",\"value\":_vm.page.basic.border},on:{\"updated\":function($event){return _vm.debUpdate($event, 'border', 'basic')}}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentTab === 'advanced'),expression:\"currentTab === 'advanced'\"}],staticClass:\"tab-content\"},[_c('TextInput',{attrs:{\"title\":\"ID\",\"value\":_vm.page.advanced.id},on:{\"updated\":function($event){return _vm.debUpdate($event, 'id', 'advanced')}}}),_c('MultiSelectItem',{attrs:{\"title\":\"CSS classes\",\"value\":_vm.page.advanced.cssClasses},on:{\"updated\":function($event){return _vm.debUpdate($event, 'cssClasses', 'advanced')}}}),_c('selectItem',{attrs:{\"title\":\"Text direction\",\"options\":[{id:'ltr',text:'Left-to-right'},{id:'rtl',text:'Right-to-left'}],\"value\":_vm.page.advanced.direction||'ltr'},on:{\"updated\":function($event){return _vm.debUpdate($event, 'direction', 'advanced')}}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.pagePopup)?_c('div',{staticClass:\"item_sidebar\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Page popup\")]),_c('div',{staticClass:\"layout-column\"},[_c('v-select',{staticClass:\"small\",attrs:{\"options\":_vm.popups,\"placeholder\":\"Select a popup to show\",\"label\":\"name\",\"reduce\":x=>x.path,\"searchable\":true,\"clearable\":true,\"append-to-body\":\"\",\"dense\":\"\"},on:{\"input\":_vm.inputChanged},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_c('div',{staticClass:\"layout-row\"},[_c('span',{staticClass:\"popup-name\"},[_vm._v(_vm._s(option.name))]),_c('span',{staticClass:\"popup-tag\"},[_vm._v(\"#\"+_vm._s(option.path))])])]}},{key:\"selected-option\",fn:function(option){return [_c('div',{staticClass:\"layout-row\",staticStyle:{\"overflow\":\"hidden\"}},[_c('span',{staticClass:\"popup-name\"},[_vm._v(_vm._s(option.name))]),_c('span',{staticClass:\"popup-tag\"},[_vm._v(\"#\"+_vm._s(option.path))])])]}}],null,false,17020478),model:{value:(_vm.pagePopup.path),callback:function ($$v) {_vm.$set(_vm.pagePopup, \"path\", $$v)},expression:\"pagePopup.path\"}}),(_vm.pagePopup && _vm.pagePopup.path)?_c('div',{staticClass:\"layout-column show-when\"},_vm._l((_vm.showWhenOptions),function(when){return _c('div',{key:when.name},[_c('label',{staticClass:\"radio\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.pagePopup.showWhen),expression:\"pagePopup.showWhen\"}],staticClass:\"radiomark\",attrs:{\"type\":\"radio\",\"name\":\"page_popup_show_when\"},domProps:{\"value\":when.name,\"checked\":_vm._q(_vm.pagePopup.showWhen,when.name)},on:{\"input\":function($event){return _vm.update()},\"change\":function($event){return _vm.$set(_vm.pagePopup, \"showWhen\", when.name)}}}),_c('span',{staticClass:\"radiomark\"}),_c('span',[_vm._v(_vm._s(when.title))]),(when.tag)?_c('span',{staticClass:\"tag\"},[_vm._v(_vm._s(when.tag))]):_vm._e(),(when.desc)?_c('info-icon',{attrs:{\"info\":when.desc}}):_vm._e()],1),(when.name==='scrollDown' && _vm.showWhen==='scrollDown')?_c('div',{staticClass:\"extra-options\"},[_c('span',[_vm._v(\"Show after scrolling down (%):\")]),_c('input-field',{staticClass:\"small-value-input\",attrs:{\"type\":\"number\",\"step\":1,\"min\":0,\"max\":100,\"placeholder\":\"10\",\"label\":\"\",\"small\":\"\",\"append\":\"%\"},on:{\"input\":function($event){return _vm.update()}},model:{value:(_vm.pagePopup.param1),callback:function ($$v) {_vm.$set(_vm.pagePopup, \"param1\", $$v)},expression:\"pagePopup.param1\"}})],1):_vm._e(),(when.name==='timeout' && _vm.showWhen==='timeout')?_c('div',{staticClass:\"extra-options\"},[_c('span',{staticClass:\"flex\"},[_vm._v(\"Show after:\")]),_c('input-field',{staticClass:\"small-value-input\",attrs:{\"type\":\"number\",\"step\":10,\"min\":1,\"placeholder\":\"30\",\"label\":\"\",\"small\":\"\",\"append\":\"sec\"},on:{\"input\":function($event){return _vm.update()}},model:{value:(_vm.pagePopup.param1),callback:function ($$v) {_vm.$set(_vm.pagePopup, \"param1\", $$v)},expression:\"pagePopup.param1\"}})],1):_vm._e(),(when.name==='scrollDownUp' && _vm.showWhen==='scrollDownUp')?_c('div',{staticClass:\"extra-options\"},[_c('span',{staticClass:\"flex\"},[_vm._v(\"Show after scrolling (%):\")]),_c('input-field',{staticClass:\"small-value-input\",attrs:{\"label\":\"Down\",\"type\":\"number\",\"step\":1,\"min\":0,\"max\":100,\"placeholder\":\"50\",\"small\":\"\",\"append\":\"%\"},on:{\"input\":function($event){return _vm.update()}},model:{value:(_vm.pagePopup.param1),callback:function ($$v) {_vm.$set(_vm.pagePopup, \"param1\", $$v)},expression:\"pagePopup.param1\"}}),_c('span',[_vm._v(\"then\")]),_c('input-field',{staticClass:\"small-value-input\",attrs:{\"label\":\"Up\",\"type\":\"number\",\"step\":1,\"min\":0,\"max\":100,\"placeholder\":\"5\",\"small\":\"\",\"append\":\"%\"},on:{\"input\":function($event){return _vm.update()}},model:{value:(_vm.pagePopup.param2),callback:function ($$v) {_vm.$set(_vm.pagePopup, \"param2\", $$v)},expression:\"pagePopup.param2\"}})],1):_vm._e()])}),0):_vm._e()],1)]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"item_sidebar\" v-if=\"pagePopup\">\n\t\t\t<div class=\"title\">Page popup</div>\n\t\t\t<div class=\"layout-column\">\n\t\t\t\t<v-select :options=\"popups\" class=\"small\"\n\t\t\t\t          v-model=\"pagePopup.path\"\n\t\t\t\t          @input=\"inputChanged\"\n\t\t\t\t          placeholder=\"Select a popup to show\"\n\t\t\t\t          label=\"name\"\n\t\t\t\t          :reduce=\"x=>x.path\"\n\t\t\t\t          :searchable=\"true\"\n\t\t\t\t          :clearable=\"true\"\n\t\t\t\t          append-to-body\n\t\t\t\t          dense>\n\t\t\t\t\t<template v-slot:option=\"option\">\n\t\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t\t<span class=\"popup-name\">{{ option.name }}</span>\n\t\t\t\t\t\t\t<span class=\"popup-tag\">#{{ option.path }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-slot:selected-option=\"option\">\n\t\t\t\t\t\t<div class=\"layout-row\" style=\"overflow: hidden\">\n\t\t\t\t\t\t\t<span class=\"popup-name\">{{ option.name }}</span>\n\t\t\t\t\t\t\t<span class=\"popup-tag\">#{{ option.path }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</v-select>\n\n\t\t\t\t<div class=\"layout-column show-when\" v-if=\"pagePopup && pagePopup.path\">\n\t\t\t\t\t<div v-for=\"when in showWhenOptions\" :key=\"when.name\" >\n\t\t\t\t\t\t<label class=\"radio\">\n\t\t\t\t\t\t\t<input type=\"radio\" class=\"radiomark\" name=\"page_popup_show_when\"\n\t\t\t\t\t\t\t       @input=\"update()\"\n\t\t\t\t\t\t\t       :value=\"when.name\" v-model=\"pagePopup.showWhen\">\n\t\t\t\t\t\t\t<span class=\"radiomark\"></span>\n\t\t\t\t\t\t\t<span>{{ when.title }}</span>\n\t\t\t\t\t\t\t<span v-if=\"when.tag\" class=\"tag \">{{when.tag}}</span>\n\t\t\t\t\t\t\t<info-icon v-if=\"when.desc\" :info=\"when.desc\" />\n\t\t\t\t\t\t</label>\n\t\t\t\t\t\t<div class=\"extra-options\" v-if=\"when.name==='scrollDown' && showWhen==='scrollDown'\">\n\t\t\t\t\t\t\t<span>Show after scrolling down (%):</span>\n\t\t\t\t\t\t\t<input-field class=\"small-value-input\" type=\"number\" v-model=\"pagePopup.param1\"\n\t\t\t\t\t\t\t             @input=\"update()\"\n\t\t\t\t\t\t\t             :step=\"1\" :min=\"0\" :max=\"100\" placeholder=\"10\" label=\"\" small append=\"%\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"extra-options\" v-if=\"when.name==='timeout' && showWhen==='timeout'\">\n\t\t\t\t\t\t\t<span class=\"flex\">Show after:</span>\n\t\t\t\t\t\t\t<input-field class=\"small-value-input\" type=\"number\" v-model=\"pagePopup.param1\"\n\t\t\t\t\t\t\t             @input=\"update()\"\n\t\t\t\t\t\t\t             :step=\"10\" :min=\"1\" placeholder=\"30\" label=\"\" small append=\"sec\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"extra-options\" v-if=\"when.name==='scrollDownUp' && showWhen==='scrollDownUp'\">\n\t\t\t\t\t\t\t<span class=\"flex\">Show after scrolling (%):</span>\n\t\t\t\t\t\t\t<input-field class=\"small-value-input\" label=\"Down\" v-model=\"pagePopup.param1\"\n\t\t\t\t\t\t\t             @input=\"update()\"\n\t\t\t\t\t\t\t             type=\"number\" :step=\"1\" :min=\"0\" :max=\"100\" placeholder=\"50\" small append=\"%\" />\n\t\t\t\t\t\t\t<span>then</span>\n\t\t\t\t\t\t\t<input-field class=\"small-value-input\" label=\"Up\" v-model=\"pagePopup.param2\"\n\t\t\t\t\t\t\t             @input=\"update()\"\n\t\t\t\t\t\t\t             type=\"number\" :step=\"1\" :min=\"0\" :max=\"100\" placeholder=\"5\" small append=\"%\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t</div>\n</template>\n\n<script>\nimport API from '@/api'\nimport inputField from '@/components/base/input-field'\nimport infoIcon from '@/components/base/info-icon'\nimport debounceAction from \"@/helpers/debounce\";\nimport {mapGetters} from \"vuex\";\n\nexport default {\n\tname: 'pagePopupSettings',\n\tprops: ['page'],\n\tmixins:[API],\n\tcomponents:{inputField,infoIcon},\n\tdata: function () {\n\t\treturn {\n\t\t\tpopups:[],\n\t\t\tshowWhenOptions:[\n\t\t\t\t{name:'exitIntent',title:'Exit intent',tag:'desktop only',desc:''},\n\t\t\t\t{name:'scrollDown',title:'Visitor scrolls down the page',desc:''},\n\t\t\t\t{name:'timeout',title:'Visitor spends X seconds on the page',desc:''},\n\t\t\t\t{name:'scrollDownUp',title:'Show after customer scrolls down then up',desc:'This is usually the best/only indication<br> that the visitor is trying to exit the page on<br> mobile devices'},\n\t\t\t],\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters(['page_props']),\n\t\titemClass() {\n\t\t\treturn this.title.toLowerCase().split(' ').join('_');\n\t\t},\n\t\tpagePopup(){\n\t\t\treturn this.page_props.basic.pagePopup;\n\t\t},\n\t\tshowWhen(){\n\t\t\treturn this.pagePopup.showWhen || 'exitIntent'\n\t\t}\n\t},\n\tmethods: {\n\t\tupdate: debounceAction(function() {\n\t\t\tthis.onFieldUpdate()\n\t\t}, 200),\n\t\tonFieldUpdate() {\n\t\t\tthis.$store.dispatch('PAGE_SET_PAGE_PROPS', {type:'basic', name:'pagePopup', item: this.pagePopup});\n\t\t},\n\t\tinputChanged(ev) {\n\t\t\tthis.pagePopup.path = ev;\n\t\t\tthis.update();\n\t\t},\n\t\tasync loadPopups(){\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.popups = [];\n\t\t\t\tlet resp = await this.api.popups.getAll(true)\n\t\t\t\tif (resp.error) {\n\t\t\t\t\tthrow resp;\n\t\t\t\t} else {\n\t\t\t\t\tthis.popups = resp;\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t},\n\tmounted() {\n\t\tif (!this.page_props.basic.pagePopup)\n\t\t\tthis.$set(this.page_props.basic, 'pagePopup', {path:'',showWhen:'exitIntent',param1:'',param2:''})\n\n\t\tthis.loadPopups()\n\t}\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.popup-tag {\n\topacity: 0.7;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n.popup-name {\n\tdisplay: flex;\n\tflex: 1 1 0;\n\tfont-weight: bold;\n\tmargin-right: 5px;\n\tmargin-left: 5px;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n.title {\n\tmargin-bottom: 5px;\n}\n.extra-options {\n\tpadding: 6px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\t> span {\n\t\tfont-size: 12px;\n\t\tfont-weight: 400;\n\t\tcolor: $dark-grey;\n\t}\n\t.small-value-input {\n\t\twidth: 90px;\n\t\tmargin: 0 5px;\n\t}\n}\n.show-when {\n\tmargin-top: 10px;\n\t.radio {\n\t\tposition: relative;\n\t\tmargin: 6px 5px;\n\t}\n\t.tag {\n\t\tbackground: $light-grey;\n\t\tcolor: $dark-grey;\n\t\tborder-radius: 4px;\n\t\tpadding: 4px 5px;\n\t\tmargin-left: 10px;\n\t\tfont-size: 10px;\n\t\tfont-weight: 500;\n\t\tposition: absolute;\n\t\tright: 0;\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!./pagePopupSettings.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!./pagePopupSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pagePopupSettings.vue?vue&type=template&id=904c7626&scoped=true&\"\nimport script from \"./pagePopupSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./pagePopupSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pagePopupSettings.vue?vue&type=style&index=0&id=904c7626&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  \"904c7626\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"tabs noscroll layout-column\">\n        <div class=\"wrapper_header_sidebar\">\n            <div class=\"header_sidebar_wrpr\">\n\t            <a @click=\"linkTo(null)\" class=\"small-btn back_btn\">\n\t\t            <inline-svg :src=\"require('@/assets/icons/back.svg')\" />\n\t            </a>\n                <h4 class=\"title_sidebar\">Page properties</h4>\n            </div>\n            <ul id=\"tabs-nav\">\n                <li><a :class=\"{'active': currentTab === 'basic'}\" @click=\"currentTab = 'basic'\">Basic</a></li>\n                <li><a :class=\"{'active': currentTab === 'advanced'}\" @click=\"currentTab = 'advanced'\">Advanced</a></li>\n            </ul>\n        </div>\n\n        <div id=\"tabs-content\" class=\"scroll\">\n            <div class=\"tab-content\" v-show=\"currentTab === 'basic'\">\n\t            <page-popup-settings :page=\"page\" />\n\n              <colorPicker title=\"Background color\" @updated=\"debUpdate($event, 'backgroundColor', 'basic')\" :value=\"page.basic.backgroundColor\"/>\n\t            <imageUploader title=\"Background image\" @updated=\"debUpdate($event, 'backgroundImage', 'basic')\" :value=\"page.basic.backgroundImage\"/>\n\n\t            <selectItem title=\"Background style\" :options=\"[{id:'auto',text:'Auto (default)'},{id:'cover',text:'Cover'}]\"\n\t                        @updated=\"debUpdate($event, 'backgroundStyle', 'basic')\" :value=\"page.basic.backgroundStyle\"/>\n\n\t            <selectItem title=\"Background position\" :options=\"[{id:'top',text:'Top (default)'},{id:'center',text:'Center'},{id:'bottom',text:'Bottom'}]\"\n\t                        @updated=\"debUpdate($event, 'backgroundPosition', 'basic')\" :value=\"page.basic.backgroundPosition\"/>\n\n\t            <marginPadding title=\"Padding\" @updated=\"debUpdate($event, 'padding', 'basic')\" :value=\"page.basic.padding\"/>\n                <FontPanel title=\"Font\" @updated=\"debUpdate($event, 'font', 'basic')\" :value=\"page.basic.font\"/>\n                <Border title=\"Border\" @updated=\"debUpdate($event, 'border', 'basic')\" :value=\"page.basic.border\"/>\n            </div>\n            <div class=\"tab-content\" v-show=\"currentTab === 'advanced'\">\n                <TextInput title=\"ID\" :value=\"page.advanced.id\" @updated=\"debUpdate($event, 'id', 'advanced')\"/>\n                <MultiSelectItem title=\"CSS classes\" :value=\"page.advanced.cssClasses\" @updated=\"debUpdate($event, 'cssClasses', 'advanced')\"/>\n\n\t            <selectItem title=\"Text direction\" :options=\"[{id:'ltr',text:'Left-to-right'},{id:'rtl',text:'Right-to-left'}]\"\n\t                        @updated=\"debUpdate($event, 'direction', 'advanced')\" :value=\"page.advanced.direction||'ltr'\"/>\n\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport colorPicker from \"@/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue\"\nimport imageUploader from \"@/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue\"\nimport TextInput from \"@/modules/page-editor/src/components/sidebar/sidebar-items/TextInput.vue\"\nimport marginPadding from \"@/modules/page-editor/src/components/sidebar/sidebar-items/marginPadding.vue\"\nimport Border from \"@/modules/page-editor/src/components/sidebar/sidebar-items/Border.vue\"\nimport selectItem from \"@/modules/page-editor/src/components/sidebar/sidebar-items/selectItem.vue\"\nimport InputNumber from \"@/modules/page-editor/src/components/sidebar/sidebar-items/InputNumber.vue\"\nimport ToggleInput from \"@/modules/page-editor/src/components/sidebar/sidebar-items/ToggleInput.vue\"\nimport ListItems from \"@/modules/page-editor/src/components/sidebar/sidebar-items/ListItems.vue\"\nimport Font from \"@/modules/page-editor/src/components/sidebar/sidebar-items/Font.vue\"\nimport ClickAction from \"@/modules/page-editor/src/components/sidebar/sidebar-items/ClickAction.vue\"\nimport TextAlign from \"@/modules/page-editor/src/components/sidebar/sidebar-items/TextAlign.vue\"\nimport FontStyling from \"@/modules/page-editor/src/components/sidebar/sidebar-items/FontStyling.vue\"\nimport FontPanel from \"@/modules/page-editor/src/components/sidebar/sidebar-items/FontPanel.vue\"\nimport SocialNetworks from \"@/modules/page-editor/src/components/sidebar/sidebar-items/SocialNetworks.vue\"\nimport PopupOpenBtn from \"@/modules/page-editor/src/components/sidebar/sidebar-items/PopupOpenBtn.vue\"\nimport MultiSelectItem from \"@/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue\"\nimport debounceAction from \"@/helpers/debounce\"\nimport PagePopupSettings from \"@/modules/page-editor/src/components/sidebar/sidebar-items/pagePopupSettings\";\n\nexport default {\n    name: 'PageProperties',\n    components: {\n\t    PagePopupSettings,\n        colorPicker,\n        imageUploader,\n        TextInput,\n        marginPadding,\n        Border,\n        selectItem,\n        InputNumber,\n        ToggleInput,\n        ListItems,\n        Font,\n        ClickAction,\n        TextAlign,\n        FontStyling,\n        FontPanel,\n        SocialNetworks,\n        PopupOpenBtn,\n        MultiSelectItem\n    },\n    data() {\n        return {\n            currentTab: 'basic',\n        }\n    },\n    computed: {\n        page() {\n            return this.$store.state.page.page\n        }\n    },\n    methods: {\n        linkTo(tab) {\n            this.$store.commit('PAGE_SET_TAB', tab)\n        },\n        debUpdate: debounceAction(function(ev, name, type) {\n            this.onFieldUpdate(ev, name, type)\n        }, 100),\n        onFieldUpdate(ev, name, type) {\n            // console.log({ev, name, type});\n            this.$store.dispatch('PAGE_SET_PAGE_PROPS', {type, name, item: ev});\n        }\n    }\n}\n</script>\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!./PageProperties.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!./PageProperties.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageProperties.vue?vue&type=template&id=45c2893b&\"\nimport script from \"./PageProperties.vue?vue&type=script&lang=js&\"\nexport * from \"./PageProperties.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","module.exports = __webpack_public_path__ + \"img/t-justify.6cf0c33f.svg\";","module.exports = __webpack_public_path__ + \"img/back.09be8f8c.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['color_picker_main_wrpr', {'item_sidebar' : !_vm.replacedClass}, _vm.replacedClass]},[_c('div',{staticClass:\"inner_box flex\"},[(_vm.title)?_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.title && _vm.canReset)?_c('inline-svg',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small'}),expression:\"{theme:'small'}\"}],staticClass:\"reset-prop\",attrs:{\"content\":\"Reset property\",\"src\":require('@/assets/img/pencil-remove-outline.svg')},on:{\"click\":_vm.reset}}):_vm._e(),(_vm.title && _vm.canReset)?_c('div',{staticClass:\"flex\"}):_vm._e(),_c('div',{staticClass:\"color_picker_wrpr\"},[(_vm.useTooltip)?_c('tippy',{attrs:{\"interactive\":\"true\",\"theme\":\"transparent\",\"placement\":\"bottom-start\",\"boundary\":\"viewport\",\"trigger\":\"click\",\"interactiveBorder\":\"300\",\"to\":'color_picker-'+_vm.uid}},[_c('div',{staticClass:\"color_picker_box\",staticStyle:{\"position\":\"relative\",\"left\":\"0\",\"bottom\":\"0\"}},[_c('div',{staticClass:\"color_picker_box_left\"},[_c('ul',{staticClass:\"color_circles\"},_vm._l((_vm.swatches),function(item,index){return _c('li',{key:index,class:{'active': _vm.color == item, 'transparent':item==='transparent', 'white':item==='white'},style:({backgroundColor: item}),on:{\"click\":function($event){return _vm.colorCirclePick(item)}}})}),0)]),_c('colorPickerBox',{attrs:{\"value\":_vm.color||'transparent'},on:{\"input\":_vm.updateValue}}),_c('v-style',[_vm._v(\" \"+_vm._s(_vm.circleColorStyle)+\" \")])],1)]):(_vm.pickerOpen)?_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.clickOutside),expression:\"clickOutside\"}],staticClass:\"color_picker_box\",style:({ left: _vm.pickerLeft +'px', top: _vm.pickerTopStyle })},[_c('div',{staticClass:\"color_picker_box_left\"},[_c('ul',{staticClass:\"color_circles\"},_vm._l((_vm.swatches),function(item,index){return _c('li',{key:index,class:{'active': _vm.color == item, 'transparent':item==='transparent', 'white':item==='white'},style:({backgroundColor: item}),on:{\"click\":function($event){return _vm.colorCirclePick(item)}}})}),0)]),_c('colorPickerBox',{attrs:{\"value\":_vm.color||'none'},on:{\"input\":_vm.updateValue}}),_c('v-style',[_vm._v(\" \"+_vm._s(_vm.circleColorStyle)+\" \")])],1):_vm._e(),_c('div',{class:['color_picker', {'transparent': _vm.color == 'transparent'} ],attrs:{\"name\":'color_picker-'+_vm.uid,\"id\":'color_picker-'+_vm.uid},on:{\"click\":_vm.pickerTrigger}},[(_vm.isTextColor)?_c('div',{staticClass:\"text-color inner layout-column\"},[_c('span',{style:({color:'black',fontWeight:'bold'})},[_vm._v(\"A\")]),_c('span',{style:({border:'1px solid silver',background: _vm.color,width:'100%',height:'5px'})})]):_c('div',{staticClass:\"inner\",style:({ background: _vm.color })},[(_vm.replacedClass !== 'not_self_comp')?_c('span',{staticStyle:{\"pointer-events\":\"none\"}},[_vm._v(_vm._s(_vm.color || 'transparent'))]):_vm._e()])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div :class=\"['color_picker_main_wrpr', {'item_sidebar' : !replacedClass}, replacedClass]\">\n\t\t<div class=\"inner_box flex\">\n\t\t\t<div class=\"title\" v-if=\"title\">{{ title }}</div>\n\t\t\t<inline-svg class=\"reset-prop\" v-if=\"title && canReset\" v-tippy=\"{theme:'small'}\" @click=\"reset\"\n\t\t\t            content=\"Reset property\" :src=\"require('@/assets/img/pencil-remove-outline.svg')\" />\n\t\t\t<div class=\"flex\" v-if=\"title && canReset\"></div>\n\n\t\t\t<div class=\"color_picker_wrpr\">\n\t\t\t\t<tippy v-if=\"useTooltip\" interactive=\"true\" theme=\"transparent\" placement=\"bottom-start\" boundary=\"viewport\"\n\t\t\t\t       trigger=\"click\" interactiveBorder=\"300\" :to=\"'color_picker-'+uid\">\n\t\t\t\t\t<div class=\"color_picker_box\" style=\"position: relative;left:0;bottom:0;\">\n\t\t\t\t\t\t<div class=\"color_picker_box_left\">\n\n\t\t\t\t\t\t\t<ul class=\"color_circles\">\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\tv-for=\"(item, index) in swatches\"\n\t\t\t\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t\t\t\t:style=\"{backgroundColor: item}\"\n\t\t\t\t\t\t\t\t\t\t@click=\"colorCirclePick(item)\"\n\t\t\t\t\t\t\t\t\t\t:class=\"{'active': color == item, 'transparent':item==='transparent', 'white':item==='white'}\"\n\t\t\t\t\t\t\t\t></li>\n\t\t\t\t\t\t\t</ul>\n\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<colorPickerBox :value=\"color||'transparent'\" @input=\"updateValue\"/>\n\t\t\t\t\t\t<v-style>\n\t\t\t\t\t\t\t{{ circleColorStyle }}\n\t\t\t\t\t\t</v-style>\n\t\t\t\t\t</div>\n\t\t\t\t</tippy>\n\t\t\t\t<div class=\"color_picker_box\" v-else-if=\"pickerOpen\" v-click-outside=\"clickOutside\"\n\t\t\t\t     :style=\"{ left: pickerLeft +'px', top: pickerTopStyle }\">\n\t\t\t\t\t<div class=\"color_picker_box_left\">\n\n\t\t\t\t\t\t<ul class=\"color_circles\">\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tv-for=\"(item, index) in swatches\"\n\t\t\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t\t\t:style=\"{backgroundColor: item}\"\n\t\t\t\t\t\t\t\t\t@click=\"colorCirclePick(item)\"\n\t\t\t\t\t\t\t\t\t:class=\"{'active': color == item, 'transparent':item==='transparent', 'white':item==='white'}\"\n\t\t\t\t\t\t\t></li>\n\t\t\t\t\t\t</ul>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<colorPickerBox :value=\"color||'none'\" @input=\"updateValue\"/>\n\t\t\t\t\t<v-style>\n\t\t\t\t\t\t{{ circleColorStyle }}\n\t\t\t\t\t</v-style>\n\t\t\t\t</div>\n\n\t\t\t\t<div :name=\"'color_picker-'+uid\" :id=\"'color_picker-'+uid\"\n\t\t\t\t     :class=\"['color_picker', {'transparent': color == 'transparent'} ]\"\n\t\t\t\t     @click=\"pickerTrigger\">\n\t\t\t\t\t<!--\t                isTextColor-->\n\t\t\t\t\t<div v-if=\"isTextColor\" class=\"text-color inner layout-column\">\n\t\t\t\t\t\t<span :style=\"{color:'black',fontWeight:'bold'}\">A</span>\n\t\t\t\t\t\t<span :style=\"{border:'1px solid silver',background: color,width:'100%',height:'5px'}\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else class=\"inner\" :style=\"{ background: color }\">\n\t\t\t\t\t\t<span style=\"pointer-events: none;\" v-if=\"replacedClass !== 'not_self_comp'\">{{ color || 'transparent' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport {Sketch} from 'vue-color'\n\nlet id = 0;\n\nexport default {\n\tname: 'BackgroundColor',\n\tcomponents: {\n\t\tcolorPickerBox: Sketch,\n\t},\n\tprops:{\n\t\tvalue:{},\n\t\ttitle:{},\n\t\treplacedClass:{},\n\t\thideTitle:{},\n\t\tuseTooltip:{type:Boolean},\n\t\tisTextColor:{type:Boolean},\n\t},\n\tdata: function () {\n\t\tid += 1;\n\t\treturn {\n\t\t\tuid: id,\n\t\t\tpickerOpen: false,\n\t\t\tcolor: '',\n\t\t\tswatches: ['transparent', 'white', '#FF0000', '#68C2E9', '#15D7AE', '#FDCC5E', '#4368E0', '#252A32', '#636A7B', '#C5C7D2', '#2E408C', '#97AACD', '#449CF4', '#6689FC'],\n\t\t\tpickerLeft: 0,\n\t\t\tpickerTop: 0,\n\t\t}\n\t},\n\twatch: {\n\t\tvalue: function () {\n\t\t\tthis.color = JSON.parse(JSON.stringify(this.value));\n\t\t}\n\t},\n\tcomputed: {\n\t\tcircleColorStyle() {\n\t\t\treturn '.color_picker_box .vc-hue-picker { background: ' + this.color + '; }';\n\t\t},\n\t\tpickerTopStyle() {\n\t\t\tif ((this.pickerTop - 244) < 0) {\n\t\t\t\treturn '10px'\n\t\t\t} else {\n\t\t\t\treturn this.pickerTop - 244 + 'px'\n\t\t\t}\n\t\t},\n\t\tcanReset() {\n\t\t\treturn !!this.color\n\t\t}\n\t},\n\tmethods: {\n\t\treset() {\n\t\t\tthis.color = null;\n\t\t\tthis.$emit('updated', this.color);\n\t\t},\n\t\tupdateValue(val) {\n\t\t\tif (val.a !== 1) {\n\t\t\t\tthis.color = val.hex8;\n\t\t\t\t// this.color = 'rgba('+val.rgba.r+','+val.rgba.g+','+val.rgba.b+','+val.rgba.a+')';\n\t\t\t} else {\n\t\t\t\tthis.color = val.hex;\n\t\t\t}\n\n\t\t\t// console.log(val);\n\t\t\tthis.$emit('updated', this.color);\n\t\t},\n\t\tcolorCirclePick(val) {\n\t\t\tthis.color = val;\n\n\t\t\tthis.$emit('updated', this.color);\n\t\t},\n\t\tclickOutside(e) {\n\t\t\tif (e.target.id !== 'color_picker-'+this.uid) {\n\t\t\t\tthis.pickerOpen = false;\n\t\t\t}\n\t\t},\n\t\tpickerTrigger(e) {\n\t\t\t// console.log(\"event\", e)\n\t\t\tthis.pickerOpen = !this.pickerOpen;\n\n\t\t\tif (this.replacedClass === 'not_self_comp') {\n\t\t\t\tthis.pickerLeft = e.offsetX;\n\t\t\t\tthis.pickerTop = e.offsetY;\n\t\t\t} else {\n\t\t\t\tthis.pickerLeft = e.clientX;\n\t\t\t\tthis.pickerTop = e.clientY;\n\t\t\t}\n\t\t},\n\t},\n\tmounted() {\n\t\t// this.init();\n\t},\n\tcreated() {\n\t\tif (this.value) this.color = JSON.parse(JSON.stringify(this.value));\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n.vue-swatches__wrapper .vue-swatches__swatch:last-child {\n\tborder: 1px solid #000 !important;\n}\n\n.vue-swatches__fallback__input {\n\ttext-align: center;\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.color_picker_box {\n\twidth: fit-content;\n}\n.color_picker_main_wrpr {\n\tposition: relative;\n\n\tli {\n\t\t&::before {\n\t\t\tmargin-left: 0 !important;\n\t\t\tmargin-right: 0 !important;\n\t\t\tcontent: '' !important;\n\t\t\tdisplay: block !important;\n\t\t\twidth: 5px !important;\n\t\t}\n\t}\n\n\t.color_picker {\n\t\tpadding: 5px;\n\t\tcursor: pointer;\n\t\tborder: 1px solid #E4E6F1;\n\t\tborder-radius: 3px;\n\t\tdisplay: inline-block;\n\t\tmin-width: 71px;\n\n\t\t.inner {\n\t\t\tfont-size: 12px;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tpadding: 2px 5px;\n\t\t\ttext-align: center;\n\n\t\t\tspan {\n\t\t\t\tcolor: #FFFFFF;\n\t\t\t\tfont-weight: 400;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.not_self_comp {\n\t\t.color_picker {\n\t\t\tmin-width: 28px;\n\t\t\twidth: 28px;\n\t\t\tpadding: 2px;\n\n\t\t\t.inner {\n\t\t\t\tpadding: 11px 5px;\n\n\t\t\t\t&.text-color {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.color_picker_wrpr {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tposition: relative;\n\t\t}\n\t}\n}\n\n.color_picker .inner,\n.color_picker .inner span {\npointer-events: none;\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!./colorPicker.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!./colorPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./colorPicker.vue?vue&type=template&id=10a81c52&scoped=true&\"\nimport script from \"./colorPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./colorPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./colorPicker.vue?vue&type=style&index=0&id=10a81c52&prod&lang=scss&\"\nimport style1 from \"./colorPicker.vue?vue&type=style&index=1&id=10a81c52&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  \"10a81c52\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/t-bold.31d3feae.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\"},[_c('div',{staticClass:\"wrapper_title\",class:{'mb_0':!_vm.moreFields}},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('a',{staticClass:\"sidebar_item_open_arrow\",class:{'active':_vm.moreFields},on:{\"click\":_vm.panelOpenToggle}},[_c('img',{attrs:{\"src\":require(\"@/modules/page-editor/src/assets/img/chevron-up.svg\"),\"alt\":\"\"}})])]),(_vm.moreFields)?_c('div',[_vm._l((_vm.value),function(item,index){return _c('div',{key:index,staticClass:\"list_item_block mb_20\"},[_c('div',{staticClass:\"title_wrpr\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s('Item #' + (index+1)))]),_c('v-button',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"__delete\",attrs:{\"content\":\"Remove item\",\"flat\":\"\",\"red\":\"\",\"extra-small\":\"\",\"icon\":require('@/assets/img/trash.svg')},on:{\"click\":function($event){return _vm.removeItem(index)}}})],1),(_vm.title !== 'Menu items')?_c('imageUploader',{attrs:{\"value\":item.icon,\"title\":\"Icon\"},on:{\"updated\":function($event){return _vm.updatedData($event, 'icon', index)}}}):_vm._e(),_c('div',{staticClass:\"layout-row margin-b-10\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Title\")]),_c('input-field',{staticClass:\"list-item-value flex\",attrs:{\"small\":\"\",\"placeholder\":\"Enter title\",\"value\":item.title},on:{\"change\":function($event){return _vm.updatedData($event, 'title', index)}}})],1),_c('div',{staticClass:\"layout-row\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Url\")]),_c('input-field',{staticClass:\"list-item-value flex\",attrs:{\"small\":\"\",\"placeholder\":\"Enter url\",\"value\":item.url},on:{\"change\":function($event){return _vm.updatedData($event, 'url', index)}}})],1)],1)}),_c('div',{staticClass:\"layout-row\"},[_c('div',{staticClass:\"flex\"}),_c('v-button',{attrs:{\"border\":\"\",\"slim\":\"\",\"label\":\"Add new item\"},on:{\"click\":_vm.addNewItem}}),_c('div',{staticClass:\"flex\"})],1)],2):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar\">\n        <div class=\"wrapper_title\" :class=\"{'mb_0':!moreFields}\">\n            <div class=\"title\">{{title}}</div>\n\n\t\t\t<a class=\"sidebar_item_open_arrow\" :class=\"{'active':moreFields}\" @click=\"panelOpenToggle\">\n                <img src=\"@/modules/page-editor/src/assets/img/chevron-up.svg\" alt=\"\">\n            </a>\n\t\t</div>\n\n        <div v-if=\"moreFields\">\n            <div class=\"list_item_block mb_20\" v-for=\"(item, index) in value\" :key=\"index\">\n                <div class=\"title_wrpr\">\n                    <div class=\"title\">{{'Item #' + (index+1)}}</div>\n\n\t                <v-button class=\"__delete\" v-tippy=\"{theme:'small-black'}\" content=\"Remove item\"\n\t                          flat red extra-small  :icon=\"require('@/assets/img/trash.svg')\"\n\t                          @click=\"removeItem(index)\" />\n                </div>\n                <imageUploader\n                    :value=\"item.icon\"\n                    title=\"Icon\"\n                    @updated=\"updatedData($event, 'icon', index)\"\n                    v-if=\"title !== 'Menu items'\"\n                />\n                <div class=\"layout-row margin-b-10\">\n                    <div class=\"title\">Title</div>\n                    <input-field class=\"list-item-value flex\" small placeholder=\"Enter title\" :value=\"item.title\"\n                                @change=\"updatedData($event, 'title', index)\" />\n                </div>\n                <div class=\"layout-row \">\n                    <div class=\"title \">Url</div>\n                    <input-field class=\"list-item-value flex\" small placeholder=\"Enter url\" :value=\"item.url\"\n                                @change=\"updatedData($event, 'url', index)\" />\n                </div>\n            </div>\n\t        <div class=\"layout-row\">\n\t\t        <div class=\"flex\"></div>\n\t\t        <v-button @click=\"addNewItem\" border slim label=\"Add new item\"/>\n\t\t        <div class=\"flex\"></div>\n\t        </div>\n    <!--        <a @click=\"addNewItem\" class=\"btn sidebar_add_newitem_btn\">Add new item</a>-->\n        </div>\n    </div>\n</template>\n\n<script>\nimport imageUploader from \"@/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue\"\nimport InputField from '@/components/base/input-field';\nimport VButton from '@/components/base/v-button';\n\nexport default {\n    name: 'ListItems',\n    components: {\n    \tVButton,\n        imageUploader,\n\t    InputField,\n    },\n    props: [\"value\", \"title\"],\n    data: function(){\n        return {\n            moreFields:false,\n            listItemsData: {}\n        }\n    },\n    // computed: {\n    //     hideIcon(){\n    //         return (this.title == )\n    //     }\n    // },\n    methods: {\n        panelOpenToggle(){\n            this.moreFields = !this.moreFields;\n            localStorage.setItem(this.title, this.moreFields);\n        },\n        updatedData(val, fieldName, index){\n            if(val) {\n                this.listItemsData[index][fieldName] = val;\n            }\n\n            this.$emit('updated', this.listItemsData);\n        },\n        removeItem(index){\n            if (index > -1) {\n                this.listItemsData.splice(index, 1);\n            }\n\n            this.$emit('updated', this.listItemsData);\n        },\n        addNewItem(){\n            let newItem = { title: ('New item '+ (this.listItemsData.length + 1)), url: '', icon: ''};\n            this.listItemsData.push(newItem);\n\n            this.$emit('updated', this.listItemsData);\n        }\n    },\n    created() {\n        this.listItemsData = JSON.parse(JSON.stringify(this.value));\n        this.updatedData();\n    },\n    mounted(){\n        if(localStorage.getItem(this.title) !== null) {\n            if(localStorage.getItem(this.title) === 'true') {\n                this.moreFields = true;\n            } else {\n                this.moreFields = false;\n            }\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.__delete {\n\tcolor: $light-red;\n}\n.title {\n\tmin-width: 40px;\n\tmargin-right: 20px;\n}\n.list-item-value {\n\twidth: 200px;\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!./ListItems.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!./ListItems.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListItems.vue?vue&type=template&id=2f22e3f6&scoped=true&\"\nimport script from \"./ListItems.vue?vue&type=script&lang=js&\"\nexport * from \"./ListItems.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ListItems.vue?vue&type=style&index=0&id=2f22e3f6&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  \"2f22e3f6\",\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!./colorPicker.vue?vue&type=style&index=1&id=10a81c52&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\"},[_c('div',{staticClass:\"title title_m_b\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"wrapper_input\"},[_c('input-field',{staticClass:\"flex\",attrs:{\"small\":\"\",\"value\":_vm.value,\"placeholder\":\"Input image URL\"},on:{\"input\":function($event){return _vm.inputChanged($event)}}}),_c('a',{staticClass:\"button-wrapper popup_image_btn\",on:{\"click\":function($event){_vm.popupOpen = !_vm.popupOpen}}},[_c('span',{staticClass:\"label\"},[_vm._v(\" Browse... \")])])],1),_c('portal',{attrs:{\"to\":\"popup\"}},[(_vm.popupOpen)?_c('SelectImagePopup',{attrs:{\"funnel-id\":_vm.funnelId},on:{\"closePopup\":_vm.closeImagePopup,\"imageChoosed\":_vm.setImgPath}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar\">\n        <div class=\"title title_m_b\">{{title}}</div>\n        <div class=\"wrapper_input\">\n\t        <input-field  small :value=\"value\" placeholder=\"Input image URL\" class=\"flex\"\n\t                      @input=\"inputChanged($event)\"  />\n\n            <a @click=\"popupOpen = !popupOpen\" class=\"button-wrapper popup_image_btn\">\n                <span class=\"label\">\n                    Browse...\n                </span>\n            </a>\n        </div>\n\n\t    <portal to=\"popup\">\n\t\t    <SelectImagePopup v-if=\"popupOpen\" :funnel-id=\"funnelId\"\n\t\t                      @closePopup=\"closeImagePopup\" @imageChoosed=\"setImgPath\"/>\n\t    </portal>\n    </div>\n</template>\n\n<script>\n\nimport SelectImagePopup from \"@/modules/page-editor/src/components/popups/SelectImagePopup.vue\";\nimport InputField from '@/components/base/input-field';\n\nexport default {\n    name: 'ImageElem',\n    props: ['title','value',],\n    components: {\n      SelectImagePopup,\n\t    InputField\n    },\n    data: function(){\n        return {\n            popupOpen: false,\n            inputVal: ''\n        }\n    },\n\tcomputed:{\n\t\tfunnelId(){\n\t\t\treturn this.$store.state.page.initial.funnel;\n\t\t},\n\t},\n    methods: {\n        inputChanged(val){\n            this.$emit('updated', val);\n        },\n        closeImagePopup(){\n            this.popupOpen = false;\n        },\n        setImgPath(val){\n        \tlet url = val.url;\n        \tif (url && url.indexOf('https://images.funnelish.com')>=0) {\n\t\t        url = url.replace('https://images.funnelish.com', 'https://img.funnelish.com')\n\t        }\n          this.inputVal = url\n          this.inputChanged(url);\n        }\n    },\n    created(){\n        this.inputVal = this.value;\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.popup_image_btn {\n\tmargin-left: 5px;\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!./imageUploader.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!./imageUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./imageUploader.vue?vue&type=template&id=73a0633b&scoped=true&\"\nimport script from \"./imageUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./imageUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./imageUploader.vue?vue&type=style&index=0&id=73a0633b&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  \"73a0633b\",\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!./SelectImagePopup.vue?vue&type=style&index=0&id=6dbd0844&prod&lang=scss&\"","import currencies from \"@/helpers/currencies\";\n\nfunction getSymbol(currencyCode) {\n    let target = currencies.find(item => item.id === currencyCode);\n    if (target) {\n        return target.symbol\n    } else {\n        return \"$\"\n    }\n}\n\nfunction getCycleType(type) {\n    switch (type) {\n        case 2:\n            return 'week(s)';\n        case 3:\n            return 'month(s)';\n        case 4:\n            return 'year(s)';\n        default: // 1 or others\n            return 'day(s)'\n    }\n}\nfunction getPriceBrief(product, currencyCode) {\n    if (!product.is_subscription) { // One time product\n        return getSymbol(currencyCode) + ' ' + product.price;\n    } else {\n        let cycleType = product.cycle_type;\n        let billingAmount = product.billing_amount;\n        let cycle = getCycleType(cycleType);\n        let billingCycle = product.billing_cycle;\n        if (billingCycle <= 0)\n            billingCycle = \"\"\n        return `${getSymbol(currencyCode)} ${billingAmount} every ${billingCycle} ${cycle}`;\n    }\n}\n\nexport {\n    getPriceBrief,\n    getSymbol,\n    getCycleType\n}\n","module.exports = __webpack_public_path__ + \"img/ta-justify-icon.fadfaa00.svg\";","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!./click-action-popup.vue?vue&type=style&index=0&id=11ad6baa&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar border_item_sidebar\",class:{'active': _vm.moreFields}},[_c('div',{staticClass:\"wrapper_title\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),(_vm.canReset)?_c('inline-svg',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small'}),expression:\"{theme:'small'}\"}],staticClass:\"reset-prop\",attrs:{\"content\":\"Reset property\",\"src\":require('@/assets/img/pencil-remove-outline.svg')},on:{\"click\":_vm.reset}}):_vm._e(),_c('div',{staticClass:\"flex\"}),_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.moreFields},on:{\"change\":_vm.showMore}}),_vm._m(0)])],1),_c('div',{staticClass:\"wrapper_body wrapper_body_block\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"title flex\"},[_vm._v(\"Width\")]),_c('input-field',{attrs:{\"min\":\"0\",\"max\":\"5000\",\"step\":\"1\",\"append\":\"px\",\"small\":\"\",\"type\":\"number\"},on:{\"change\":function($event){return _vm.updatedData($event, 'width')}},model:{value:(_vm.value.width),callback:function ($$v) {_vm.$set(_vm.value, \"width\", _vm._n($$v))},expression:\"value.width\"}})],1),_c('colorPicker',{attrs:{\"value\":_vm.compData.color,\"title\":\"Color\",\"use-tooltip\":\"\",\"replacedClass\":\"item\"},on:{\"updated\":function($event){return _vm.updatedData($event, 'color')}}}),_c('div',{staticClass:\"item border_select_style_wrpr\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Style\")]),_c('v-select',{staticClass:\"select2_item small\",attrs:{\"options\":_vm.selectData.option,\"searchable\":false,\"clearable\":false,\"label\":\"text\",\"reduce\":item => item.id,\"append-to-body\":\"\",\"dense\":\"\"},on:{\"input\":function($event){return _vm.updatedData(_vm.borderData.style, 'style')}},model:{value:(_vm.borderData.style),callback:function ($$v) {_vm.$set(_vm.borderData, \"style\", $$v)},expression:\"borderData.style\"}})],1),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Sides\")]),_c('div',{staticClass:\"sides\"},[_c('div',{class:['sides_btn top', {'active' : _vm.compData.sides ? _vm.compData.sides.top : false}],on:{\"click\":function($event){return _vm.sidesToggle('top')}}}),_c('div',{class:['sides_btn right', {'active' : _vm.compData.sides ? _vm.compData.sides.right : false}],on:{\"click\":function($event){return _vm.sidesToggle('right')}}}),_c('div',{class:['sides_btn bottom', {'active' : _vm.compData.sides ? _vm.compData.sides.bottom : false}],on:{\"click\":function($event){return _vm.sidesToggle('bottom')}}}),_c('div',{class:['sides_btn left', {'active' : _vm.compData.sides ? _vm.compData.sides.left : false}],on:{\"click\":function($event){return _vm.sidesToggle('left')}}}),_c('div',{class:[\n                            'sides_btn center',\n                            {'active' :  _vm.compData.sides ? (\n                                _vm.compData.sides.top && _vm.compData.sides.right\n                                && _vm.compData.sides.bottom && _vm.compData.sides.left\n                            ) : false }\n                        ],on:{\"click\":function($event){return _vm.sidesToggle('all')}}})])]),_c('div',{staticClass:\"item border_radius_box\"},[_c('div',{staticClass:\"wrapper_title\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Border radius\")]),_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.borderRadiusFields},on:{\"change\":_vm.borderMore}}),_vm._m(1)])]),_c('div',{staticClass:\"right_box\"},[(_vm.borderRadiusFields)?_c('div',{staticClass:\"field margin_top_side\"},[_c('div',{staticClass:\"title flex\"},[_vm._v(\"Top left\")]),_c('input-field',{attrs:{\"min\":\"0\",\"max\":\"5000\",\"step\":\"1\",\"append\":\"px\",\"small\":\"\",\"type\":\"number\"},on:{\"change\":function($event){return _vm.updatedData($event, 'radius', 'topLeft')}},model:{value:(_vm.compData.radius.topLeft),callback:function ($$v) {_vm.$set(_vm.compData.radius, \"topLeft\", _vm._n($$v))},expression:\"compData.radius.topLeft\"}})],1):_vm._e(),(_vm.borderRadiusFields)?_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"title flex\"},[_vm._v(\"Top right\")]),_c('input-field',{attrs:{\"min\":\"0\",\"max\":\"5000\",\"step\":\"1\",\"append\":\"px\",\"small\":\"\",\"type\":\"number\"},on:{\"change\":function($event){return _vm.updatedData($event, 'radius', 'topRight')}},model:{value:(_vm.compData.radius.topRight),callback:function ($$v) {_vm.$set(_vm.compData.radius, \"topRight\", _vm._n($$v))},expression:\"compData.radius.topRight\"}})],1):_vm._e(),(_vm.borderRadiusFields)?_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"title flex\"},[_vm._v(\"Bottom right\")]),_c('input-field',{attrs:{\"min\":\"0\",\"max\":\"5000\",\"step\":\"1\",\"append\":\"px\",\"small\":\"\",\"type\":\"number\"},on:{\"change\":function($event){return _vm.updatedData($event, 'radius', 'bottomRight')}},model:{value:(_vm.compData.radius.bottomRight),callback:function ($$v) {_vm.$set(_vm.compData.radius, \"bottomRight\", _vm._n($$v))},expression:\"compData.radius.bottomRight\"}})],1):_vm._e(),(_vm.borderRadiusFields)?_c('div',{staticClass:\"field\",attrs:{\"id\":\"field1\"}},[_c('div',{staticClass:\"title flex\"},[_vm._v(\"Bottom left\")]),_c('input-field',{attrs:{\"min\":\"0\",\"max\":\"5000\",\"step\":\"1\",\"append\":\"px\",\"small\":\"\",\"type\":\"number\"},on:{\"change\":function($event){return _vm.updatedData($event, 'radius', 'bottomLeft')}},model:{value:(_vm.compData.radius.bottomLeft),callback:function ($$v) {_vm.$set(_vm.compData.radius, \"bottomLeft\", _vm._n($$v))},expression:\"compData.radius.bottomLeft\"}})],1):_vm._e(),(!_vm.borderRadiusFields)?_c('div',{staticClass:\"field margin_all_sides\"},[_c('div',{staticClass:\"title flex\"},[_vm._v(\"All sides\")]),_c('input-field',{attrs:{\"min\":\"0\",\"max\":\"5000\",\"step\":\"1\",\"append\":\"px\",\"small\":\"\",\"type\":\"number\"},on:{\"change\":function($event){return _vm.updatedData($event, 'radius', 'allSides')}},model:{value:(_vm.compData.radius.topLeft),callback:function ($$v) {_vm.$set(_vm.compData.radius, \"topLeft\", _vm._n($$v))},expression:\"compData.radius.topLeft\"}})],1):_vm._e()])])],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"item_sidebar border_item_sidebar\" :class=\"{'active': moreFields}\">\n\t\t<div class=\"wrapper_title\">\n\t\t\t<div class=\"title\">{{ title }}</div>\n\n\t\t\t<inline-svg class=\"reset-prop\" v-if=\"canReset\" v-tippy=\"{theme:'small'}\" @click=\"reset\"\n\t\t\t            content=\"Reset property\" :src=\"require('@/assets/img/pencil-remove-outline.svg')\" />\n\t\t\t<div class=\"flex\"></div>\n\n\t\t\t<label class=\"switch_checkbox_item\">\n\t\t\t\t<input type=\"checkbox\" @change=\"showMore\" :checked=\"moreFields\">\n\t\t\t\t<div class=\"switch_checkbox\"><span></span></div>\n\t\t\t</label>\n\t\t</div>\n\t\t<div class=\"wrapper_body wrapper_body_block\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"title flex\">Width</div>\n\t\t\t\t<input-field min=\"0\" max=\"5000\" step=\"1\" v-model.number=\"value.width\"\n\t\t\t\t             @change=\"updatedData($event, 'width')\" append=\"px\" small type=\"number\" />\n\t\t\t</div>\n\n\t\t\t<colorPicker :value=\"compData.color\" title=\"Color\" use-tooltip replacedClass=\"item\" @updated=\"updatedData($event, 'color')\"/>\n\n\t\t\t<div class=\"item border_select_style_wrpr\">\n\t\t\t\t<div class=\"title\">Style</div>\n\t\t\t\t<v-select class=\"select2_item small\"\n\t\t\t\t          :options=\"selectData.option\"\n\t\t\t\t          :searchable=\"false\"\n\t\t\t\t          :clearable=\"false\"\n\t\t\t\t          label=\"text\"\n\t\t\t\t          v-model=\"borderData.style\"\n\t\t\t\t          :reduce=\"item => item.id\"\n\t\t\t\t          @input=\"updatedData(borderData.style, 'style')\"\n\t\t\t\t          append-to-body\n\t\t\t\t          dense\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"title\">Sides</div>\n\t\t\t\t<div class=\"sides\">\n\t\t\t\t\t<div\n\t\t\t\t\t\t\t:class=\"['sides_btn top', {'active' : compData.sides ? compData.sides.top : false}]\"\n\t\t\t\t\t\t\t@click=\"sidesToggle('top')\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t\t:class=\"['sides_btn right', {'active' : compData.sides ? compData.sides.right : false}]\"\n\t\t\t\t\t\t\t@click=\"sidesToggle('right')\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t\t:class=\"['sides_btn bottom', {'active' : compData.sides ? compData.sides.bottom : false}]\"\n\t\t\t\t\t\t\t@click=\"sidesToggle('bottom')\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t\t:class=\"['sides_btn left', {'active' : compData.sides ? compData.sides.left : false}]\"\n\t\t\t\t\t\t\t@click=\"sidesToggle('left')\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t\t:class=\"[\n                            'sides_btn center',\n                            {'active' :  compData.sides ? (\n                                compData.sides.top && compData.sides.right\n                                && compData.sides.bottom && compData.sides.left\n                            ) : false }\n                        ]\"\n\t\t\t\t\t\t\t@click=\"sidesToggle('all')\"\n\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"item border_radius_box\">\n\t\t\t\t<div class=\"wrapper_title\">\n\t\t\t\t\t<div class=\"title\">Border radius</div>\n\t\t\t\t\t<label class=\"switch_checkbox_item\">\n\t\t\t\t\t\t<input type=\"checkbox\" :checked=\"borderRadiusFields\" @change=\"borderMore\">\n\t\t\t\t\t\t<div class=\"switch_checkbox\"><span></span></div>\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"right_box\">\n\t\t\t\t\t<div class=\"field margin_top_side\" v-if=\"borderRadiusFields\">\n\t\t\t\t\t\t<div class=\"title flex\">Top left</div>\n\t\t\t\t\t\t<input-field min=\"0\" max=\"5000\" step=\"1\" v-model.number=\"compData.radius.topLeft\"\n\t\t\t\t\t\t             @change=\"updatedData($event, 'radius', 'topLeft')\" append=\"px\" small type=\"number\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"field\" v-if=\"borderRadiusFields\">\n\t\t\t\t\t\t<div class=\"title flex\">Top right</div>\n\t\t\t\t\t\t<input-field min=\"0\" max=\"5000\" step=\"1\" v-model.number=\"compData.radius.topRight\"\n\t\t\t\t\t\t             @change=\"updatedData($event, 'radius', 'topRight')\" append=\"px\" small type=\"number\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"field\" v-if=\"borderRadiusFields\">\n\t\t\t\t\t\t<div class=\"title flex\">Bottom right</div>\n\t\t\t\t\t\t<input-field min=\"0\" max=\"5000\" step=\"1\" v-model.number=\"compData.radius.bottomRight\"\n\t\t\t\t\t\t             @change=\"updatedData($event, 'radius', 'bottomRight')\" append=\"px\" small type=\"number\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div id=\"field1\" class=\"field\" v-if=\"borderRadiusFields\">\n\t\t\t\t\t\t<div class=\"title flex\">Bottom left</div>\n\t\t\t\t\t\t<input-field min=\"0\" max=\"5000\" step=\"1\" v-model.number=\"compData.radius.bottomLeft\"\n\t\t\t\t\t\t             @change=\"updatedData($event, 'radius', 'bottomLeft')\" append=\"px\" small type=\"number\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"field margin_all_sides\" v-if=\"!borderRadiusFields\">\n\t\t\t\t\t\t<div class=\"title flex\">All sides</div>\n\t\t\t\t\t\t<input-field min=\"0\" max=\"5000\" step=\"1\" v-model.number=\"compData.radius.topLeft\"\n\t\t\t\t\t\t             @change=\"updatedData($event, 'radius', 'allSides')\" append=\"px\" small type=\"number\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport colorPicker from \"@/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue\"\nimport InputField from \"@/components/base/input-field\";\n\nexport default {\n\tname: 'Border',\n\tprops: ['title', 'value'],\n\tcomponents: {\n\t\tcolorPicker,\n\t\tInputField\n\t},\n\tdata: function () {\n\t\treturn {\n\t\t\tmoreFields: false,\n\t\t\tborderData: {\n\t\t\t\twidth: 0,\n\t\t\t\tcolor: 'transparent',\n\t\t\t\tstyle: 'solid',\n\t\t\t\tsides: {top: true, left: true, right: true, bottom: true},\n\t\t\t\tradius: {topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0},\n\t\t\t},\n\t\t\tselectData: {\n\t\t\t\toption: [\n\t\t\t\t\t{id: \"dotted\", text: \"Dotted\"},\n\t\t\t\t\t{id: \"dashed\", text: \"Dashed\"},\n\t\t\t\t\t{id: \"solid\", text: \"Solid\"},\n\t\t\t\t\t{id: \"double\", text: \"Double\"},\n\t\t\t\t\t{id: \"groove\", text: \"Groove\"},\n\t\t\t\t\t{id: \"ridge\", text: \"Ridge\"},\n\t\t\t\t\t{id: \"inset\", text: \"Inset\"},\n\t\t\t\t\t{id: \"outset\", text: \"Outset\"},\n\t\t\t\t]\n\t\t\t},\n\t\t\tallSides: true,\n\t\t\tborderRadiusFields: false\n\t\t}\n\t},\n\tcomputed: {\n\t\tcompData() {\n\t\t\tif (this.value !== '') {\n\t\t\t\tthis.borderData = {...this.value};\n\t\t\t}\n\t\t\treturn this.borderData;\n\t\t},\n\t\tcanReset() {\n\t\t\tlet d = this.borderData;\n\t\t\tlet r = d.radius;\n\t\t\tlet s = d.sides;\n\t\t\treturn d.width || d.color || r.topLeft || r.topRight || r.bottomLeft || r.bottomRight ||\n\t\t\t\t\ts.top || s.left || s.right || s.bottom\n\t\t}\n\t},\n\tmethods: {\n\t\treset() {\n\t\t\tthis.moreFields = false;\n\t\t\tthis.borderData.width = null; // only reset width.\n\t\t\tthis.borderData.radius = {topLeft: null, topRight: null, bottomRight: null, bottomLeft: null};\n\t\t\tthis.borderData.sides = {top: null, left: null, right: null, bottom: null};\n\t\t\tthis.borderData.style = 'solid';\n\t\t\tthis.borderData.color = null;\n\t\t\tthis.updatedData()\n\t\t},\n\t\tborderMore(ev) {\n\t\t\tthis.borderRadiusFields = ev.target.checked\n\t\t\tif (!this.borderRadiusFields && this.borderData.radius) {\n\t\t\t\tthis.borderData.radius = {topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0}\n\t\t\t}\n\t\t},\n\t\tshowMore(ev) {\n\t\t\tthis.moreFields = ev.target.checked\n\t\t\tif (!this.moreFields) {\n\t\t\t\tthis.borderData.width = 0; // only reset width.\n\t\t\t\tthis.borderData.radius = {topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0};\n\t\t\t\tthis.updatedData();\n\t\t\t}\n\t\t},\n\t\tupdatedData(val, fieldName, subFieldName) {\n\t\t\tif (fieldName === 'width') {\n\t\t\t\tthis.borderData[fieldName] = +val;\n\t\t\t} else if (subFieldName) {\n\t\t\t\tif (subFieldName === 'allSides') {\n\t\t\t\t\tfor (var key in this.borderData.radius) {\n\t\t\t\t\t\tthis.borderData.radius[key] = +val;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.borderData[fieldName][subFieldName] = +val;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.borderData[fieldName] = val;\n\t\t\t}\n\n\t\t\tfor (var key in this.borderData.radius) {\n\t\t\t\tif (this.borderData.radius[key] < 0) this.borderData.radius[key] = 0;\n\t\t\t}\n\n\t\t\tif (this.borderData.width < 0) this.borderData.width = 0;\n\n\t\t\tthis.$emit('updated', this.borderData);\n\t\t},\n\t\tsidesToggle(sideName) {\n\t\t\tif (sideName == 'all') {\n\t\t\t\tthis.allSides = !this.allSides\n\t\t\t\tfor (var key in this.borderData.sides) {\n\t\t\t\t\tthis.borderData.sides[key] = this.allSides;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.borderData.sides[sideName] = !this.borderData.sides[sideName];\n\t\t\t}\n\t\t\tthis.updatedData()\n\t\t},\n\t\thasRadius(){\n\t\t\tif (!this.borderData.radius) return false;\n\t\t\tlet radius = this.borderData.radius;\n\t\t\treturn (radius.topLeft || radius.topRight || radius.bottomLeft || radius.bottomRight);\n\t\t}\n\t},\n\tcreated() {\n\t\tif (this.value !== '') {\n\t\t\tthis.borderData = JSON.parse(JSON.stringify(this.value));\n\t\t\tif (!this.borderData.radius) {\n\t\t\t\tthis.$set(this.borderData, \"radius\", {})\n\t\t\t}\n\t\t\tif (!this.borderData.sides) {\n\t\t\t\tthis.$set(this.borderData, \"sides\", {})\n\t\t\t}\n\t\t}\n\n\t\tif (this.borderData.width || this.hasRadius()) {\n\t\t\tthis.moreFields = true;\n\t\t}\n\t},\n}\n</script>\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!./Border.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!./Border.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Border.vue?vue&type=template&id=45aa6a15&\"\nimport script from \"./Border.vue?vue&type=script&lang=js&\"\nexport * from \"./Border.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","module.exports = __webpack_public_path__ + \"img/t-center.3501adb3.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar\"},[_c('div',{staticClass:\"wrapper_title mb_0\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title)+\":\")]),_c('div',{staticClass:\"grp\"},[_c('a',{class:['small-btn', {'active' : _vm.data['bold']===true}],on:{\"click\":function($event){return _vm.updatedData('bold')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-bold.svg')}})],1),_c('a',{class:['small-btn', {'active' : _vm.data['italic']===true}],on:{\"click\":function($event){return _vm.updatedData('italic')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-italic.svg')}})],1),_c('a',{class:['small-btn', {'active' : _vm.data['line-through']===true}],on:{\"click\":function($event){return _vm.updatedData('line-through')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-strike.svg')}})],1),_c('a',{class:['small-btn', {'active' : _vm.data['underline']===true}],on:{\"click\":function($event){return _vm.updatedData('underline')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-underline.svg')}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar\">\n        <div class=\"wrapper_title mb_0\">\n            <div class=\"title\">{{title}}:</div>\n\n            <div class=\"grp\">\n                <a :class=\"['small-btn', {'active' : data['bold']===true}]\"\n                    @click=\"updatedData('bold')\">\n\t                <inline-svg :src=\"require('@/assets/icons/t-bold.svg')\" />\n                </a>\n                <a :class=\"['small-btn', {'active' : data['italic']===true}]\"\n                    @click=\"updatedData('italic')\">\n\t                <inline-svg :src=\"require('@/assets/icons/t-italic.svg')\" />\n                </a>\n                <a :class=\"['small-btn', {'active' : data['line-through']===true}]\"\n                    @click=\"updatedData('line-through')\">\n\t                <inline-svg :src=\"require('@/assets/icons/t-strike.svg')\" />\n                </a>\n                <a :class=\"['small-btn', {'active' : data['underline']===true}]\"\n                    @click=\"updatedData('underline')\">\n\t                <inline-svg :src=\"require('@/assets/icons/t-underline.svg')\" />\n                </a>\n            </div>\n        </div>\n\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'FontStyling',\n    props: ['title', 'value'],\n    components: {\n    },\n    data: function(){\n        return {\n            data: {bold: false, italic: false, 'line-through': false, underline: false},\n        }\n    },\n    methods: {\n        updatedData(val){\n        \tthis.data[val] = !this.data[val];\n          this.$emit('updated', this.data);\n        },\n\n    },\n    created(){\n    \tif (!this.value || typeof this.value !== \"object\")\n    \t\tthis.data = {bold: false, italic: false, 'line-through': false, underline: false};\n    \telse\n        this.data = JSON.parse(JSON.stringify(this.value));\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.grp {\n\tflex-direction: row;\n\tdisplay: flex;\n\t.small-btn {\n\t\theight: 32px;\n\t\twidth: 32px;\n\t\tmargin: 0 3px;\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\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!./FontStyling.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!./FontStyling.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FontStyling.vue?vue&type=template&id=3bfcce39&scoped=true&\"\nimport script from \"./FontStyling.vue?vue&type=script&lang=js&\"\nexport * from \"./FontStyling.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FontStyling.vue?vue&type=style&index=0&id=3bfcce39&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  \"3bfcce39\",\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!./SocialNetworks.vue?vue&type=style&index=0&id=446d495f&prod&lang=scss&\"","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!./ListItems.vue?vue&type=style&index=0&id=2f22e3f6&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!./FontPanel.vue?vue&type=style&index=0&id=1997d588&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/chevron-up.37f6722e.svg\";","module.exports = __webpack_public_path__ + \"img/upload.3cdbf02c.svg\";","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!./selectItem.vue?vue&type=style&index=0&id=5eb2c113&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar social_networks_block\"},[_c('div',{staticClass:\"wrapper_title\",class:{'mb_15':_vm.panelOpen}},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('a',{staticClass:\"sidebar_item_open_arrow\",class:{'active':_vm.panelOpen},on:{\"click\":_vm.panelOpenToggle}},[_c('img',{attrs:{\"src\":require(\"@/modules/page-editor/src/assets/img/chevron-up.svg\"),\"alt\":\"\"}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.panelOpen),expression:\"panelOpen\"}]},[_c('Container',{attrs:{\"drag-handle-selector\":'.drag_action_with_lines',\"drop-placeholder\":_vm.options,\"lock-axis\":\"y\"},on:{\"drop\":_vm.onDrop}},_vm._l((_vm.listItemsData),function(item,index){return _c('Draggable',{key:index},[_c('div',{staticClass:\"social_networks_item\"},[_c('div',{staticClass:\"top_wrpr\"},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":item.status},on:{\"change\":function($event){return _vm.updatedData($event.target.checked, 'status', index)}}}),_c('div',{staticClass:\"switch_checkbox\"},[_c('span')])]),_c('a',{staticClass:\"drag_action_with_lines\"},[_c('i',{staticClass:\"icon icon-burger\"})])]),_c('input-field',{attrs:{\"small\":\"\",\"placeholder\":item.title + ' account URL',\"value\":item.url},on:{\"input\":function($event){return _vm.updatedData($event, 'url', index)}}})],1)])}),1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"item_sidebar social_networks_block\">\n\t\t<div class=\"wrapper_title\" :class=\"{'mb_15':panelOpen}\">\n\t\t\t<div class=\"title\">{{ title }}</div>\n\n\t\t\t<a class=\"sidebar_item_open_arrow\" :class=\"{'active':panelOpen}\" @click=\"panelOpenToggle\">\n                <img src=\"@/modules/page-editor/src/assets/img/chevron-up.svg\" alt=\"\">\n            </a>\n\t\t</div>\n\t\t<div v-show=\"panelOpen\">\n\t\t\t<Container @drop=\"onDrop\" :drag-handle-selector=\"'.drag_action_with_lines'\"\n\t\t\t\t\t:drop-placeholder=\"options\" lock-axis=\"y\" >\n\t\t\t\t<Draggable v-for=\"(item, index) in listItemsData\" :key=\"index\">\n\t\t\t\t\t<div class=\"social_networks_item\">\n\t\t\t\t\t\t<div class=\"top_wrpr\">\n\t\t\t\t\t\t\t<h3 class=\"title\">{{ item.title }}</h3>\n\n\t\t\t\t\t\t\t<label class=\"switch_checkbox_item\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" :checked=\"item.status\"\n\t\t\t\t\t\t\t\t\t@change=\"updatedData($event.target.checked, 'status', index)\">\n\t\t\t\t\t\t\t\t<div class=\"switch_checkbox\"><span></span></div>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<a class=\"drag_action_with_lines\">\n\t\t\t\t\t\t\t\t<i class=\"icon icon-burger\"></i>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<input-field small :placeholder=\"item.title + ' account URL'\"\n\t\t\t\t\t\t\t\t\t:value=\"item.url\" @input=\"updatedData($event, 'url', index)\"/>\n\t\t\t\t\t</div>\n\t\t\t\t</Draggable>\n\t\t\t</Container>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport imageUploader from \"@/modules/page-editor/src/components/sidebar/sidebar-items/imageUploader.vue\"\nimport {Container, Draggable} from 'vue-smooth-dnd'\nimport {applyDrag} from '@/modules/page-editor/src/utils/helpers'\nimport InputField from '@/components/base/input-field';\n\nexport default {\n\tname: 'SocialNetworks',\n\tcomponents: {\n\t\tInputField,\n\t\timageUploader,\n\t\tContainer, Draggable,\n\t},\n\tprops: [\"value\", \"title\"],\n\tdata: function () {\n\t\treturn {\n\t\t\tlistItemsData: [],\n\t\t\toptions: {\n\t\t\t\tclassName: 'cards-drop-preview',\n\t\t\t\tanimationDuration: '150',\n\t\t\t\tshowOnTop: false\n\t\t\t},\n\t\t\tpanelOpen: true,\n\t\t}\n\t},\n\tmethods: {\n\t\tpanelOpenToggle(){\n\t\t\tthis.panelOpen = !this.panelOpen;\n\t\t\tlocalStorage.setItem(this.title, this.panelOpen);\n\t\t},\n\t\tupdatedData(val, fieldName, index) {\n\t\t\t// index can be 0.\n\t\t\tif (fieldName) this.listItemsData[index][fieldName] = val;\n\t\t\tthis.$emit('updated', this.listItemsData);\n\t\t},\n\t\tonDrop(dropResult) {\n\t\t\tthis.listItemsData = applyDrag(this.listItemsData, dropResult);\n\t\t\tthis.$emit('updated', this.listItemsData);\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.listItemsData = [...this.value];\n\t},\n\tmounted(){\n        if(localStorage.getItem(this.title) !== null) {\n            if(localStorage.getItem(this.title) === 'true') {\n                this.panelOpen = true;\n            } else {\n                this.panelOpen = false;\n            }\n        }\n    }\n}\n</script>\n<style lang=\"scss\">\n.social_networks_block {\n\t.social_networks_item {\n\t\tpadding-bottom: 10px;\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!./SocialNetworks.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!./SocialNetworks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SocialNetworks.vue?vue&type=template&id=446d495f&\"\nimport script from \"./SocialNetworks.vue?vue&type=script&lang=js&\"\nexport * from \"./SocialNetworks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SocialNetworks.vue?vue&type=style&index=0&id=446d495f&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","module.exports = __webpack_public_path__ + \"img/ta-right-icon.14e07489.svg\";","module.exports = __webpack_public_path__ + \"img/t-left.516ce9c4.svg\";","module.exports = __webpack_public_path__ + \"img/t-italic.75832415.svg\";","module.exports = __webpack_public_path__ + \"img/t-underline.179fde2f.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar multi-select-item\",class:{'active': _vm.moreFields}},[_c('div',{staticClass:\"title title_m_b\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"wrapper_input\"},[_c('v-select',{staticClass:\"small flex vs__taggable\",attrs:{\"options\":_vm.selectOptions,\"taggable\":\"\",\"multiple\":\"\",\"append-to-body\":\"\"},on:{\"input\":_vm.inputChanged},scopedSlots:_vm._u([{key:\"no-options\",fn:function({ search, searching }){return [_c('em',{staticStyle:{\"opacity\":\"0.7\",\"padding\":\"5px\"}},[_vm._v(\" Type your \"),_c('code',[_vm._v(\"classname\")]),_vm._v(\" and \"),_c('b',[_vm._v(\"hit enter\")]),_vm._v(\" to add it. \")])]}}]),model:{value:(_vm.selectData.selected),callback:function ($$v) {_vm.$set(_vm.selectData, \"selected\", $$v)},expression:\"selectData.selected\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar multi-select-item\" :class=\"{'active': moreFields}\">\n        <div class=\"title title_m_b\">{{title}}</div>\n        <div class=\"wrapper_input\">\n\t        <v-select class=\"small flex vs__taggable\" :options=\"selectOptions\"\n\t                  v-model=\"selectData.selected\"\n\t                  @input=\"inputChanged\"\n\t                  taggable multiple\n\t                  append-to-body>\n\t\t        <template v-slot:no-options=\"{ search, searching }\">\n\t\t\t        <em style=\"opacity: 0.7;padding: 5px\">\n\t\t\t\t        Type your <code>classname</code> and <b>hit enter</b> to add it.\n\t\t\t        </em>\n\t\t        </template>\n\t        </v-select>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'MultiSelectItem',\n    components: {\n\n    },\n    props: ['title', 'value', 'options'],\n    data: function(){\n        return {\n            moreFields: false,\n            selectData: {\n                option: this.options,\n                selected: this.value || [],\n            },\n        }\n    },\n    computed: {\n        selectOptions(){\n            let options = [];\n            let ss = this.selectData.selected || [];\n            for (let index = 0; index < ss.length; index++) {\n                options.push(this.selectData.selected[index])\n            }\n            return options;\n        }\n    },\n    methods: {\n        inputChanged(){\n            this.$emit('updated', this.selectData.selected || []);\n        },\n        addOption(){\n            console.log('addOption');\n        }\n    },\n    created(){\n        if(this.title == 'Width') this.inputChanged();\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.item_sidebar.multi-select-item .vs__taggable .vs__dropdown-toggle {\n\theight: auto;\n}\n.app-page-editor .select2-container--default .select2-selection--multiple .select2-selection__choice {\n    margin-top: 1px;\n}\n.app-page-editor .main .select2-container--default .select2-selection--multiple,\n.app-page-editor .main .select2-container--default.select2-container--focus .select2-selection--multiple {\n    border-radius: 2px;\n    min-width: auto;\n    padding-bottom: 0;\n    padding-top: 0;\n    background-position: calc(100% - 10px) 11px;\n    background-size: 8px;\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!./MultiSelectItem.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!./MultiSelectItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultiSelectItem.vue?vue&type=template&id=7ee6d99c&\"\nimport script from \"./MultiSelectItem.vue?vue&type=script&lang=js&\"\nexport * from \"./MultiSelectItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultiSelectItem.vue?vue&type=style&index=0&id=7ee6d99c&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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar margin_item_sidebar\",class:{'active': _vm.moreFields}},[_c('div',{staticClass:\"wrapper_title\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.moreFields},on:{\"change\":_vm.showMore}}),_vm._m(0)])]),_c('div',{staticClass:\"wrapper_body\"},[_c('div',{staticClass:\"left_box\"},[_c('div',{staticClass:\"icon_margin\"},[(_vm.title.toLowerCase() === 'margin')?_c('svg',{attrs:{\"width\":\"50\",\"height\":\"50\",\"viewBox\":\"0 0 50 50\",\"fill\":\"none\"}},[_c('rect',{attrs:{\"width\":\"50\",\"height\":\"50\",\"fill\":\"#F4A28C\",\"fill-opacity\":\"0.3\"}}),_c('rect',{attrs:{\"width\":\"38\",\"height\":\"38\",\"transform\":\"translate(6 6)\",\"fill\":\"white\"}}),_c('g',[_c('path',{attrs:{\"d\":\"M37.8125 17.5H12.1875C10.9813 17.5 10 16.5188 10 15.3125V12.1875C10 10.9813 10.9813 10 12.1875 10H37.8125C39.0187 10 40 10.9813 40 12.1875V15.3125C40 16.5188 39.0187 17.5 37.8125 17.5ZM12.1875 11.875C12.015 11.875 11.875 12.015 11.875 12.1875V15.3125C11.875 15.485 12.015 15.625 12.1875 15.625H37.8125C37.985 15.625 38.125 15.485 38.125 15.3125V12.1875C38.125 12.015 37.985 11.875 37.8125 11.875H12.1875Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M27.1872 34.0624C26.9472 34.0624 26.7072 33.9712 26.5247 33.7874C26.1584 33.4212 26.1584 32.8274 26.5247 32.4612L29.0747 29.9112C29.9297 29.0562 31.3209 29.0574 32.1747 29.9112L32.8259 30.5624C32.9034 30.6399 32.9984 30.6449 33.0509 30.6474C33.1034 30.6449 33.2047 30.6262 33.2847 30.5312L34.5659 28.9874C35.4022 27.9862 37.0984 27.9874 37.9322 28.9862L39.7822 31.2124C40.1134 31.6099 40.0584 32.2012 39.6609 32.5337C39.2622 32.8637 38.6722 32.8112 38.3409 32.4112L36.4909 30.1862C36.3297 29.9937 36.1697 29.9924 36.0072 30.1874L34.7209 31.7362C34.3197 32.2112 33.7409 32.4937 33.1297 32.5199C32.5197 32.5649 31.9284 32.3162 31.4997 31.8887L30.8484 31.2374C30.7272 31.1149 30.5209 31.1149 30.3997 31.2374L27.8497 33.7874C27.6672 33.9712 27.4272 34.0624 27.1872 34.0624Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M37.8125 38.125H28.4375C27.2312 38.125 26.25 37.1438 26.25 35.9375V23.4375C26.25 22.2313 27.2312 21.25 28.4375 21.25H37.8125C39.0187 21.25 40 22.2313 40 23.4375V35.9375C40 37.1438 39.0187 38.125 37.8125 38.125ZM28.4375 23.125C28.265 23.125 28.125 23.265 28.125 23.4375V35.9375C28.125 36.11 28.265 36.25 28.4375 36.25H37.8125C37.985 36.25 38.125 36.11 38.125 35.9375V23.4375C38.125 23.265 37.985 23.125 37.8125 23.125H28.4375Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 23.125H10.9375C10.42 23.125 10 22.705 10 22.1875C10 21.67 10.42 21.25 10.9375 21.25H22.8125C23.33 21.25 23.75 21.67 23.75 22.1875C23.75 22.705 23.33 23.125 22.8125 23.125Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 26.875H10.9375C10.42 26.875 10 26.455 10 25.9375C10 25.42 10.42 25 10.9375 25H22.8125C23.33 25 23.75 25.42 23.75 25.9375C23.75 26.455 23.33 26.875 22.8125 26.875Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 30.625H10.9375C10.42 30.625 10 30.205 10 29.6875C10 29.17 10.42 28.75 10.9375 28.75H22.8125C23.33 28.75 23.75 29.17 23.75 29.6875C23.75 30.205 23.33 30.625 22.8125 30.625Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 34.375H10.9375C10.42 34.375 10 33.955 10 33.4375C10 32.92 10.42 32.5 10.9375 32.5H22.8125C23.33 32.5 23.75 32.92 23.75 33.4375C23.75 33.955 23.33 34.375 22.8125 34.375Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 38.125H10.9375C10.42 38.125 10 37.705 10 37.1875C10 36.67 10.42 36.25 10.9375 36.25H22.8125C23.33 36.25 23.75 36.67 23.75 37.1875C23.75 37.705 23.33 38.125 22.8125 38.125Z\",\"fill\":\"#C5C7D2\"}})]),_c('rect',{attrs:{\"x\":\"6.5\",\"y\":\"6.5\",\"width\":\"37\",\"height\":\"37\",\"stroke\":\"#97AACD\",\"stroke-dasharray\":\"3 3\"}}),_c('defs',[_c('clipPath',{attrs:{\"id\":\"clip0\"}},[_c('rect',{attrs:{\"width\":\"30\",\"height\":\"30\",\"fill\":\"white\",\"transform\":\"translate(10 10)\"}})])])]):_c('svg',{attrs:{\"width\":\"50\",\"height\":\"50\",\"viewBox\":\"0 0 50 50\",\"fill\":\"none\"}},[_c('rect',{attrs:{\"x\":\"0.5\",\"y\":\"0.5\",\"width\":\"49\",\"height\":\"49\",\"fill\":\"#EEF4FF\"}}),_c('rect',{attrs:{\"width\":\"38\",\"height\":\"38\",\"transform\":\"translate(6 6)\",\"fill\":\"white\"}}),_c('g',[_c('path',{attrs:{\"d\":\"M37.8125 17.5H12.1875C10.9813 17.5 10 16.5188 10 15.3125V12.1875C10 10.9813 10.9813 10 12.1875 10H37.8125C39.0187 10 40 10.9813 40 12.1875V15.3125C40 16.5188 39.0187 17.5 37.8125 17.5ZM12.1875 11.875C12.015 11.875 11.875 12.015 11.875 12.1875V15.3125C11.875 15.485 12.015 15.625 12.1875 15.625H37.8125C37.985 15.625 38.125 15.485 38.125 15.3125V12.1875C38.125 12.015 37.985 11.875 37.8125 11.875H12.1875Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M27.1872 34.0624C26.9472 34.0624 26.7072 33.9712 26.5247 33.7874C26.1584 33.4212 26.1584 32.8274 26.5247 32.4612L29.0747 29.9112C29.9297 29.0562 31.3209 29.0574 32.1747 29.9112L32.8259 30.5624C32.9034 30.6399 32.9984 30.6449 33.0509 30.6474C33.1034 30.6449 33.2047 30.6262 33.2847 30.5312L34.5659 28.9874C35.4022 27.9862 37.0984 27.9874 37.9322 28.9862L39.7822 31.2124C40.1134 31.6099 40.0584 32.2012 39.6609 32.5337C39.2622 32.8637 38.6722 32.8112 38.3409 32.4112L36.4909 30.1862C36.3297 29.9937 36.1697 29.9924 36.0072 30.1874L34.7209 31.7362C34.3197 32.2112 33.7409 32.4937 33.1297 32.5199C32.5197 32.5649 31.9284 32.3162 31.4997 31.8887L30.8484 31.2374C30.7272 31.1149 30.5209 31.1149 30.3997 31.2374L27.8497 33.7874C27.6672 33.9712 27.4272 34.0624 27.1872 34.0624Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M37.8125 38.125H28.4375C27.2312 38.125 26.25 37.1438 26.25 35.9375V23.4375C26.25 22.2313 27.2312 21.25 28.4375 21.25H37.8125C39.0187 21.25 40 22.2313 40 23.4375V35.9375C40 37.1438 39.0187 38.125 37.8125 38.125ZM28.4375 23.125C28.265 23.125 28.125 23.265 28.125 23.4375V35.9375C28.125 36.11 28.265 36.25 28.4375 36.25H37.8125C37.985 36.25 38.125 36.11 38.125 35.9375V23.4375C38.125 23.265 37.985 23.125 37.8125 23.125H28.4375Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 23.125H10.9375C10.42 23.125 10 22.705 10 22.1875C10 21.67 10.42 21.25 10.9375 21.25H22.8125C23.33 21.25 23.75 21.67 23.75 22.1875C23.75 22.705 23.33 23.125 22.8125 23.125Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 26.875H10.9375C10.42 26.875 10 26.455 10 25.9375C10 25.42 10.42 25 10.9375 25H22.8125C23.33 25 23.75 25.42 23.75 25.9375C23.75 26.455 23.33 26.875 22.8125 26.875Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 30.625H10.9375C10.42 30.625 10 30.205 10 29.6875C10 29.17 10.42 28.75 10.9375 28.75H22.8125C23.33 28.75 23.75 29.17 23.75 29.6875C23.75 30.205 23.33 30.625 22.8125 30.625Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 34.375H10.9375C10.42 34.375 10 33.955 10 33.4375C10 32.92 10.42 32.5 10.9375 32.5H22.8125C23.33 32.5 23.75 32.92 23.75 33.4375C23.75 33.955 23.33 34.375 22.8125 34.375Z\",\"fill\":\"#C5C7D2\"}}),_c('path',{attrs:{\"d\":\"M22.8125 38.125H10.9375C10.42 38.125 10 37.705 10 37.1875C10 36.67 10.42 36.25 10.9375 36.25H22.8125C23.33 36.25 23.75 36.67 23.75 37.1875C23.75 37.705 23.33 38.125 22.8125 38.125Z\",\"fill\":\"#C5C7D2\"}})]),_c('rect',{attrs:{\"x\":\"0.5\",\"y\":\"0.5\",\"width\":\"49\",\"height\":\"49\",\"stroke\":\"#97AACD\",\"stroke-dasharray\":\"3 3\"}}),_c('defs',[_c('clipPath',{attrs:{\"id\":\"clip0\"}},[_c('rect',{attrs:{\"width\":\"30\",\"height\":\"30\",\"fill\":\"white\",\"transform\":\"translate(10 10)\"}})])])])])]),_c('div',{staticClass:\"right_box\"},[_c('div',{staticClass:\"field margin_single_side margin_top_side\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Top\")]),_c('input-field',{attrs:{\"type\":\"number\",\"append\":\"px\",\"small\":\"\",\"step\":10,\"min\":-200000},on:{\"input\":function($event){return _vm.marginInputChanged($event, 'top')}},model:{value:(_vm.compData.top),callback:function ($$v) {_vm.$set(_vm.compData, \"top\", _vm._n($$v))},expression:\"compData.top\"}})],1),_c('div',{staticClass:\"field margin_single_side\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Right\")]),_c('input-field',{attrs:{\"type\":\"number\",\"append\":\"px\",\"small\":\"\",\"step\":10,\"min\":-200000},on:{\"input\":function($event){return _vm.marginInputChanged($event, 'right')}},model:{value:(_vm.compData.right),callback:function ($$v) {_vm.$set(_vm.compData, \"right\", _vm._n($$v))},expression:\"compData.right\"}})],1),_c('div',{staticClass:\"field margin_single_side\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Left\")]),_c('input-field',{attrs:{\"type\":\"number\",\"append\":\"px\",\"small\":\"\",\"step\":10,\"min\":-200000},on:{\"input\":function($event){return _vm.marginInputChanged($event, 'left')}},model:{value:(_vm.compData.left),callback:function ($$v) {_vm.$set(_vm.compData, \"left\", _vm._n($$v))},expression:\"compData.left\"}})],1),_c('div',{staticClass:\"field margin_single_side\",attrs:{\"id\":\"field1\"}},[_c('div',{staticClass:\"title\"},[_vm._v(\"Bottom\")]),_c('input-field',{attrs:{\"type\":\"number\",\"append\":\"px\",\"small\":\"\",\"step\":10,\"min\":-200000},on:{\"input\":function($event){return _vm.marginInputChanged($event, 'bottom')}},model:{value:(_vm.compData.bottom),callback:function ($$v) {_vm.$set(_vm.compData, \"bottom\", _vm._n($$v))},expression:\"compData.bottom\"}})],1),_c('div',{staticClass:\"field margin_all_sides\",attrs:{\"id\":\"field2\"}},[_c('div',{staticClass:\"title\"},[_vm._v(\"All sides\")]),_c('input-field',{attrs:{\"type\":\"number\",\"append\":\"px\",\"small\":\"\",\"step\":10,\"min\":-200000},on:{\"input\":function($event){return _vm.allSidesChange($event)}},model:{value:(_vm.compData.bottom),callback:function ($$v) {_vm.$set(_vm.compData, \"bottom\", _vm._n($$v))},expression:\"compData.bottom\"}})],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar margin_item_sidebar\" :class=\"{'active': moreFields}\">\n        <div class=\"wrapper_title\">\n            <div class=\"title\">{{title}}</div>\n\n            <label class=\"switch_checkbox_item\">\n                <input type=\"checkbox\" @change=\"showMore\" :checked=\"moreFields\">\n                <div class=\"switch_checkbox\"><span></span></div>\n            </label>\n        </div>\n        <div class=\"wrapper_body\">\n            <div class=\"left_box\">\n                <div class=\"icon_margin\">\n\t                <svg v-if=\"title.toLowerCase() === 'margin'\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n\t\t                <rect width=\"50\" height=\"50\" fill=\"#F4A28C\" fill-opacity=\"0.3\"/>\n\t\t                <rect width=\"38\" height=\"38\" transform=\"translate(6 6)\" fill=\"white\"/>\n\t\t                <g>\n\t\t\t                <path d=\"M37.8125 17.5H12.1875C10.9813 17.5 10 16.5188 10 15.3125V12.1875C10 10.9813 10.9813 10 12.1875 10H37.8125C39.0187 10 40 10.9813 40 12.1875V15.3125C40 16.5188 39.0187 17.5 37.8125 17.5ZM12.1875 11.875C12.015 11.875 11.875 12.015 11.875 12.1875V15.3125C11.875 15.485 12.015 15.625 12.1875 15.625H37.8125C37.985 15.625 38.125 15.485 38.125 15.3125V12.1875C38.125 12.015 37.985 11.875 37.8125 11.875H12.1875Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M27.1872 34.0624C26.9472 34.0624 26.7072 33.9712 26.5247 33.7874C26.1584 33.4212 26.1584 32.8274 26.5247 32.4612L29.0747 29.9112C29.9297 29.0562 31.3209 29.0574 32.1747 29.9112L32.8259 30.5624C32.9034 30.6399 32.9984 30.6449 33.0509 30.6474C33.1034 30.6449 33.2047 30.6262 33.2847 30.5312L34.5659 28.9874C35.4022 27.9862 37.0984 27.9874 37.9322 28.9862L39.7822 31.2124C40.1134 31.6099 40.0584 32.2012 39.6609 32.5337C39.2622 32.8637 38.6722 32.8112 38.3409 32.4112L36.4909 30.1862C36.3297 29.9937 36.1697 29.9924 36.0072 30.1874L34.7209 31.7362C34.3197 32.2112 33.7409 32.4937 33.1297 32.5199C32.5197 32.5649 31.9284 32.3162 31.4997 31.8887L30.8484 31.2374C30.7272 31.1149 30.5209 31.1149 30.3997 31.2374L27.8497 33.7874C27.6672 33.9712 27.4272 34.0624 27.1872 34.0624Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M37.8125 38.125H28.4375C27.2312 38.125 26.25 37.1438 26.25 35.9375V23.4375C26.25 22.2313 27.2312 21.25 28.4375 21.25H37.8125C39.0187 21.25 40 22.2313 40 23.4375V35.9375C40 37.1438 39.0187 38.125 37.8125 38.125ZM28.4375 23.125C28.265 23.125 28.125 23.265 28.125 23.4375V35.9375C28.125 36.11 28.265 36.25 28.4375 36.25H37.8125C37.985 36.25 38.125 36.11 38.125 35.9375V23.4375C38.125 23.265 37.985 23.125 37.8125 23.125H28.4375Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 23.125H10.9375C10.42 23.125 10 22.705 10 22.1875C10 21.67 10.42 21.25 10.9375 21.25H22.8125C23.33 21.25 23.75 21.67 23.75 22.1875C23.75 22.705 23.33 23.125 22.8125 23.125Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 26.875H10.9375C10.42 26.875 10 26.455 10 25.9375C10 25.42 10.42 25 10.9375 25H22.8125C23.33 25 23.75 25.42 23.75 25.9375C23.75 26.455 23.33 26.875 22.8125 26.875Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 30.625H10.9375C10.42 30.625 10 30.205 10 29.6875C10 29.17 10.42 28.75 10.9375 28.75H22.8125C23.33 28.75 23.75 29.17 23.75 29.6875C23.75 30.205 23.33 30.625 22.8125 30.625Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 34.375H10.9375C10.42 34.375 10 33.955 10 33.4375C10 32.92 10.42 32.5 10.9375 32.5H22.8125C23.33 32.5 23.75 32.92 23.75 33.4375C23.75 33.955 23.33 34.375 22.8125 34.375Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 38.125H10.9375C10.42 38.125 10 37.705 10 37.1875C10 36.67 10.42 36.25 10.9375 36.25H22.8125C23.33 36.25 23.75 36.67 23.75 37.1875C23.75 37.705 23.33 38.125 22.8125 38.125Z\" fill=\"#C5C7D2\"/>\n\t\t                </g>\n\t\t                <rect x=\"6.5\" y=\"6.5\" width=\"37\" height=\"37\" stroke=\"#97AACD\" stroke-dasharray=\"3 3\"/>\n\t\t                <defs>\n\t\t\t                <clipPath id=\"clip0\">\n\t\t\t\t                <rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(10 10)\"/>\n\t\t\t                </clipPath>\n\t\t                </defs>\n\t                </svg>\n\t                <svg v-else width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\" >\n\t\t                <rect x=\"0.5\" y=\"0.5\" width=\"49\" height=\"49\" fill=\"#EEF4FF\"/>\n\t\t                <rect width=\"38\" height=\"38\" transform=\"translate(6 6)\" fill=\"white\"/>\n\t\t                <g>\n\t\t\t                <path d=\"M37.8125 17.5H12.1875C10.9813 17.5 10 16.5188 10 15.3125V12.1875C10 10.9813 10.9813 10 12.1875 10H37.8125C39.0187 10 40 10.9813 40 12.1875V15.3125C40 16.5188 39.0187 17.5 37.8125 17.5ZM12.1875 11.875C12.015 11.875 11.875 12.015 11.875 12.1875V15.3125C11.875 15.485 12.015 15.625 12.1875 15.625H37.8125C37.985 15.625 38.125 15.485 38.125 15.3125V12.1875C38.125 12.015 37.985 11.875 37.8125 11.875H12.1875Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M27.1872 34.0624C26.9472 34.0624 26.7072 33.9712 26.5247 33.7874C26.1584 33.4212 26.1584 32.8274 26.5247 32.4612L29.0747 29.9112C29.9297 29.0562 31.3209 29.0574 32.1747 29.9112L32.8259 30.5624C32.9034 30.6399 32.9984 30.6449 33.0509 30.6474C33.1034 30.6449 33.2047 30.6262 33.2847 30.5312L34.5659 28.9874C35.4022 27.9862 37.0984 27.9874 37.9322 28.9862L39.7822 31.2124C40.1134 31.6099 40.0584 32.2012 39.6609 32.5337C39.2622 32.8637 38.6722 32.8112 38.3409 32.4112L36.4909 30.1862C36.3297 29.9937 36.1697 29.9924 36.0072 30.1874L34.7209 31.7362C34.3197 32.2112 33.7409 32.4937 33.1297 32.5199C32.5197 32.5649 31.9284 32.3162 31.4997 31.8887L30.8484 31.2374C30.7272 31.1149 30.5209 31.1149 30.3997 31.2374L27.8497 33.7874C27.6672 33.9712 27.4272 34.0624 27.1872 34.0624Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M37.8125 38.125H28.4375C27.2312 38.125 26.25 37.1438 26.25 35.9375V23.4375C26.25 22.2313 27.2312 21.25 28.4375 21.25H37.8125C39.0187 21.25 40 22.2313 40 23.4375V35.9375C40 37.1438 39.0187 38.125 37.8125 38.125ZM28.4375 23.125C28.265 23.125 28.125 23.265 28.125 23.4375V35.9375C28.125 36.11 28.265 36.25 28.4375 36.25H37.8125C37.985 36.25 38.125 36.11 38.125 35.9375V23.4375C38.125 23.265 37.985 23.125 37.8125 23.125H28.4375Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 23.125H10.9375C10.42 23.125 10 22.705 10 22.1875C10 21.67 10.42 21.25 10.9375 21.25H22.8125C23.33 21.25 23.75 21.67 23.75 22.1875C23.75 22.705 23.33 23.125 22.8125 23.125Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 26.875H10.9375C10.42 26.875 10 26.455 10 25.9375C10 25.42 10.42 25 10.9375 25H22.8125C23.33 25 23.75 25.42 23.75 25.9375C23.75 26.455 23.33 26.875 22.8125 26.875Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 30.625H10.9375C10.42 30.625 10 30.205 10 29.6875C10 29.17 10.42 28.75 10.9375 28.75H22.8125C23.33 28.75 23.75 29.17 23.75 29.6875C23.75 30.205 23.33 30.625 22.8125 30.625Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 34.375H10.9375C10.42 34.375 10 33.955 10 33.4375C10 32.92 10.42 32.5 10.9375 32.5H22.8125C23.33 32.5 23.75 32.92 23.75 33.4375C23.75 33.955 23.33 34.375 22.8125 34.375Z\" fill=\"#C5C7D2\"/>\n\t\t\t                <path d=\"M22.8125 38.125H10.9375C10.42 38.125 10 37.705 10 37.1875C10 36.67 10.42 36.25 10.9375 36.25H22.8125C23.33 36.25 23.75 36.67 23.75 37.1875C23.75 37.705 23.33 38.125 22.8125 38.125Z\" fill=\"#C5C7D2\"/>\n\t\t                </g>\n\t\t                <rect x=\"0.5\" y=\"0.5\" width=\"49\" height=\"49\" stroke=\"#97AACD\" stroke-dasharray=\"3 3\"/>\n\t\t                <defs>\n\t\t\t                <clipPath id=\"clip0\">\n\t\t\t\t                <rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(10 10)\"/>\n\t\t\t                </clipPath>\n\t\t                </defs>\n\t                </svg>\n<!--\t                <img :src=\"require(`@/assets/page/img/${title.toLowerCase()}_icon.svg`)\"/>-->\n                </div>\n            </div>\n            <div class=\"right_box\">\n                <div class=\"field margin_single_side margin_top_side\">\n                  <div class=\"title\">Top</div>\n\t                <input-field type=\"number\" append=\"px\" small :step=\"10\" :min=\"-200000\"\n\t                             v-model.number=\"compData.top\" @input=\"marginInputChanged($event, 'top')\" />\n                </div>\n                <div class=\"field margin_single_side\">\n                  <div class=\"title\">Right</div>\n\t                <input-field type=\"number\" append=\"px\" small :step=\"10\" :min=\"-200000\"\n\t                             v-model.number=\"compData.right\" @input=\"marginInputChanged($event, 'right')\" />\n                </div>\n                <div class=\"field margin_single_side\">\n                  <div class=\"title\">Left</div>\n\t                <input-field type=\"number\" append=\"px\" small :step=\"10\" :min=\"-200000\"\n\t                             v-model.number=\"compData.left\" @input=\"marginInputChanged($event, 'left')\" />\n                </div>\n                <div id=\"field1\" class=\"field margin_single_side\">\n                    <div class=\"title\">Bottom</div>\n\t\t                <input-field type=\"number\" append=\"px\" small :step=\"10\" :min=\"-200000\"\n\t\t                             v-model.number=\"compData.bottom\" @input=\"marginInputChanged($event, 'bottom')\" />\n                </div>\n                <div id=\"field2\" class=\"field margin_all_sides\">\n                  <div class=\"title\">All sides</div>\n\t                <input-field type=\"number\" append=\"px\" small :step=\"10\" :min=\"-200000\"\n\t                             v-model.number=\"compData.bottom\" @input=\"allSidesChange($event)\" />\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport InputField from '@/components/base/input-field'\nexport default {\n\tname: 'MarginPadding',\n\tprops: ['value', 'title'],\n\tcomponents: {InputField},\n\tdata: function () {\n\t\treturn {\n\t\t\tmoreFields: false,\n\t\t\tmarginFields: {top: 0, left: 0, right: 0, bottom: 0},\n\t\t}\n\t},\n\tcomputed: {\n\t\tcompData() {\n\t\t\tthis.marginFields = {...this.value};\n\n\t\t\treturn this.marginFields;\n\t\t},\n\t},\n\tmethods: {\n\t\tshowMore(ev) {\n\t\t\tthis.moreFields = ev.target.checked\n\t\t\t// Don't reset, the user can do that manually (this is not like border).\n\t\t},\n\t\tmarginInputChanged(val, sideName) {\n\t\t\tthis.$set(this.marginFields, sideName, parseInt(val||'0'));\n\t\t\t// this.marginFields[sideName] = +val;\n\t\t\t// Allow sub-zero values.\n\t\t\tthis.$emit('updated', this.marginFields);\n\t\t},\n\t\tallSidesChange(event) {\n\t\t\tfor (let key in this.marginFields) {\n\t\t\t\tthis.marginFields[key] = +event;\n\t\t\t}\n\t\t\tthis.marginInputChanged();\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.marginFields = JSON.parse(JSON.stringify(this.value));\n\t\tlet r = this.marginFields.right, l = this.marginFields.left, b = this.marginFields.bottom;\n\t\tthis.moreFields = !(r === b && l === b);\n\t},\n}\n</script>\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!./marginPadding.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!./marginPadding.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./marginPadding.vue?vue&type=template&id=d31fec40&\"\nimport script from \"./marginPadding.vue?vue&type=script&lang=js&\"\nexport * from \"./marginPadding.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","module.exports = __webpack_public_path__ + \"img/ta-center-icon.68938440.svg\";","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!./MultiSelectItem.vue?vue&type=style&index=0&id=7ee6d99c&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar border_item_sidebar font_panel_item\",class:_vm.itemClass},[_c('div',{staticClass:\"wrapper_title\",class:{'mb_15':_vm.panelOpen}},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),(_vm.canReset)?_c('inline-svg',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small'}),expression:\"{theme:'small'}\"}],staticClass:\"reset-prop\",attrs:{\"content\":\"Reset property\",\"src\":require('@/assets/img/pencil-remove-outline.svg')},on:{\"click\":_vm.reset}}):_vm._e(),_c('div',{staticClass:\"flex\"}),_c('a',{staticClass:\"sidebar_item_open_arrow\",class:{'active':_vm.panelOpen},on:{\"click\":_vm.panelOpenToggle}},[_c('svg',{attrs:{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M16.3333 14.4341L17.5117 13.2557L10.2558 5.99991L3 13.2557L4.17833 14.4341L10.2558 8.35658L16.3333 14.4341Z\",\"fill\":\"#4368E0\",\"fill-opacity\":\"0.6\"}})])])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.panelOpen),expression:\"panelOpen\"}]},[_c('div',{staticClass:\"wrapper_input wrapper_input_between font_component_selects\"},[_c('FontPickerVue',{attrs:{\"api-key\":'AIzaSyCol-x9D0VTDL0V8IlUrWuQMRiX4DecXEs',\"activeFont\":_vm.compData.fontFamily},on:{\"change\":_vm.fontPickerChange}}),_c('FontSizeSelect',{staticClass:\"font_size_select\",attrs:{\"options\":_vm.fontSizeOptions,\"value\":_vm.fontLocalData.fontSize || 14},on:{\"change\":_vm.setFontSize}}),_c('colorPickerItem',{attrs:{\"useTooltip\":true,\"replacedClass\":\"not_self_comp\",\"value\":_vm.compData.color},on:{\"updated\":_vm.colorPickerChanged}})],1),_c('div',{staticClass:\"txt-style-group-wrpr\"},[_c('div',{staticClass:\"grp\"},[_c('div',{class:['small-btn', {'active' : _vm.compData.fontStyling.bold}],on:{\"click\":function($event){return _vm.updatedData('bold', 'fontStyling')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-bold.svg')}})],1),_c('div',{class:['small-btn', {'active' : _vm.compData.fontStyling.italic}],on:{\"click\":function($event){return _vm.updatedData('italic', 'fontStyling')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-italic.svg')}})],1),_c('div',{class:['small-btn', {'active' : _vm.compData.fontStyling['line-through']}],on:{\"click\":function($event){return _vm.updatedData('line-through', 'fontStyling')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-strike.svg')}})],1),_c('div',{class:['small-btn', {'active' : _vm.compData.fontStyling.underline}],on:{\"click\":function($event){return _vm.updatedData('underline', 'fontStyling')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-underline.svg')}})],1)]),(_vm.compData.textAlign)?_c('div',{staticClass:\"grp\"},[_c('div',{class:['small-btn', {'active' : _vm.compData.textAlign == 'justify'}],on:{\"click\":function($event){return _vm.updatedData('justify', 'textAlign')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-justify.svg')}})],1),_c('div',{class:['small-btn', {'active' : _vm.compData.textAlign == 'left'}],on:{\"click\":function($event){return _vm.updatedData('left', 'textAlign')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-left.svg')}})],1),_c('div',{class:['small-btn', {'active' : _vm.compData.textAlign == 'center'}],on:{\"click\":function($event){return _vm.updatedData('center', 'textAlign')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-center.svg')}})],1),_c('div',{class:['small-btn', {'active' : _vm.compData.textAlign == 'right'}],on:{\"click\":function($event){return _vm.updatedData('right', 'textAlign')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/t-right.svg')}})],1)]):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar border_item_sidebar font_panel_item\" :class=\"itemClass\">\n        <div class=\"wrapper_title\" :class=\"{'mb_15':panelOpen}\">\n            <div class=\"title\">{{title}}</div>\n\t        <inline-svg class=\"reset-prop\" v-if=\"canReset\" v-tippy=\"{theme:'small'}\" @click=\"reset\"\n\t                    content=\"Reset property\" :src=\"require('@/assets/img/pencil-remove-outline.svg')\" />\n\t        <div class=\"flex\"></div>\n\n\t        <a class=\"sidebar_item_open_arrow\" :class=\"{'active':panelOpen}\" @click=\"panelOpenToggle\">\n\t            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n\t\t            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3333 14.4341L17.5117 13.2557L10.2558 5.99991L3 13.2557L4.17833 14.4341L10.2558 8.35658L16.3333 14.4341Z\" fill=\"#4368E0\" fill-opacity=\"0.6\"/>\n\t            </svg>\n\t            <!--                <img src=\"@/modules/page-editor/src/assets/img/chevron-up.svg\" alt=\"\">-->\n            </a>\n        </div>\n        <div v-show=\"panelOpen\">\n            <div class=\"wrapper_input wrapper_input_between font_component_selects\">\n                <FontPickerVue\n                    :api-key=\"'AIzaSyCol-x9D0VTDL0V8IlUrWuQMRiX4DecXEs'\"\n                    :activeFont=\"compData.fontFamily\"\n                    @change=\"fontPickerChange\"\n                />\n                <FontSizeSelect\n                    class=\"font_size_select\"\n                    :options=\"fontSizeOptions\"\n                    :value=\"fontLocalData.fontSize || 14\"\n                    @change=\"setFontSize\"\n                />\n\n                <colorPickerItem :useTooltip=\"true\" replacedClass=\"not_self_comp\" @updated=\"colorPickerChanged\" :value=\"compData.color\"/>\n            </div>\n            <div class=\"txt-style-group-wrpr\">\n                <div class=\"grp\">\n                    <div :class=\"['small-btn', {'active' : compData.fontStyling.bold}]\"\n                        @click=\"updatedData('bold', 'fontStyling')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-bold.svg')\" />\n                    </div>\n                    <div :class=\"['small-btn', {'active' : compData.fontStyling.italic}]\"\n                        @click=\"updatedData('italic', 'fontStyling')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-italic.svg')\" />\n                    </div>\n                    <div :class=\"['small-btn', {'active' : compData.fontStyling['line-through']}]\"\n                        @click=\"updatedData('line-through', 'fontStyling')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-strike.svg')\" />\n                    </div>\n                    <div :class=\"['small-btn', {'active' : compData.fontStyling.underline}]\"\n                        @click=\"updatedData('underline', 'fontStyling')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-underline.svg')\" />\n                    </div>\n                </div>\n    <!--\t       FIXME: don;t rely on textAlign, it can be null. use an explicity variable from elements. -->\n                <div class=\"grp\" v-if=\"compData.textAlign\">\n                    <div :class=\"['small-btn', {'active' : compData.textAlign == 'justify'}]\"\n                        @click=\"updatedData('justify', 'textAlign')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-justify.svg')\" />\n                    </div>\n                    <div :class=\"['small-btn', {'active' : compData.textAlign == 'left'}]\"\n                        @click=\"updatedData('left', 'textAlign')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-left.svg')\" />\n                    </div>\n                    <div :class=\"['small-btn', {'active' : compData.textAlign == 'center'}]\"\n                        @click=\"updatedData('center', 'textAlign')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-center.svg')\" />\n                    </div>\n                    <div :class=\"['small-btn', {'active' : compData.textAlign == 'right'}]\"\n                        @click=\"updatedData('right', 'textAlign')\">\n\t                    <inline-svg :src=\"require('@/assets/icons/t-right.svg')\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport FontPickerVue from '@/components/FontPicker.vue';\nimport colorPickerItem from '@/modules/page-editor/src/components/sidebar/sidebar-items/colorPicker.vue';\nimport FontSizeSelect from '@/components/FontSizeSelect.vue';\n\nexport default {\n    name: 'FontPanel',\n    components: {\n        FontPickerVue,\n        colorPickerItem,\n        FontSizeSelect\n    },\n    props: ['title', 'value', 'content'],\n    data: function(){\n        return {\n            panelOpen: true,\n            fontLocalData: {\n                fontFamily: 'Open Sans',\n                fontSize: '14',\n                color: '',\n                fontStyling: {\n                    bold: false,\n                    italic: false,\n                    'line-through': false,\n                    underline: false,\n                },\n            },\n            fontSizeOptions: [\"8\", \"9\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\", \"31\", \"32\", \"33\", \"34\", \"35\", \"36\", \"37\", \"38\", \"39\", \"40\", \"41\", \"42\", \"43\", \"44\", \"45\", \"46\", \"47\", \"48\", \"49\", \"50\", \"51\", \"52\", \"53\", \"54\", \"55\", \"56\", \"57\", \"58\", \"59\", \"60\", \"61\", \"62\", \"63\", \"64\", \"65\", \"66\", \"67\", \"68\", \"69\", \"70\", \"71\", \"72\", \"73\", \"74\", \"75\", \"76\", \"77\", \"78\", \"79\", \"80\", \"81\", \"82\", \"83\", \"84\", \"85\", \"86\", \"87\", \"88\", \"89\", \"90\", \"91\", \"92\", \"93\", \"94\", \"95\", \"96\", \"97\", \"98\", \"99\", \"100\"],\n        }\n    },\n    computed: {\n\t    itemClass() {\n\t\t    return this.title.toLowerCase().split(' ').join('_');\n\t    },\n\t\tcompData(){\n\t\t\tthis.fontLocalData = {...this.value};\n\t\t\treturn this.fontLocalData;\n\t\t},\n    canReset() {\n\t\t\tlet d = this.fontLocalData;\n\t\t\tlet s = d.fontStyling;\n\t\t\treturn d.fontFamily || d.fontSize || d.color || s.bold || s.italic || s.underline || s[\"line-through\"]\n    }\n\t},\n    methods: {\n\t\t\treset() {\n\t\t\t\tthis.fontLocalData = {fontFamily: null, fontSize:null, color:null, fontStyling: {}};\n\t\t\t\tthis.pushLocalData();\n\t\t\t},\n        setFontSize(event) {\n            this.fontLocalData.fontSize = event ? parseInt(event) : null;\n            this.pushLocalData();\n        },\n        pushLocalData(){\n            this.$emit('updated', this.fontLocalData);\n        },\n        fontPickerChange(event){\n        \tthis.$set(this.fontLocalData, \"fontFamily\", event ? event : '')\n            // this.fontLocalData.fontFamily = event ? event.family : '';\n          this.pushLocalData();\n        },\n        updatedData(val, fieldName){\n            if(fieldName == 'fontStyling'){\n                this.fontLocalData.fontStyling[val] = !this.fontLocalData.fontStyling[val];\n            }\n            if(fieldName == 'textAlign'){\n                this.fontLocalData.textAlign = val;\n            }\n            this.pushLocalData();\n        },\n        colorPickerChanged(val){\n            this.fontLocalData.color = val;\n            this.pushLocalData();\n        },\n        panelOpenToggle(){\n            this.panelOpen = !this.panelOpen;\n            localStorage.setItem(this.title, this.panelOpen);\n        }\n    },\n    mounted(){\n        if(localStorage.getItem(this.title) !== null) {\n            if(localStorage.getItem(this.title) === 'true') {\n                this.panelOpen = true;\n            } else {\n                this.panelOpen = false;\n            }\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.grp {\n\tdisplay: flex;\n\tflex-direction: row;\n\t.small-btn {\n\t\tmargin: 0 3px;\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tsvg {\n\t\t\twidth: 15px;\n\t\t\theight: 15px;\n\t\t}\n\t}\n}\n</style>\n<style lang=\"scss\">\n.font_component_selects {\n\t.vs__selected {\n\t\tcolor: #C5C7D2;\n\t}\n}\n.font_panel_item {\n    .font_size_select {\n        max-width: 60px;\n        margin-left: 15px;\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!./FontPanel.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!./FontPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FontPanel.vue?vue&type=template&id=1997d588&scoped=true&\"\nimport script from \"./FontPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./FontPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FontPanel.vue?vue&type=style&index=0&id=1997d588&prod&lang=scss&scoped=true&\"\nimport style1 from \"./FontPanel.vue?vue&type=style&index=1&id=1997d588&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  \"1997d588\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/t-strike.df4c3d63.svg\";","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!./CodePopup.vue?vue&type=style&index=0&id=5944e6a6&prod&lang=scss&\"","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!./pagePopupSettings.vue?vue&type=style&index=0&id=904c7626&prod&lang=scss&scoped=true&\""],"sourceRoot":""}