{"version":3,"sources":["webpack:///./src/assets/img/code.svg","webpack:///./src/assets/img/logo.svg","webpack:///./src/modules/page-editor/src/components/EditorHeader.vue","webpack:///./src/modules/page-editor/src/components/popups/SavePopup.vue","webpack:///src/modules/page-editor/src/components/popups/SavePopup.vue","webpack:///./src/modules/page-editor/src/components/popups/SavePopup.vue?494a","webpack:///./src/modules/page-editor/src/components/popups/SavePopup.vue?d43d","webpack:///./src/modules/page-editor/src/components/popups/SaveAsTemplatePopup.vue","webpack:///src/modules/page-editor/src/components/popups/SaveAsTemplatePopup.vue","webpack:///./src/modules/page-editor/src/components/popups/SaveAsTemplatePopup.vue?bca1","webpack:///./src/modules/page-editor/src/components/popups/SaveAsTemplatePopup.vue?0791","webpack:///./src/modules/page-editor/src/utils/hoverStyles.js","webpack:///./src/modules/page-editor/src/renderer/RenderTemplate.vue","webpack:///src/modules/page-editor/src/renderer/RenderTemplate.vue","webpack:///./src/modules/page-editor/src/renderer/RenderTemplate.vue?1efc","webpack:///./src/modules/page-editor/src/renderer/RenderTemplate.vue?fc8e","webpack:///src/modules/page-editor/src/components/EditorHeader.vue","webpack:///./src/modules/page-editor/src/components/EditorHeader.vue?34aa","webpack:///./src/modules/page-editor/src/components/EditorHeader.vue?f7d0","webpack:///./src/helpers/debounce.js","webpack:///./src/assets/icons/undo.svg","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/renderer/RenderSection.vue","webpack:///./src/modules/page-editor/src/renderer/RenderRow.vue","webpack:///./src/modules/page-editor/src/renderer/RenderColumn.vue","webpack:///src/modules/page-editor/src/renderer/RenderColumn.vue","webpack:///./src/modules/page-editor/src/renderer/RenderColumn.vue?ed75","webpack:///./src/modules/page-editor/src/renderer/RenderColumn.vue?a27c","webpack:///src/modules/page-editor/src/renderer/RenderRow.vue","webpack:///./src/modules/page-editor/src/renderer/RenderRow.vue?2d90","webpack:///./src/modules/page-editor/src/renderer/RenderRow.vue?bc12","webpack:///src/modules/page-editor/src/renderer/RenderSection.vue","webpack:///./src/modules/page-editor/src/renderer/RenderSection.vue?42f7","webpack:///./src/modules/page-editor/src/renderer/RenderSection.vue?563d","webpack:///./src/modules/page-editor/src/components/generator/ImageSlider.vue","webpack:///src/modules/page-editor/src/components/generator/ImageSlider.vue","webpack:///./src/modules/page-editor/src/components/generator/ImageSlider.vue?75c0","webpack:///./src/modules/page-editor/src/components/generator/ImageSlider.vue?4f26","webpack:///./src/assets/img/brush.svg","webpack:///./src/assets/icons/redo.svg","webpack:///./src/modules/page-editor/src/components/EditorHeader.vue?d344","webpack:///./src/assets/img/edit-popup.svg","webpack:///./src/modules/page-editor/src/components/EditorHeader.vue?1af1","webpack:///./src/modules/page-editor/src/renderer/RenderBlock.vue","webpack:///./src/modules/page-editor/src/components/generator/ContainerBlock.vue","webpack:///./src/modules/page-editor/src/components/generator/ContainerBox.vue","webpack:///src/modules/page-editor/src/components/generator/ContainerBox.vue","webpack:///./src/modules/page-editor/src/components/generator/ContainerBox.vue?eae2","webpack:///./src/modules/page-editor/src/components/generator/ContainerBox.vue?5003","webpack:///src/modules/page-editor/src/components/generator/ContainerBlock.vue","webpack:///./src/modules/page-editor/src/components/generator/ContainerBlock.vue?c8d1","webpack:///./src/modules/page-editor/src/components/generator/ContainerBlock.vue?485e","webpack:///./src/modules/page-editor/src/components/generator/Faq.vue","webpack:///src/modules/page-editor/src/components/generator/Faq.vue","webpack:///./src/modules/page-editor/src/components/generator/Faq.vue?f085","webpack:///./src/modules/page-editor/src/components/generator/Faq.vue?e40f","webpack:///./src/modules/page-editor/src/components/generator/BeforeAfterSlider.vue","webpack:///src/modules/page-editor/src/components/generator/BeforeAfterSlider.vue","webpack:///./src/modules/page-editor/src/components/generator/BeforeAfterSlider.vue?1cc5","webpack:///./src/modules/page-editor/src/components/generator/BeforeAfterSlider.vue?2819","webpack:///src/modules/page-editor/src/renderer/RenderBlock.vue","webpack:///./src/modules/page-editor/src/renderer/RenderBlock.vue?37c4","webpack:///./src/modules/page-editor/src/renderer/RenderBlock.vue?aa79","webpack:///./src/modules/page-editor/src/renderer/RenderTemplate.vue?62a8","webpack:///./src/modules/page-editor/src/components/popups/SavePopup.vue?d0f0","webpack:///./src/modules/page-editor/src/components/popups/SaveAsTemplatePopup.vue?39df","webpack:///./src/modules/page-editor/src/components/popups/SavePopup.vue?f3d4","webpack:///./src/modules/page-editor/src/components/popups/CodePopup.vue?9c88"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","on","$event","target","currentTarget","resetView","apply","arguments","attrs","require","directives","name","rawName","value","placement","theme","expression","class","page_tab","navRoute","current_popup","moreActions","extraClick","goBackToFunnel","active","view","switchView","enabled","canUndo","undoMe","canRedo","redoMe","saving","generateAndSave","pagePreviewUrl","localEmailSavedStore","emailSavedStore","savePopupOpen","savePopupClose","sendTestPopupProp","noSaveBtnFunc","_e","saveTemplatePopupOpen","parseInt","initialData","funnel","step","page","emailTemplateName","codePopupOpen","popupConentUpdated","templateReady","staticRenderFns","closeThisPopup","scopedSlots","_u","key","fn","_v","proxy","noSaveRedirect","saveFunc","mixins","components","Popup","VButton","data","watch","methods","component","close","model","newName","callback","$$v","save","InputField","props","source_funnel_id","source_step_id","source_page_id","console","created","textDecoration","font","fontStyling","underline","fontProps","styleString","fontFamily","fontSize","textAlign","color","textDecStr","bold","italic","getBoxShadow","shadows","length","bs","boxShadow","getTextShadow","multiTextShadow","backgroundColor","linkFontStyling","style","fontWeight","fontStyle","decoration","r","borderProps","border","sides","width","top","left","right","bottom","radius","topLeft","topRight","bottomRight","bottomLeft","type","id","textShadows","font2","_s","customCss","advanced","direction","pageStyle","tableId","_l","editor","content","section","RenderSection","formSpacer","emailSpacer","emailButton","emailHeadline","emailParagraph","emailImage","emailVideo","emailLink","emailSocial","emailMenu","emailTimer","emailCustom","emailProgressBar","emailProductList","emailFormElement","emailPaymentForm","emailTwoStepForm","emailOrderSummary","emailOrderBump","emailImageSlider","rawCode","editorCore","renderTemplateShow","fontStyleString","computed","padding","mounted","getRow","rowClasses","blockResponsive","responsiveClasses","sectionWidth","sectionMargin","margin","QuickActionsBtn","RenderTemplate","SaveAsTemplatePopup","CodePopup","ExternalLink","SavePopup","redirecting","renderedTemplate","popupTemplate","templateId","nameInputFocused","savedContentState","localRedirect","label","icon","currentTemplate","thisPage","currentTemplateName","goBackTo","handleKeydown","debounce","e","html","css","head_js","body_js","tab","openCodeEditor","linkTo","path","onInputName","window","getFonts","default","fonts","fontsNames","localFontObject","fontInlineIndex","findUsedPopupPaths","popupBtns","href","popups","defaultPopup","pagePopup","children","rows","configForSave","hoverStylesString","config","funnel_id","seo_description","seo_keywords","seo_title","step_id","user_id","result","alert","popup","block","confirmSavePopState","history","confirmSave","confirm","beforeDestroy","beforeRouteLeave","next","func","wait","immediate","timeout","context","args","later","callNow","clearTimeout","setTimeout","insertCode","tabActive","setActiveTab","highlighter","highlighterCss","rawCodeCSS","rawCodeJSHead","rawCodeJSBody","PrismEditor","showMail","getCSS","getCodeJSHead","getCodeJSBody","highlighterJs","format","textNode","indentAfter","node","cssClasses","sticky_show_after","sticky","after","sectionStyle","distance","position","row","isPopup","rowStyle","cols","col","index","colIndex","blocks","RenderBlock","RenderColumn","d","zIndex","RenderRow","basic","details","classes","cssId","imgStyle","imgxSrcSet","imgxSrc","height","localData","slides","slide","selectedSlide","thumbWidth","thumbHeight","imgxImg","img","ref","refInFor","imgxThumb","imgSrc","responsive","alignStyle","alignItems","currentSlide","imgxSizes","objectFit","wrapperStyle","src","isGif","stickyProps","tag","boxes","box","container","boxIndex","ContainerBox","orientationStyles","o","mobile","tablet","desktop","textShadow","boxesStyle","code","b","headerCss","isActive","headerStyle","title","contentStyle","headerBorder","headerShadows","s","hover","flexDirection","lazyload","beforeImage","emptyImg","showLabels","labelStyle","before","clipPath","afterImage","fh","fw","c","clickAction","emailFaq","emailContainer","emailBeforeAfterSlider"],"mappings":"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A,sCAEA7J,WACA,yCAEAM,UACA,6BAEA2K,aACA,gCAEAoC,cACA,4CAEAM,aACA,2CAEApL,oBACA,SACA,wBACA,0CACA,0CACA,2CACA,GAJA,IAMA6K,WACA,mEAEAM,WACA,OACAA,8BAGAF,aACA,OACAlP,4CACA,wCAGA8L,SACA,wEACA,WACA,GAEApL,QACA,sEACA,WACA,GAEA4O,KACA,wBAEAC,KACA,uBAEA3J,MACA,gCACA,kEACWtM,KAAKkS,QAAQnK,mDACHmO,8BAEVlW,KAAKkS,QAAQnK,0DACRmO,8BACMA,gBANtB,GASA,2DASAtP,QACA,UACA,kCACAL,6CACAa,wCACAoL,oDAGAmB,eACA,OACA7I,2CAGAqL,cACA,8EAGA5R,SACA6O,UAGA,OAFAQ,sDACAA,2BACA,sCACAA,wDACA,+FAEA,QAEAC,SACA,+BACA,6CC9JuZ,ICOnZ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCkBA,GACf/S,mBACAkE,OACAyJ,OACAzB,kBAEAqE,SACAvJ,aACAkF,aAGA9I,YAGAkS,WACAvN,kBACAC,mBACAC,mBACAC,qBACAC,sBACAC,kBACAC,kBACAC,iBACAC,mBACAC,iBACAC,kBACAC,mBACAC,wBACAC,wBACAC,wBACAC,wBACAC,wBACAC,yBACAC,sBACAC,wBACAqM,iBACAC,0BAEAjM,UACA0G,SACA,oEAEA,4CACA,oBACA,EADA,IAGA+C,cACA,oEAEA,kBACA,uBAEA,+BAEA,OAAA3C,kBAAAY,aAMA,MALA,mBACAD,2BAEAA,8BAEA,KChGkY,KCO9X,GAAY,eACd,GACAhS,EACAyD,GACA,EACA,KACA,WACA,MAIa,gB,kEClBf,W,kCCAA,W,kCCAA,W,kCCAA,W,yDCAA,W","file":"js/chunk-ddb75e42.a34879e8.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/code.5081450b.svg\";","module.exports = __webpack_public_path__ + \"img/logo.bf3b8f1d.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('header',{staticClass:\"editor_header\",on:{\"click\":function($event){if($event.target !== $event.currentTarget)return null;return _vm.resetView.apply(null, arguments)}}},[_c('div',{staticClass:\"header_left_box\"},[_c('ul',{staticClass:\"editor_header_nav\"},[_c('li',[_c('a',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":require('@/assets/img/logo.svg'),\"alt\":\"\"}})])]),_c('li',[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement : \"bottom\", theme:\"small-black\" }),expression:\"{ placement : \\\"bottom\\\", theme:\\\"small-black\\\" }\"}],staticClass:\"small-btn\",class:{'active' : (_vm.page_tab === 'add')},attrs:{\"content\":\"Add new element\"},on:{\"click\":function($event){return _vm.navRoute('add')}}},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 19 20\",\"height\":\"20\",\"width\":\"19\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M9.50016 19.1667C4.43755 19.1667 0.333496 15.0626 0.333496 10C0.333496 4.9374 4.43755 0.833344 9.50016 0.833344C14.5628 0.833344 18.6668 4.9374 18.6668 10C18.6668 15.0626 14.5628 19.1667 9.50016 19.1667ZM9.50016 17.5C13.6423 17.5 17.0002 14.1421 17.0002 10C17.0002 5.85787 13.6423 2.50001 9.50016 2.50001C5.35803 2.50001 2.00016 5.85787 2.00016 10C2.00016 14.1421 5.35803 17.5 9.50016 17.5ZM10.3335 9.16668H13.6668V10.8333H10.3335V14.1667H8.66683V10.8333H5.3335V9.16668H8.66683V5.83334H10.3335V9.16668Z\",\"fill\":\"#4368E0\"}})])])]),_c('li',[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement : \"bottom\",theme:\"small-black\" }),expression:\"{ placement : \\\"bottom\\\",theme:\\\"small-black\\\" }\"}],staticClass:\"small-btn\",class:{'active' : _vm.page_tab === 'layout'},attrs:{\"content\":\"Layout\"},on:{\"click\":function($event){return _vm.navRoute('layout')}}},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 18 18\",\"height\":\"18\",\"width\":\"18\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M11.5 9.83332H15.6667C16.5872 9.83332 17.3334 10.5795 17.3334 11.5V15.6667C17.3334 16.5871 16.5872 17.3333 15.6667 17.3333H11.5C10.5795 17.3333 9.83335 16.5871 9.83335 15.6667V11.5C9.83335 10.5795 10.5795 9.83332 11.5 9.83332ZM11.5 11.5V15.6667H15.6667V11.5H11.5ZM8.16669 2.33332V15.6667C8.16669 16.5871 7.4205 17.3333 6.50002 17.3333H2.33335C1.41288 17.3333 0.666687 16.5871 0.666687 15.6667V2.33332C0.666687 1.41285 1.41288 0.666656 2.33335 0.666656H6.50002C7.4205 0.666656 8.16669 1.41285 8.16669 2.33332ZM6.50002 2.33332H2.33335V15.6667H6.50002V2.33332ZM11.5 0.666656H15.6667C16.5872 0.666656 17.3334 1.41285 17.3334 2.33332V6.49999C17.3334 7.42046 16.5872 8.16666 15.6667 8.16666H11.5C10.5795 8.16666 9.83335 7.42046 9.83335 6.49999V2.33332C9.83335 1.41285 10.5795 0.666656 11.5 0.666656ZM11.5 2.33332V6.49999H15.6667V2.33332H11.5Z\",\"fill\":\"#4368E0\"}})])])]),_c('li',[(!!_vm.current_popup)?_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement : \"bottom\",theme:\"small-black\" }),expression:\"{ placement : \\\"bottom\\\",theme:\\\"small-black\\\" }\"}],staticClass:\"small-btn\",class:{'active' : _vm.page_tab === 'popupProperties'},attrs:{\"content\":\"Popup properties\"},on:{\"click\":function($event){return _vm.navRoute('popupProperties')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/edit-popup.svg')}})],1):_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement : \"bottom\",theme:\"small-black\" }),expression:\"{ placement : \\\"bottom\\\",theme:\\\"small-black\\\" }\"}],staticClass:\"small-btn\",class:{'active' : _vm.page_tab === 'pageProperties'},attrs:{\"content\":\"Page properties\"},on:{\"click\":function($event){return _vm.navRoute('pageProperties')}}},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 15 20\",\"height\":\"20\",\"width\":\"15\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M9.16683 2.49999V4.99999H7.50016V2.49999H5.8335V5.83333H4.16683V2.49999H2.50016V7.49999H12.5002V2.49999H9.16683ZM0.833496 7.49999V0.833328H14.1668V7.49999L14.1668 8.33334C14.1668 9.58333 14.1668 9.58333 14.1668 10.8285C14.1741 12.0971 13.4663 12.4986 11.493 13.0899C10.3363 13.4365 10.0002 13.6269 10.0002 13.75C10.0002 14.3897 10.0587 14.8192 10.1836 15.3187C10.1595 15.2221 10.3018 15.7725 10.3332 15.9191C10.3885 16.1771 10.4168 16.4118 10.4168 16.6667C10.4168 18.0507 9.11489 19.1667 7.50016 19.1667C5.88543 19.1667 4.5835 18.0507 4.5835 16.6667C4.5835 16.4118 4.61183 16.1771 4.6671 15.9191C4.69852 15.7725 4.84086 15.2221 4.81671 15.3187C4.94159 14.8192 5.00016 14.3897 5.00016 13.75C5.00016 13.6261 4.66492 13.4361 3.51071 13.0898C1.53992 12.4986 0.833496 12.0983 0.833496 10.8333V7.49999ZM2.50016 9.16666V10.8333C2.50016 10.9572 2.8354 11.1472 3.98962 11.4935C5.9604 12.0847 6.66683 12.485 6.66683 13.75C6.66683 14.5339 6.58998 15.0975 6.43361 15.7229C6.44853 15.6633 6.3196 16.1618 6.29677 16.2684C6.26466 16.4182 6.25016 16.5383 6.25016 16.6667C6.25016 17.0683 6.75378 17.5 7.50016 17.5C8.24654 17.5 8.75016 17.0683 8.75016 16.6667C8.75016 16.5383 8.73566 16.4182 8.70356 16.2684C8.68073 16.1618 8.5518 15.6633 8.56671 15.7229C8.41034 15.0975 8.3335 14.5339 8.3335 13.75C8.3335 12.4856 9.04124 12.0847 11.011 11.4945L11.0146 11.4934C12.1672 11.148 12.5009 10.9587 12.5002 10.8333C12.5002 9.94596 12.5002 9.68853 12.5002 9.16666H2.50016Z\",\"fill\":\"#4368E0\"}})])])]),_c('li',[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement : \"bottom\",theme:\"small-black\" }),expression:\"{ placement : \\\"bottom\\\",theme:\\\"small-black\\\" }\"}],staticClass:\"small-btn\",class:{'active' : _vm.page_tab === 'popups'},attrs:{\"content\":\"Popups\"},on:{\"click\":function($event){return _vm.navRoute('popups')}}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M18 18V20H4A2 2 0 0 1 2 18V8H4V18M22 6V14A2 2 0 0 1 20 16H8A2 2 0 0 1 6 14V6A2 2 0 0 1 8 4H20A2 2 0 0 1 22 6M20 6H8V14H20Z\"}})])])]),_c('li',[_c('quick-actions-btn',{attrs:{\"content\":\"More actions\",\"items\":_vm.moreActions},on:{\"menuClick\":_vm.extraClick}})],1)])]),_c('div',{staticClass:\"header_right_box layout-column\"},[_c('div',{staticClass:\"layout-row flex flex-center\"},[_c('div',{},[_c('v-button',{staticClass:\"go_back_btn\",attrs:{\"icon\":require('@/assets/img/back_bt_arrow.svg'),\"label\":\"Go back to funnel\",\"flat\":\"\"},on:{\"click\":_vm.goBackToFunnel}})],1),_c('div',{staticClass:\"flex\"}),_c('ul',{staticClass:\"sm_btns_group devices_btns\"},[_c('li',{attrs:{\"title\":\"Mobile View\"}},[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"small-btn\",class:{active: _vm.view === 'mobile'},attrs:{\"content\":\"Mobile view\"},on:{\"click\":function($event){return _vm.switchView('mobile')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/mobile.svg')}})],1)]),_c('li',{attrs:{\"title\":\"Tablet View\"}},[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"small-btn\",class:{active: _vm.view === 'tablets'},attrs:{\"content\":\"Tablet view\"},on:{\"click\":function($event){return _vm.switchView('tablets')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/tablet.svg')}})],1)]),_c('li',{attrs:{\"title\":\"Desktop View\"}},[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"small-btn\",class:{active: _vm.view === 'desktop'},attrs:{\"content\":\"Desktop view\"},on:{\"click\":function($event){return _vm.switchView('desktop')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/desktop.svg')}})],1)])]),_c('ul',{staticClass:\"sm_btns_group undo_redo_group\"},[_c('li',{attrs:{\"title\":\"Undo\"}},[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"small-btn\",class:{enabled: _vm.canUndo},attrs:{\"content\":\"Undo\"},on:{\"click\":_vm.undoMe}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/undo.svg')}})],1)]),_c('li',{attrs:{\"title\":\"Redo\"}},[_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],staticClass:\"small-btn\",class:{enabled: _vm.canRedo},attrs:{\"content\":\"Redo\"},on:{\"click\":_vm.redoMe}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/redo.svg')}})],1)])]),_c('div',{staticClass:\"flex\"}),_c('v-button',{staticClass:\"save-as-template-btn\",attrs:{\"label\":\"Save as template\",\"border\":\"\",\"loading\":_vm.saving},on:{\"click\":function($event){return _vm.generateAndSave(false, false, true)}}}),_c('v-button',{attrs:{\"target\":\"_blank\",\"href\":_vm.pagePreviewUrl,\"label\":\"Preview\",\"border\":\"\"}}),_c('v-button',{attrs:{\"loading\":_vm.saving,\"label\":\"Save changes\",\"disabled\":_vm.localEmailSavedStore === _vm.emailSavedStore},on:{\"click\":function($event){return _vm.generateAndSave(false)}}})],1)]),(_vm.savePopupOpen)?_c('portal',{attrs:{\"to\":\"popup\"}},[(_vm.savePopupOpen)?_c('SavePopup',{on:{\"closePopup\":_vm.savePopupClose,\"saveFunc\":function($event){return _vm.generateAndSave(_vm.sendTestPopupProp, true)},\"noSave\":_vm.noSaveBtnFunc}}):_vm._e()],1):_vm._e(),(_vm.saveTemplatePopupOpen)?_c('portal',{attrs:{\"to\":\"popup\"}},[_c('SaveAsTemplatePopup',{attrs:{\"funnel-id\":parseInt(_vm.initialData.funnel),\"step-id\":parseInt(_vm.initialData.step),\"page-id\":parseInt(_vm.initialData.page),\"name\":_vm.emailTemplateName},on:{\"close\":function($event){_vm.saveTemplatePopupOpen=false}}})],1):_vm._e(),(_vm.codePopupOpen)?_c('portal',{attrs:{\"to\":\"popup\"}},[_c('CodePopup',{on:{\"done\":_vm.popupConentUpdated,\"close\":function($event){_vm.codePopupOpen=false}}})],1):_vm._e(),_c('render-template',{attrs:{\"styleId\":\"render-style\",\"tableId\":\"render-table\",\"rawClass\":\"render-raw\"},on:{\"ready\":_vm.templateReady}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"__save-popup\",attrs:{\"title\":\"Save changes?\"},on:{\"close\":_vm.closeThisPopup},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{},[_c('p',[_vm._v(\"There are some unsaved changes on this page!\")])])]},proxy:true},{key:\"actions\",fn:function(){return [_c('v-button',{attrs:{\"slim\":\"\",\"label\":\"Discard changes\",\"border\":\"\",\"red\":\"\"},on:{\"click\":_vm.noSaveRedirect}}),_c('v-button',{attrs:{\"slim\":\"\",\"label\":\"Save changes\"},on:{\"click\":_vm.saveFunc}}),_c('v-button',{attrs:{\"slim\":\"\",\"label\":\"Cancel\",\"border\":\"\"},on:{\"click\":_vm.closeThisPopup}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<popup class=\"__save-popup\" title=\"Save changes?\" @close=\"closeThisPopup\">\n\t\t<template v-slot:content>\n\t\t\t<div class=\"\">\n\t\t\t\t<p>There are some unsaved changes on this page!</p>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-slot:actions>\n\t\t\t<v-button @click=\"noSaveRedirect\" slim label=\"Discard changes\" border red />\n\t\t\t<v-button @click=\"saveFunc\" slim  label=\"Save changes\" />\n\t\t\t<v-button @click=\"closeThisPopup\" slim label=\"Cancel\" border />\n\t\t</template>\n\t</popup>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport VButton from '@/components/base/v-button';\nimport Popup from \"@/components/base/popup\";\n\nexport default {\n  name: 'SavePopup',\n  mixins: [API],\n\tcomponents:{Popup, VButton},\n    data: function(){\n        return {\n        }\n    },\n    watch: {\n    },\n    methods: {\n        closeThisPopup(){\n            this.$emit('closePopup');\n        },\n        noSaveRedirect(){\n            this.$emit('noSave');\n            this.closeThisPopup();\n        },\n        saveFunc(){\n            this.$emit('saveFunc')\n            this.closeThisPopup();\n        }\n    },\n}\n</script>\n<style lang=\"scss\">\n.__save-popup {\n\t.popup {\n\t\tmax-width: 500px;\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n    .btn {\n        padding: 10px 30px;\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!./SavePopup.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!./SavePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SavePopup.vue?vue&type=template&id=56568d8a&scoped=true&\"\nimport script from \"./SavePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./SavePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SavePopup.vue?vue&type=style&index=0&id=56568d8a&prod&lang=scss&\"\nimport style1 from \"./SavePopup.vue?vue&type=style&index=1&id=56568d8a&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  \"56568d8a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"save-as-template-popup\",attrs:{\"title\":\"Save page as re-usable template\"},on:{\"close\":_vm.close},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"save-template-body\"},[_c('p',{staticClass:\"margin-b-20\"},[_vm._v(\"Give a name to your template and save it, then you can re-use it to create new steps or pages later.\")]),_c('input-field',{attrs:{\"label\":\"Template name\"},model:{value:(_vm.newName),callback:function ($$v) {_vm.newName=$$v},expression:\"newName\"}})],1)]},proxy:true},{key:\"actions\",fn:function(){return [_c('v-button',{attrs:{\"label\":\"Save template\",\"disabled\":!_vm.newName,\"loading\":_vm.saving},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=\"save-as-template-popup\" title=\"Save page as re-usable template\" @close=\"close\">\n\t\t<template v-slot:content>\n\t\t\t<div class=\"save-template-body\">\n\t\t\t\t<p class=\"margin-b-20\">Give a name to your template and save it, then you can re-use it to create new steps or pages later.</p>\n\t\t\t\t<input-field label=\"Template name\" v-model=\"newName\"  />\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 template\" :disabled=\"!newName\" :loading=\"saving\"/>\n\t\t\t<v-button @click=\"close\" label=\"Cancel\" border/>\n\t\t</template>\n\t</popup>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport VButton from '@/components/base/v-button';\nimport Popup from '@/components/base/popup';\nimport InputField from '@/components/base/input-field';\n\nexport default {\n\tname: 'SaveAsTemplatePopup',\n\tmixins: [API],\n\tcomponents: {VButton, Popup, InputField},\n\tprops: [\"funnelId\", \"pageId\", \"stepId\", \"name\"],\n\tdata: function () {\n\t\treturn {\n\t\t\tsaving: false,\n\t\t\tnewName: \"\",\n\t\t}\n\t},\n\tmethods: {\n\t\tclose() {\n\t\t\tthis.$emit('close');\n\t\t},\n\t\tasync save() {\n\t\t\tthis.$emit('save');\n\n\t\t\ttry {\n\t\t\t\tthis.saving = true;\n\t\t\t\tlet data = {\n\t\t\t\t\tname: this.newName,\n\t\t\t\t\tsource_funnel_id: parseInt(this.funnelId),\n\t\t\t\t\tsource_step_id: parseInt(this.stepId),\n\t\t\t\t\tsource_page_id: parseInt(this.pageId),\n\t\t\t\t}\n\n\t\t\t\tlet r = await this.api.wsteps.createPageTemplate(data);\n\t\t\t\tconsole.log(r);\n\t\t\t\tif (r.error) {\n\t\t\t\t\tthis.$error(r, r.error)\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tthis.$info(null, \"Page saved as template successfully.\")\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e);\n\t\t\t} finally {\n\t\t\t\tthis.saving = false;\n\t\t\t}\n\n\t\t\tthis.close();\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.newName = this.name;\n\t}\n}\n</script>\n\n<style lang=\"scss\" >\n.save-as-template-popup {\n\t.popup {\n\t\tmax-width: 500px;\n\t}\n.save-template-body {\n\tp {\n\t\tmargin: 0 0 25px;\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!./SaveAsTemplatePopup.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!./SaveAsTemplatePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SaveAsTemplatePopup.vue?vue&type=template&id=4b557902&\"\nimport script from \"./SaveAsTemplatePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./SaveAsTemplatePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SaveAsTemplatePopup.vue?vue&type=style&index=0&id=4b557902&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","// Elements that support hover are:\n// Button: Background, Border, Font\n// Link: Background, Color, Font\n// Menu: Link Color, Link Font.\n\nimport {boxShadow, multiTextShadow} from \"@/modules/page-editor/src/utils/props\";\n\nfunction textDecoration(font) {\n    if (!font || !font.fontStyling) return null;\n    let fontStyling = font.fontStyling;\n\n    if (fontStyling['line-through'] && fontStyling.underline) return 'underline line-through';\n    else if (fontStyling['line-through']) return 'line-through';\n    else if (fontStyling.underline) return 'underline';\n    else return null;\n}\n\nfunction fontProps(font) {\n    let styleString = '';\n    let fontFamily = font ? font.fontFamily : null;\n    let fontSize = font ? font.fontSize + 'px' : null;\n    let textAlign = font ? font.textAlign : null;\n    let fontStyling = font ? font.fontStyling : null;\n    let color = font ? font.color : null;\n    let textDecStr = textDecoration(font);\n\n    color ? styleString += `color: ${color} !important;\\n` : false;\n    fontFamily ? styleString += `font-family: ${fontFamily} !important; \\n` : false;\n    fontSize ? styleString += `font-size: ${fontSize} !important; \\n` : false;\n    textAlign ? styleString += `text-align: ${textAlign} !important; \\n` : false;\n    fontStyling && fontStyling.bold ? styleString += `font-weight: bold !important; \\n` : false;\n    fontStyling && fontStyling.italic ? styleString += `font-style: italic !important; \\n` : false;\n    textDecStr ? styleString += `text-decoration: ${textDecStr} !important; \\n` : false;\n\n    return styleString\n}\n\nfunction getBoxShadow(shadows) {\n    if (!shadows || shadows.length===0) return '';\n    let bs = boxShadow(shadows);\n\n    return bs ? `box-shadow: ${bs}!important; \\n` : '';\n}\n\nfunction getTextShadow(shadows) {\n    if (!shadows || shadows.length===0) return '';\n    let bs = multiTextShadow(shadows);\n\n    return bs ? `text-shadow: ${bs}!important; \\n` : '';\n}\n\nfunction backgroundColor(color) {\n    return color ? `background-color: ${color}!important; \\n` : '';\n}\n\nfunction linkFontStyling(style) {\n    let color = '';\n\n    if (style.color) color = style.color;\n    let fontStyling = style.fontStyling;\n    let fontWeight = fontStyling && fontStyling.bold ? 'bold' : '';\n    let fontStyle = fontStyling && fontStyling.italic ? 'italic' : '';\n\n    let decoration = \"\";\n    if (fontStyling && (fontStyling['line-through'] || fontStyling.underline)) {\n        if (fontStyling['line-through']) decoration = 'line-through ';\n        if (fontStyling.underline) decoration += 'underline';\n    }\n\n    let r = '';\n    if (color) r += `color:${color}!important; \\n`;\n    if (fontWeight) r += `font-weight:${fontWeight}!important; \\n`;\n    if (fontStyle) r += `font-style:${fontStyle}!important; \\n`;\n    if (decoration) r += `text-decoration:${decoration}!important; \\n`;\n\n    return r;\n}\n\nfunction borderProps(border) {\n    let styleString = '';\n\n    if (border && border.sides && border.width && border.style && border.color) {\n        border.sides.top ? styleString += `border-top:  ${border.width}px ${border.style} ${border.color} !important; \\n` : false;\n        border.sides.left ? styleString += `border-left:  ${border.width}px ${border.style} ${border.color} !important; \\n` : false;\n        border.sides.right ? styleString += `border-right:  ${border.width}px ${border.style} ${border.color} !important; \\n` : false;\n        border.sides.bottom ? styleString += `border-bottom:  ${border.width}px ${border.style} ${border.color} !important; \\n` : false;\n    }\n\n    if (border && border.radius&&(border.radius.topLeft!=null||border.radius.topRight!=null||border.radius.bottomRight!=null||border.radius.bottomLeft!=null)) {\n        styleString += `border-radius: ${border.radius.topLeft}px ${border.radius.topRight}px ${border.radius.bottomRight}px ${border.radius.bottomLeft}px !important; \\n`;\n    }\n\n    if (border&&border.color) styleString += `border-color: ${border.color} !important; \\n`;\n\n    return styleString\n}\n\nexport default (type, style, id) => {\n    let styleString = `/*  hover ${type}  */`;\n\n    switch (type) {\n        case 'button': //Background, Border, Font\n            styleString += `\\n\n\t\t\t\t.el-${id} .btn:hover {\n\t\t\t\t\t${fontProps(style.font)}\n\t\t\t\t\t${borderProps(style.border)}\n\t\t\t\t\t${backgroundColor(style.backgroundColor)}\n\t\t\t\t\t${getBoxShadow(style.shadows)}\n\t\t\t\t\t${getTextShadow(style.textShadows)}\n\t\t\t\t} \\n\n\t\t\t\t.el-${id} .btn:hover .btn_sub_headline {\n\t\t\t\t\t${fontProps(style.font2)}\n\t\t\t\t} \\n\n\t\t\t`;\n            break;\n\n        case 'link': //Background, Color, Font\n            styleString += `\\n\n\t\t\t\t.el-${id} a:hover {\n\t\t\t\t\t${linkFontStyling(style)}\n\t\t\t\t\t${getTextShadow(style.textShadows)}\n\t\t\t\t} \\n\n\t\t\t`;\n            break;\n\n        case 'menu': //Link Color, Link Font\n            styleString += `\\n\n\t\t\t\t.el-${id} a:hover {\n\t\t\t\t\t${fontProps(style.font)}\n\t\t\t\t} \\n\n\t\t\t`;\n            break;\n    }\n    return styleString\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],staticClass:\"page-preview-content\"},[_c('v-style',[_vm._v(\" \"+_vm._s(_vm.customCss)+\" \")]),_c('div',{staticClass:\"raw-test\"},[_c('div',{staticClass:\"main_wrapper_main\",class:[_vm.view+'_grid',{'dir-rtl':_vm.page.advanced.direction==='rtl'}],style:(_vm.pageStyle),attrs:{\"id\":_vm.tableId}},[_c('main',{staticClass:\"main-wrapper\"},_vm._l((_vm.editor.content),function(section){return _c('RenderSection',{key:section.id,attrs:{\"section\":section}})}),1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"page-preview-content\" v-show=\"false\">\n\t\t<v-style>\n\t\t\t{{customCss}}\n\t\t</v-style>\n\t\t<div class=\"raw-test\">\n\n\t\t\t<div :id=\"tableId\" class=\"main_wrapper_main\"\n\t\t\t     :class=\"[view+'_grid',{'dir-rtl':page.advanced.direction==='rtl'}]\"\n\t\t\t     :style=\"pageStyle\">\n\t\t\t\t<!-- MAIN WRAPPER -->\n\t\t\t\t<main class=\"main-wrapper\">\n\t\t\t\t\t<RenderSection :section=\"section\" v-for='section in editor.content' :key='section.id' />\n\t\t\t\t</main>\n\t\t\t</div>\n\t\t</div>\n\t</div>\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\";\nimport orderSummary from \"@/modules/page-editor/src/components/generator/OrderSummary.vue\";\nimport orderBump from \"@/modules/page-editor/src/components/generator/OrderBump.vue\";\nimport formSpacer from \"@/modules/page-editor/src/models/formSpacer\";\nimport {backgroundProps, borderProps, boxShadow, fontProps, getPadding} from \"@/modules/page-editor/src/utils/props\";\nimport imageSlider from \"@/modules/page-editor/src/components/generator/ImageSlider\";\n// import RenderRow from \"@/modules/page-editor/src/renderer/RenderRow\";\nimport RenderSection from \"@/modules/page-editor/src/renderer/RenderSection\";\n\nexport default {\n\tname: 'RenderTemplate',\n    components: {\n\t    RenderSection,\n\t    // RenderRow,\n\t\tformSpacer: formSpacer,\n    emailSpacer: spacer,\n    emailButton: button,\n    emailHeadline: headline,\n    emailParagraph: paragraph,\n    emailImage: image,\n    emailVideo: video,\n    emailLink: link,\n    emailSocial: social,\n    emailMenu: menu,\n    emailTimer: 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\temailOrderSummary: orderSummary,\n\t\temailOrderBump: orderBump,\n\t  emailImageSlider: imageSlider,\n\t},\n\tprops: ['tableId', 'styleId'],\n\tdata() {\n\t\treturn {\n\t\t\trawCode: 'raw',\n\t\t\teditorCore: null,\n\t\t\trenderTemplateShow: false,\n\t\t\tfontStyleString: \"\",\n\t\t}\n\t},\n    computed: {\n\t\t...mapGetters(['page_findOne', 'page_findChild']),\n    editor() {\n      return this.$store.state.page.editor\n\t\t},\n\t\tview() {\n      return this.$store.state.page.view\n    },\n\t\tpage() {\n      return this.$store.state.page.page\n\t\t},\n\t\tpageStyle() {\n      let basic = this.page.basic;\n\n      return {\n          backgroundColor: basic.backgroundColor,\n\t      ...backgroundProps(basic),\n          padding: getPadding(basic.padding),\n        ...borderProps(basic.border),\n        ...fontProps(basic.font),\n      }\n    },\n    customCss() {\n\t    return this.$store.state.page.customCode ? this.$store.state.page.customCode.css : '';\n    }\n  },\n\tmounted() {\n\t\tthis.$emit('ready');\n\t},\n\tmethods: {\n\t\tgetRow(rowId){\n\t\t\treturn this.page_findOne(rowId) || {}\n\t\t},\n\t\trowClasses(rowId){\n\t\t\tlet r = this.page_findOne(rowId);\n\t\t\treturn (r && r.attributes.advanced) ? r.attributes.advanced.cssClasses : ''\n\t\t},\n\t\tblockResponsive(blockId) {\n\t\t\tlet b = this.page_findOne(blockId)\n      return b ? b.responsive: {};\n    },\n    responsiveClasses(blockId) {\n      let c = '';\n      if (!this.blockResponsive(blockId)) return '';\n      if (!this.blockResponsive(blockId).desktop) c = 'no-desktop';\n      if (!this.blockResponsive(blockId).mobile) c += ' no-mobile';\n      if (!this.blockResponsive(blockId).tablets) c += ' no-tablet';\n      return c;\n    },\n\n\t\tsectionWidth(section) {\n\t\t\tlet basic = section.attributes.basic;\n\t\t\treturn basic.width || 'full';\n\t\t},\n\t\tsectionMargin(sectionId){\n\t\t\tlet findSection = this.page_findOne(sectionId);\n\t\t\tlet basic = findSection ? findSection.attributes.basic : {};\n\n\t\t\treturn {\n\t\t\t\tmargin: getPadding(basic.margin),\n\t\t\t};\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n.page-preview-content {\n\twidth: 1000px;\n\theight: 0;\n\toverflow: hidden;\n}\n    .raw-test {\n        height: 100vh;\n        overflow: auto;\n    }\n\t.back-to-editor {\n\t\tposition: fixed;\n\t\ttop: 85px;\n\t\tright: 85px;\n\t\tleft: auto;\n\t}\n\t.raw-code {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tpadding: 50px;\n\t\tbackground: #000;\n\t\tcolor: #fff;\n\t}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RenderTemplate.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!./RenderTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RenderTemplate.vue?vue&type=template&id=0dca8928&\"\nimport script from \"./RenderTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./RenderTemplate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RenderTemplate.vue?vue&type=style&index=0&id=0dca8928&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<header class=\"editor_header\" @click.self=\"resetView\">\n\t\t<div class=\"header_left_box\">\n\t\t\t<ul class=\"editor_header_nav\">\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"logo\">\n\t\t\t\t\t\t<img :src=\"require('@/assets/img/logo.svg')\" alt=\"\">\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"small-btn\" @click=\"navRoute('add')\" :class=\"{'active' : (page_tab === 'add')}\"\n\t\t\t\t\t   content=\"Add new element\" v-tippy='{ placement : \"bottom\", theme:\"small-black\" }'>\n\t\t\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 19 20\" height=\"20\" width=\"19\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.50016 19.1667C4.43755 19.1667 0.333496 15.0626 0.333496 10C0.333496 4.9374 4.43755 0.833344 9.50016 0.833344C14.5628 0.833344 18.6668 4.9374 18.6668 10C18.6668 15.0626 14.5628 19.1667 9.50016 19.1667ZM9.50016 17.5C13.6423 17.5 17.0002 14.1421 17.0002 10C17.0002 5.85787 13.6423 2.50001 9.50016 2.50001C5.35803 2.50001 2.00016 5.85787 2.00016 10C2.00016 14.1421 5.35803 17.5 9.50016 17.5ZM10.3335 9.16668H13.6668V10.8333H10.3335V14.1667H8.66683V10.8333H5.3335V9.16668H8.66683V5.83334H10.3335V9.16668Z\" fill=\"#4368E0\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"small-btn\" @click=\"navRoute('layout')\" :class=\"{'active' : page_tab === 'layout'}\" content=\"Layout\"\n\t\t\t\t\t   v-tippy='{ placement : \"bottom\",theme:\"small-black\" }'>\n\t\t\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 18 18\" height=\"18\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.5 9.83332H15.6667C16.5872 9.83332 17.3334 10.5795 17.3334 11.5V15.6667C17.3334 16.5871 16.5872 17.3333 15.6667 17.3333H11.5C10.5795 17.3333 9.83335 16.5871 9.83335 15.6667V11.5C9.83335 10.5795 10.5795 9.83332 11.5 9.83332ZM11.5 11.5V15.6667H15.6667V11.5H11.5ZM8.16669 2.33332V15.6667C8.16669 16.5871 7.4205 17.3333 6.50002 17.3333H2.33335C1.41288 17.3333 0.666687 16.5871 0.666687 15.6667V2.33332C0.666687 1.41285 1.41288 0.666656 2.33335 0.666656H6.50002C7.4205 0.666656 8.16669 1.41285 8.16669 2.33332ZM6.50002 2.33332H2.33335V15.6667H6.50002V2.33332ZM11.5 0.666656H15.6667C16.5872 0.666656 17.3334 1.41285 17.3334 2.33332V6.49999C17.3334 7.42046 16.5872 8.16666 15.6667 8.16666H11.5C10.5795 8.16666 9.83335 7.42046 9.83335 6.49999V2.33332C9.83335 1.41285 10.5795 0.666656 11.5 0.666656ZM11.5 2.33332V6.49999H15.6667V2.33332H11.5Z\" fill=\"#4368E0\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a v-if=\"!!current_popup\" class=\"small-btn\" @click=\"navRoute('popupProperties')\" :class=\"{'active' : page_tab === 'popupProperties'}\"\n\t\t\t\t\t   content=\"Popup properties\" v-tippy='{ placement : \"bottom\",theme:\"small-black\" }'>\n\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/edit-popup.svg')\" />\n\t\t\t\t\t</a>\n\t\t\t\t\t<a v-else class=\"small-btn\" @click=\"navRoute('pageProperties')\" :class=\"{'active' : page_tab === 'pageProperties'}\" content=\"Page properties\"\n\t\t\t\t\t   v-tippy='{ placement : \"bottom\",theme:\"small-black\" }'>\n\t\t\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 15 20\" height=\"20\" width=\"15\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.16683 2.49999V4.99999H7.50016V2.49999H5.8335V5.83333H4.16683V2.49999H2.50016V7.49999H12.5002V2.49999H9.16683ZM0.833496 7.49999V0.833328H14.1668V7.49999L14.1668 8.33334C14.1668 9.58333 14.1668 9.58333 14.1668 10.8285C14.1741 12.0971 13.4663 12.4986 11.493 13.0899C10.3363 13.4365 10.0002 13.6269 10.0002 13.75C10.0002 14.3897 10.0587 14.8192 10.1836 15.3187C10.1595 15.2221 10.3018 15.7725 10.3332 15.9191C10.3885 16.1771 10.4168 16.4118 10.4168 16.6667C10.4168 18.0507 9.11489 19.1667 7.50016 19.1667C5.88543 19.1667 4.5835 18.0507 4.5835 16.6667C4.5835 16.4118 4.61183 16.1771 4.6671 15.9191C4.69852 15.7725 4.84086 15.2221 4.81671 15.3187C4.94159 14.8192 5.00016 14.3897 5.00016 13.75C5.00016 13.6261 4.66492 13.4361 3.51071 13.0898C1.53992 12.4986 0.833496 12.0983 0.833496 10.8333V7.49999ZM2.50016 9.16666V10.8333C2.50016 10.9572 2.8354 11.1472 3.98962 11.4935C5.9604 12.0847 6.66683 12.485 6.66683 13.75C6.66683 14.5339 6.58998 15.0975 6.43361 15.7229C6.44853 15.6633 6.3196 16.1618 6.29677 16.2684C6.26466 16.4182 6.25016 16.5383 6.25016 16.6667C6.25016 17.0683 6.75378 17.5 7.50016 17.5C8.24654 17.5 8.75016 17.0683 8.75016 16.6667C8.75016 16.5383 8.73566 16.4182 8.70356 16.2684C8.68073 16.1618 8.5518 15.6633 8.56671 15.7229C8.41034 15.0975 8.3335 14.5339 8.3335 13.75C8.3335 12.4856 9.04124 12.0847 11.011 11.4945L11.0146 11.4934C12.1672 11.148 12.5009 10.9587 12.5002 10.8333C12.5002 9.94596 12.5002 9.68853 12.5002 9.16666H2.50016Z\" fill=\"#4368E0\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"small-btn\" @click=\"navRoute('popups')\" :class=\"{'active' : page_tab === 'popups'}\" content=\"Popups\"\n\t\t\t\t\t   v-tippy='{ placement : \"bottom\",theme:\"small-black\" }'>\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t\t<path fill=\"currentColor\" d=\"M18 18V20H4A2 2 0 0 1 2 18V8H4V18M22 6V14A2 2 0 0 1 20 16H8A2 2 0 0 1 6 14V6A2 2 0 0 1 8 4H20A2 2 0 0 1 22 6M20 6H8V14H20Z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<quick-actions-btn content=\"More actions\" :items=\"moreActions\" @menuClick=\"extraClick\" />\n\t\t\t\t</li>\n\t\t\t</ul>\n\n\t\t</div>\n\n\n\t\t<div class=\"header_right_box layout-column\">\n\t\t\t<div class=\"layout-row flex flex-center\"> <!-- control buttons -->\n\n\t\t\t\t<div class=\"\">\n\t\t\t\t\t<v-button class=\"go_back_btn\" :icon=\"require('@/assets/img/back_bt_arrow.svg')\"\n\t\t\t\t\t          label=\"Go back to funnel\" flat @click=\"goBackToFunnel\" />\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"flex\"></div>\n\n\t\t\t\t<ul class=\"sm_btns_group devices_btns\">\n\t\t\t\t\t<li title=\"Mobile View\">\n\t\t\t\t\t\t<a class=\"small-btn\" @click=\"switchView('mobile')\" content=\"Mobile view\"\n\t\t\t\t\t\t   v-tippy=\"{theme:'small-black'}\" :class=\"{active: view === 'mobile'}\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/icons/mobile.svg')\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li title=\"Tablet View\">\n\t\t\t\t\t\t<a class=\"small-btn\" @click=\"switchView('tablets')\" content=\"Tablet view\"\n\t\t\t\t\t\t   v-tippy=\"{theme:'small-black'}\" :class=\"{active: view === 'tablets'}\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/icons/tablet.svg')\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li title=\"Desktop View\">\n\t\t\t\t\t\t<a class=\"small-btn\" @click=\"switchView('desktop')\" content=\"Desktop view\"\n\t\t\t\t\t\t   v-tippy=\"{theme:'small-black'}\"  :class=\"{active: view === 'desktop'}\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/icons/desktop.svg')\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\n\t\t\t\t<ul class=\"sm_btns_group undo_redo_group\">\n\t\t\t\t\t<li title=\"Undo\">\n\t\t\t\t\t\t<a :class=\"{enabled: canUndo}\" class=\"small-btn\" @click=\"undoMe\" v-tippy=\"{theme:'small-black'}\" content=\"Undo\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/icons/undo.svg')\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li title=\"Redo\">\n\t\t\t\t\t\t<a :class=\"{enabled: canRedo}\" class=\"small-btn\" @click=\"redoMe\" v-tippy=\"{theme:'small-black'}\" content=\"Redo\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/icons/redo.svg')\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\n\t\t\t\t<div class=\"flex\"></div>\n\n\t\t\t\t<v-button  label=\"Save as template\" border :loading=\"saving\" class=\"save-as-template-btn\"\n\t\t\t\t          @click=\"generateAndSave(false, false, true)\"  />\n\n\t\t\t\t<v-button  target=\"_blank\" :href=\"pagePreviewUrl\" label=\"Preview\" border  />\n\n\t\t\t\t<v-button  @click=\"generateAndSave(false)\" :loading=\"saving\" label=\"Save changes\"\n\t\t\t\t          :disabled=\"localEmailSavedStore === emailSavedStore\" />\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<portal to=\"popup\" v-if=\"savePopupOpen\" >\n\t\t\t<SavePopup\n\t\t\t\t\t@closePopup=\"savePopupClose\"\n\t\t\t\t\t@saveFunc=\"generateAndSave(sendTestPopupProp, true)\"\n\t\t\t\t\t@noSave=\"noSaveBtnFunc\"\n\t\t\t\t\tv-if=\"savePopupOpen\" />\n\t\t</portal>\n\n\t\t<portal to=\"popup\" v-if=\"saveTemplatePopupOpen\" >\n\t\t\t<SaveAsTemplatePopup @close=\"saveTemplatePopupOpen=false\"\n\t\t\t                     :funnel-id=\"parseInt(initialData.funnel)\" :step-id=\"parseInt(initialData.step)\"\n\t\t\t                     :page-id=\"parseInt(initialData.page)\" :name=\"emailTemplateName\"/>\n\t\t</portal>\n\n\t\t<portal to=\"popup\" v-if=\"codePopupOpen\">\n\t\t\t<CodePopup @done=\"popupConentUpdated\" @close=\"codePopupOpen=false\"/>\n\t\t</portal>\n\n\t\t<!--\tDon't use\tv-if=\"saving\" it breaks HTML saving... -->\n\t\t<render-template styleId=\"render-style\" tableId=\"render-table\" rawClass=\"render-raw\"\n\t\t                @ready=\"templateReady\" />\n\t</header>\n</template>\n\n<script>\nimport SavePopup from \"./popups/SavePopup\";\nimport SaveAsTemplatePopup from \"./popups/SaveAsTemplatePopup\";\nimport API from \"@/api\"\nimport VButton from \"@/components/base/v-button.vue\";\nimport InputField from \"@/components/base/input-field\";\nimport ExternalLink from \"@/components/base/external-link\";\n\nimport {mapGetters} from \"vuex\"\nimport CodePopup from \"@/modules/page-editor/src/components/popups/CodePopup\";\nimport hoverStyles from \"@/modules/page-editor/src/utils/hoverStyles\";\nimport RenderTemplate from \"@/modules/page-editor/src/renderer/RenderTemplate\";\nimport QuickActionsBtn from '@/components/base/quick-actions-btn'\nimport debounce from \"@/helpers/debounce\";\n\nexport default {\n\tname: 'EditorHeader',\n\tcomponents: {\n\t\tQuickActionsBtn,\n\t\tRenderTemplate,\n\t\tSaveAsTemplatePopup,\n\t\tCodePopup,\n\t\tExternalLink,\n\t\tInputField,\n\t\tVButton,\n\t\tSavePopup\n\t},\n\tmixins: [API],\n\tprops: ['canUndo', 'canRedo', 'page_saved', 'pageData'],\n\tdata: function () {\n\t\treturn {\n\t\t\tredirecting: false,\n\t\t\tcodePopupOpen: false,\n\t\t\trenderedTemplate: '',\n\t\t\tpopupTemplate: '<div></div>',\n\t\t\ttemplateId: false,\n\t\t\temailTemplateName: '',\n\t\t\tsaving: false,\n\t\t\tnameInputFocused: false,\n\t\t\tsavedContentState: false,\n\t\t\tsavePopupOpen: false,\n\t\t\tsaveTemplatePopupOpen: false,\n\t\t\tlocalEmailSavedStore: 1,\n\t\t\tlocalRedirect: false,\n\t\t\tsendTestPopupProp: false,\n\t\t};\n\t},\n\tcomputed: {\n\t\t...mapGetters(['page_id', 'page_tab','page_findOne', 'page_props', 'current_popup']),\n\t\tmoreActions() {\n\t\t\tlet items = [\n\t\t\t\t{label:'Settings',icon:require('@/assets/img/settings.svg'),active:this.page_tab==='settings'},\n\t\t\t\t...(this.current_popup ? [{label:'Page properties',icon:require('@/assets/img/brush.svg'),active:this.page_tab==='pageProperties'}] : []),\n\t\t\t\t'',\n\t\t\t\t{label:'Custom codes',icon:require('@/assets/img/code.svg')}];\n\n\t\t\treturn items;\n\t\t},\n\t\temailSavedStore() {\n\t\t\treturn this.page_saved\n\t\t},\n\t\tpagePreviewUrl(){\n\t\t\treturn `https://${this.pageData.url}?preview=${this.pageData.id}`\n\t\t},\n\t\tview() {\n\t\t\treturn this.$store.state.page.view\n\t\t},\n\t\tcurrentTemplate() {\n\t\t\treturn this.$store.state.page.currentTemplate\n\t\t},\n\t\tinitialData() {\n\t\t\treturn this.$store.state.page.initial\n\t\t},\n\t\tthisPage() {\n\t\t\treturn this.$store.state.page\n\t\t},\n\t\tcurrentTemplateName() {\n\t\t\treturn this.currentTemplate.name\n\t\t}\n\t},\n\twatch: {\n\t\tgoBackTo(val) {\n\t\t\tif (val) {\n\t\t\t\tthis.generateAndSave(false, true);\n\t\t\t}\n\t\t},\n\t\tcurrentTemplateName(val) {\n\t\t\tthis.emailTemplateName = val;\n\t\t}\n\t},\n\tmethods: {\n\t\thandleKeydown(e) {\n\t\t\t\tif ((e.ctrlKey || e.metaKey) && e.key === 'z') {\n\t\t\t\t\tif (this.canUndo) {\n\t\t\t\t\t\tdebounce(() => {\n\t\t\t\t\t\t\tthis.undoMe()\n\t\t\t\t\t\t}, 1000, true)();\n\t\t\t\t\t}\n\t\t\t\t} else if (((e.ctrlKey || e.metaKey) && e.key === 'y') || (e.metaKey && e.shiftKey && e.key === 'z')) {\n\t\t\t\t\tif (this.canRedo) {\n\t\t\t\t\t\tdebounce(() => {\n\t\t\t\t\t\t\tthis.redoMe()\n\t\t\t\t\t\t}, 1000, true)();\n\t\t\t\t\t}\n\t\t\t\t} else if ((e.ctrlKey || e.metaKey) && e.key === 's') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif (this.localEmailSavedStore === this.emailSavedStore) return\n\t\t\t\t\tdebounce(() => {\n\t\t\t\t\t\tif (this.savePopupOpen)\n\t\t\t\t\t\t\tthis.generateAndSave(this.sendTestPopupProp, true)\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\tthis.generateAndSave(false)\n\t\t\t\t\t}, 1000, true)();\n\t\t\t\t}\n\t\t},\n\t\textraClick(e) {\n\t\t\tlet a = e.action;\n\t\t\tif (a==='Popups') {\n\t\t\t\tthis.navRoute('popups')\n\t\t\t} else if (a==='Settings') {\n\t\t\t\tthis.navRoute('settings')\n\t\t\t} else if (a==='Custom codes') {\n\t\t\t\tthis.openCodeEditor();\n\t\t\t} else if (a==='Page properties') {\n\t\t\t\tthis.navRoute('pageProperties')\n\t\t\t}\n\t\t},\n\t\tpopupConentUpdated({html, css, head_js, body_js}) {\n\t\t\tthis.codePopupOpen = false;\n\t\t\tthis.$store.dispatch('PAGE_SET_CUSTOM_CODE', {html, css, head_js, body_js});\n\t\t},\n\t\tnavRoute(link){\n\t\t\tif (link==='layout' && this.page_id)  // do not unset id if moving to layout only.\n\t\t\t\tthis.$store.commit('PAGE_SET_TAB', link);\n\t\t\telse\n\t\t\t\tthis.$store.commit('PAGE_SET_TABID', {tab: link, id: null});\n    },\n\t\topenCodeEditor(){\n\t\t\tthis.codePopupOpen = true;\n    },\n\t\ttemplateReady() {\n\t\t\tconsole.log('templateReady');\n\t\t},\n\t\tlinkTo(link) {\n\t\t\tthis.$router.replace({path: link})\n\t\t},\n\t\tonInputName(ev) {\n\t\t\tthis.emailTemplateName = ev.target.innerText\n\t\t},\n\t\tgoBackToFunnel() {\n\t\t\tif (this.localEmailSavedStore !== this.emailSavedStore) {\n\t\t\t\tthis.localRedirect = true;\n\t\t\t\tthis.savePopupOpen = true;\n\t\t\t} else {\n\t\t\t\tthis.redirecting = true;\n\t\t\t\twindow.location = `/wfunnel/${this.initialData.funnel}/steps/${this.initialData.step}`;\n\t\t\t\t// this.$router.replace({\n\t\t\t\t// \tpath: `/wfunnel/${this.initialData.funnel}/steps/${this.initialData.step}`\n\t\t\t\t// })\n\t\t\t}\n\t\t},\n\t\tnoSaveBtnFunc() {\n\t\t\tthis.localRedirect = true;\n\n\t\t\t// FIXME: for some reason $router.replace takes so long and freezes sometimes.\n\t\t\t// FB pixel pauses redirection for long\n\t\t\tthis.redirecting = true;\n\t\t\twindow.location = `/wfunnel/${this.initialData.funnel}/steps/${this.initialData.step}`;\n\t\t\t// this.$router.replace({\n\t\t\t// \tpath: `/wfunnel/${this.initialData.funnel}/steps/${this.initialData.step}`\n\t\t\t// });\n\t\t},\n\t\tgetFonts(){\n\t\t\tlet fontsNames = [];\n\t\t\tlet fontInlineIndex = 1;\n\n\t\t\tlet pageFont = this.thisPage.page.basic && this.thisPage.page.basic.font && this.thisPage.page.basic.font.fontFamily ?\n\t\t\t\t\tthis.thisPage.page.basic.font.fontFamily : '';\n\t\t\tlet localFontObject = {\n\t\t\t\tdefault: pageFont,\n\t\t\t\tfonts: {}\n\t\t\t};\n\n\t\t\t// FIXME: this gets also app fonts!\n\t\t\tlet elements = document.querySelectorAll(\"[style*='font-family']\");\n\t\t\tfor (let index = 0; index < elements.length; index++) {\n\t\t\t\tlet familyName = elements[index].style.fontFamily.replace(/['\"]+/g, ''); // Get rid of double quotes.\n\t\t\t\tif(elements[index].style.fontFamily !== 'inherit' && !fontsNames.includes(familyName)) {\n\t\t\t\t\tfontsNames.push(familyName);\n\n\t\t\t\t\tlocalFontObject.fonts['inline'+fontInlineIndex] = familyName;\n\t\t\t\t\tfontInlineIndex += 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet elementClasses = document.querySelectorAll('[class ^= ql-font-]');\n\t\t\tfor (let index = 0; index < elementClasses.length; index++) {\n\t\t\t\t// FIXME: Possible failure point, ql-font can be at different position...\n\t\t\t\tlet familyName = window.fontForRenderObject[elementClasses[index].classList[0]];\n\t\t\t\tif(!fontsNames.includes(familyName)) {\n\t\t\t\t\tfontsNames.push(familyName);\n\t\t\t\t\tlocalFontObject.fonts[elementClasses[index].classList[0]] = familyName\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn localFontObject;\n\t\t},\n\n\t\t// Finds all popup paths that were used on this page!\n\t\tfindUsedPopupPaths(){\n\t\t\tlet popups = [];\n\t\t\tlet popupBtns = document.querySelectorAll('#render-table a[href^=\"#popup-\"]');\n\t\t\tpopupBtns.forEach(btn => {\n\t\t\t\tlet href = btn.getAttribute('href');\n\t\t\t\thref = href.replace(\"#popup-\", \"\")\n\t\t\t\tif (!popups.includes(href))\n\t\t\t\t\tpopups.push(href);\n\t\t\t});\n\t\t\tlet defaultPopup = {}; // none\n\t\t\tlet pagePopup = this.page_props.basic.pagePopup;\n\t\t\tif (pagePopup && pagePopup.path && pagePopup.showWhen) {\n\t\t\t\tdefaultPopup = JSON.parse(JSON.stringify(pagePopup))\n\t\t\t}\n\t\t\treturn {pagePopup:defaultPopup, popups};\n\t\t},\n\t\tasync generateAndSave(open = false, redirect = false, openSaveTemplate=false) {\n\t\t\tif (this.emailTemplateName.length) {\n\n\t\t\t\t// save popup first!\n\t\t\t\tawait this.generateSavePopup();\n\n\t\t\t\t// no changes to save.\n\t\t\t\tif (openSaveTemplate && this.localEmailSavedStore === this.emailSavedStore) {\n\t\t\t\t\tthis.saveTemplatePopupOpen = true;\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tthis.saving = true;\n\n\t\t\t\t\tlet target = document.getElementById('render-table') || false;\n\t\t\t\t\t//console.log(target);\n\n\t\t\t\t\t//Temp solution to prevent <iframe> from rerendering video. Does not solve the main issue of freezing page with huge amount of elements.\n\t\t\t\t\tthis.renderedTemplate = target.outerHTML.replace(/data-frame-src/gm, \"src\");\n\n\t\t\t\t\tvar userId = this.initialData.user //Temp\n\t\t\t\t\tvar editorConfigForSave = JSON.parse(JSON.stringify(this.$store.state.page.editor));\n\t\t\t\t\tvar configForSave = {\n\t\t\t\t\t\tchildren: [],\n\t\t\t\t\t\tcontent: [],\n\t\t\t\t\t\trows: []\n\t\t\t\t\t};\n\n\t\t\t\t\tconfigForSave.children = editorConfigForSave.children;\n\t\t\t\t\tconfigForSave.content = editorConfigForSave.content;\n\t\t\t\t\tconfigForSave.rows = editorConfigForSave.rows;\n\n\t\t\t\t\t//TEMP: Hover styles\n\t\t\t\t\tvar hoverStylesString = '<style id=\"el-hover-styles\">';\n\t\t\t\t\tconfigForSave.children.forEach(child => {\n\t\t\t\t\t\tif(child.attributes && child.attributes.hasOwnProperty('hover')) {\n\t\t\t\t\t\t\thoverStylesString += hoverStyles(child.type, child.attributes.hover, child.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\thoverStylesString+='</style>';\n\t\t\t\t\t//END Hover styles\n\n\t\t\t\t\tlet data = {\n\t\t\t\t\t\tbody_js: this.thisPage.customCode.body_js,\n\t\t\t\t\t\tconfig: JSON.stringify({editor: configForSave, page: this.thisPage.page}),\n\t\t\t\t\t\tcss: this.thisPage.customCode.css,\n\t\t\t\t\t\tfunnel_id: this.initialData.funnel,\n\t\t\t\t\t\thead_js: this.thisPage.customCode.head_js,\n\t\t\t\t\t\thtml: `${this.renderedTemplate} ${hoverStylesString}`,\n\t\t\t\t\t\tid: this.currentTemplate.id || 0,\n\t\t\t\t\t\tname: this.emailTemplateName || 'My new Page',\n\t\t\t\t\t\t// order_index: 0,\n\t\t\t\t\t\t// path: \"\",\n\t\t\t\t\t\tseo_description: this.currentTemplate.seo_description || '',\n\t\t\t\t\t\tseo_keywords: '',\n\t\t\t\t\t\tseo_title: this.currentTemplate.seo_title || '',\n\t\t\t\t\t\tstep_id: this.initialData.step,\n\t\t\t\t\t\t// template_id: 0,\n\t\t\t\t\t\tuser_id: this.initialData.user,\n\t\t\t\t\t\tfonts: JSON.stringify(this.getFonts()),\n\t\t\t\t\t\tpopups: JSON.stringify(this.findUsedPopupPaths()),\n\t\t\t\t\t}\n\n\t\t\t\t\tvar result = await this.api.wsteps.patchPage(parseInt(this.initialData.funnel), parseInt(this.initialData.step), data);\n\t\t\t\t\tif (result.error) {\n\t\t\t\t\t\tthis.$error(result);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tthis.templateId = result.id;\n\t\t\t\t\tthis.saving = false;\n\n\t\t\t\t\tif (this.initialData.funnel && this.initialData.step && redirect) {\n\t\t\t\t\t\tthis.$router.replace({\n\t\t\t\t\t\t\tpath:\n\t\t\t\t\t\t\t\t\t'/wfunnel/' + this.initialData.funnel +\n\t\t\t\t\t\t\t\t\t'/steps/' + this.initialData.step\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t\tif (openSaveTemplate) {\n\t\t\t\t\t\tthis.saveTemplatePopupOpen = true;\n\t\t\t\t\t}\n\t\t\t\t\tresult = null;\n\n\t\t\t\t\tthis.sendTestPopupProp = false;\n\t\t\t\t\tthis.localEmailSavedStore = this.emailSavedStore;\n\n\t\t\t\t} catch (e) {\n\t\t\t\t\tthis.$error(e)\n\t\t\t\t} finally {\n\t\t\t\t\tthis.saving = false;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\talert('Please enter template title');\n\t\t\t}\n\t\t},\n\t\tasync generateSavePopup() {\n\t\t\t\t// no changes to save.\n\t\t\tif (!this.current_popup) return;\n\n\t\t\t\t// if (this.localEmailSavedStore === this.emailSavedStore) {\n\t\t\t\t// \tthis.saveTemplatePopupOpen = true;\n\t\t\t\t// \treturn\n\t\t\t\t// }\n\n\t\t\t\ttry {\n\t\t\t\t\tthis.saving = true;\n\n\t\t\t\t\tlet target = document.getElementById('render-popup') || false;\n\n\t\t\t\t\t//Temp solution to prevent <iframe> from rerendering video.\n\t\t\t\t\tthis.popupTemplate = target.outerHTML.replace(/data-frame-src/gm, \"src\");\n\n\t\t\t\t\tlet userId = this.initialData.user //Temp\n\t\t\t\t\tlet popup = JSON.parse(JSON.stringify(this.current_popup));\n\t\t\t\t\tlet configForSave = {\n\t\t\t\t\t\tchildren: [],\n\t\t\t\t\t\tcontent: [],\n\t\t\t\t\t\trows: []\n\t\t\t\t\t};\n\n\t\t\t\t\tconfigForSave.children = popup.children;\n\t\t\t\t\tconfigForSave.content = popup.content;\n\t\t\t\t\tconfigForSave.rows = popup.rows;\n\t\t\t\t\tconfigForSave.attributes = popup.attributes;\n\n\t\t\t\t\t//TEMP: Hover styles\n\t\t\t\t\tlet hoverStylesString = '<style id=\"el-hover-styles\">';\n\t\t\t\t\tconfigForSave.children.forEach(child => {\n\t\t\t\t\t\tif(child.attributes && child.attributes.hasOwnProperty('hover')) {\n\t\t\t\t\t\t\thoverStylesString += hoverStyles(child.type, child.attributes.hover, child.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\thoverStylesString+='</style>';\n\t\t\t\t\t//END Hover styles\n\n\t\t\t\t\tpopup.config = JSON.stringify(configForSave);\n\t\t\t\t\tpopup.fonts = JSON.stringify(this.getFonts());\n\t\t\t\t\tpopup.html = `${this.popupTemplate} ${hoverStylesString}`;\n\n\t\t\t\t\tlet result = await this.api.popups.update(popup);\n\n\t\t\t\t\t// Update current popup config and other props!\n\t\t\t\t\tthis.current_popup.config = result.config;\n\t\t\t\t\tthis.current_popup.html = result.html;\n\t\t\t\t\tthis.current_popup.updated_at = result.updated_at;\n\n\t\t\t\t\t// this.templateId = result.id;\n\n\t\t\t\t\t// if (this.initialData.funnel && this.initialData.step && redirect) {\n\t\t\t\t\t// \tthis.$router.replace({\n\t\t\t\t\t// \t\tpath:\n\t\t\t\t\t// \t\t\t\t'/wfunnel/' + this.initialData.funnel +\n\t\t\t\t\t// \t\t\t\t'/steps/' + this.initialData.step\n\t\t\t\t\t// \t})\n\t\t\t\t\t// }\n\t\t\t\t\t// if (openSaveTemplate) {\n\t\t\t\t\t// \tthis.saveTemplatePopupOpen = true;\n\t\t\t\t\t// }\n\t\t\t\t\tresult = null;\n\n\t\t\t\t\t// this.sendTestPopupProp = false;\n\t\t\t\t\t// this.localEmailSavedStore = this.emailSavedStore;\n\n\t\t\t\t} catch (e) {\n\t\t\t\t\tthis.$error(e);\n\t\t\t\t} finally {\n\t\t\t\t\tthis.saving = false;\n\t\t\t\t}\n\t\t},\n\t\tresetView(id,tab) {\n\t\t\tif (id !== null) {\n\t\t\t\tlet block = this.page_findOne(id,this.current_popup)\n\t\t\t\tthis.$store.commit('PAGE_SET_TABID', {tab: tab, id, block});\n\t\t\t}\n\t\t},\n\t\tundoMe() {\n\t\t\tlet id = this.page_id;\n\t\t\tlet tab = this.page_tab;\n\t\t\tthis.$emit('undo')\n\t\t\tthis.resetView(id,tab)\n\t\t},\n\t\tredoMe() {\n\t\t\tlet id = this.page_id;\n\t\t\tlet tab = this.page_tab;\n\t\t\tthis.$emit('redo');\n\t\t\tthis.resetView(id,tab)\n\t\t},\n\t\tswitchView(mode) {\n\t\t\tthis.$store.dispatch('PAGE_SET_VIEW', mode)\n\t\t},\n\t\tsavePopupClose() {\n\t\t\tthis.savePopupOpen = false;\n\t\t},\n\t\tconfirmSavePopState(e) {\n\t\t\tif (this.redirecting) return;\n\n\t\t\tif (window.history && history.pushState) {\n\t\t\t\tif (this.localEmailSavedStore !== this.emailSavedStore) {\n\t\t\t\t\tif (confirm(\"You have unsaved changes, leave without saving them?\")) {\n\t\t\t\t\t\thistory.back();\n\t\t\t\t\t} else {\n\t\t\t\t\t\thistory.pushState(null, null, null);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tconfirmSave(e) {\n\t\t\tif (this.redirecting) return;\n\n\t\t\tif (this.localEmailSavedStore !== this.emailSavedStore) {\n\t\t\t\tconfirm(\"Save changes before exiting?\")\n\t\t\t}\n\n\t\t\t{\n\t\t\t\twindow.removeEventListener('beforeunload', this.confirmSave);\n\t\t\t\t// window.removeEventListener('popstate', this.confirmSavePopState);\n\t\t\t}\n\n\t\t\te.preventDefault()\n\t\t\te.returnValue = 'Are you sure you want to leave?'; // required by chrome\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.emailTemplateName = this.currentTemplate.name || 'My new Page';\n\t},\n\tcreated() {\n\t\twindow.addEventListener('beforeunload', this.confirmSave);\n\t\thistory.pushState(null, null, null); // creates new history entry with same URL\n\t\twindow.onpopstate = this.confirmSavePopState;\n\n\t\twindow.addEventListener('load', ()=>{\n\t\t\thistory.pushState(null, null, null); // creates new history entry with same URL\n\t\t\twindow.onpopstate = this.confirmSavePopState;\n\t\t});\n\t\twindow.addEventListener('keydown', this.handleKeydown)\n\t},\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('keydown', this.handleKeydown)\n\n\t\twindow.removeEventListener('beforeunload', this.confirmSave);\n\t\twindow.onpopstate = null;\n\n\t\t// window.removeEventListener('popstate', this.confirmSavePopState);\n\t},\n\tbeforeRouteLeave(to, from, next) {\n\t\tif (!this.redirecting && this.localEmailSavedStore !== this.emailSavedStore && !this.localRedirect) {\n\t\t\tthis.savePopupOpen = true;\n\t\t\tnext(false)\n\t\t} else {\n\t\t\tnext()\n\t\t}\n\t},\n}\n</script>\n<style lang=\"scss\" scoped >\n.editor_header {\n\tbackground-color: #fff;\n\tdisplay: flex;\n\tborder-bottom: 1px solid #E4E6F1;\n\tpadding: 6px 30px 6px 20px;\n\theight: auto;\n\talign-items: flex-end;\n\tz-index: 4;\n\n\t.page-name {\n\t\tcolor: #252A32;\n\t\tmargin-left: 10px;\n\t\tmargin-right: 200px;\n\t\t.external-link {\n\t\t\tmargin: 10px 0;\n\t\t}\n\t}\n\t.right {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\t.button {\n\t\tmargin-left: 15px;\n\t}\n\t.notification {\n\t\tmargin-left: 30px;\n\t}\n}\n\n</style>\n\n<style lang=\"scss\">\n.editor_header {\n\t.devices_btns {\n\t\t.small-btn {\n\t\t\tmargin: 0 3px;\n\t\t}\n\t}\n\t.undo_redo_group {\n\t\t.small-btn:not(.enabled) {\n\t\t\tpointer-events: none;\n\t\t\tsvg path {\n\t\t\t\t\tfill: #848488 !important;\n\t\t\t}\n\t\t}\n\t}\n}\n.page-name {\n\tdisplay: flex;\n\tflex: 1;\n\twidth: auto;\n\tmax-width: 300px;\n\tmargin-left: 30px;\n\tmargin-right: 20px;\n\twhite-space: nowrap;\n}\n.back_to_editor_btn {\n\tposition: fixed;\n\tleft: 20px;\n\ttop: 20px;\n\tz-index: 9999;\n}\n\n.undo_redo_btn {\n\topacity: 0.7;\n\tpointer-events: none;\n}\n\n.undo_redo_btn.active {\n\topacity: 1;\n\tpointer-events: all;\n}\n\n.switch_view_btn.active {\n\tpointer-events: none;\n}\n\n.go_back_btn {\n\tpadding: 4px 10px 4px 4px !important;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\theight: 30px;\n\tcursor: pointer;\n\tcolor: $black !important;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\twhite-space: nowrap;\n\tsvg.icon, svg path {\n\t\tfill: $black !important;\n\t}\n}\n\n.go_back_text {\n\tmargin-left: 10px;\n\tmargin-top: 5px;\n}\n\n.go_back_btn:hover {\n\tcolor: #284dc6;\n}\n\n/* --------------------- left nav */\n.header_left_box {\n\twidth: 300px;\n\tmin-width: 300px;\n\tpadding-right: 10px;\n\tposition: relative;\n}\n.header_left_box:after {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\tright: 0;\n\tbottom: -5px;\n\tbackground: #E4E6F1;\n\theight: 30px;\n\twidth: 1px;\n}\n.editor_header_nav {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n}\n.editor_header_nav li+li {\n\tmargin-left: 12px;\n}\n.editor_header_nav li .logo {\n\tmargin-right: 5px;\n}\n\n.editor_header_nav li:last-child {\n\tmargin-left: auto;\n}\n.editor_header_nav li a svg path {\n\tfill: #A4B4D3;\n}\n.editor_header_nav li a.router-link-exact-active svg path {\n\tfill: #449CF4;\n}\n.editor_header .header_left_box .logo img {\n    width: 25px;\n    height: 25px;\n}\n.header_right_box {\n\tposition: relative;\n\tflex: 1;\n\tdisplay: flex;\n\t.go_back_btn {\n\t\tmargin-left: 10px;\n\t}\n}\n\n.app-page-editor .editor_header .right {\n\twidth: 100%;\n    justify-content: flex-end;\n}\n.app-page-editor .editor_header .sm_btns_group.devices_btns {\n    margin-left: auto;\n}\n.app-page-editor .editor_header .undo_redo_group {\n\tmargin-right: auto;\n    margin-left: 50px;\n}\n.app-page-editor .sidebar_open_mob_btn {\n\tright: -80px;\n}\n@media (max-width: 991px) {\n\t.header_left_box {\n\t\twidth: initial;\n    \tmin-width: initial;\n\t}\n\t.editor_header_nav li:last-child {\n\t\tmargin-left: 19px;\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!./EditorHeader.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!./EditorHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorHeader.vue?vue&type=template&id=b5e92e7c&scoped=true&\"\nimport script from \"./EditorHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditorHeader.vue?vue&type=style&index=0&id=b5e92e7c&prod&lang=scss&scoped=true&\"\nimport style1 from \"./EditorHeader.vue?vue&type=style&index=1&id=b5e92e7c&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  \"b5e92e7c\",\n  null\n  \n)\n\nexport default component.exports","export default function(func, wait, immediate) {\n    var timeout;\n    return function() {\n        var context = this,\n            args = arguments;\n        var later = function() {\n            timeout = null;\n            if (!immediate) func.apply(context, args);\n        };\n        var callNow = immediate && !timeout;\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n        if (callNow) func.apply(context, args);\n    };\n};","module.exports = __webpack_public_path__ + \"img/undo.3031c29a.svg\";","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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"section\",class:[_vm.advanced.cssClasses, _vm.sectionWidth, _vm.responsiveClasses, {sticky_show_after:_vm.sticky.after>1}],style:([_vm.sectionStyle]),attrs:{\"data-eid\":_vm.section.id,\"data-show_after\":_vm.sticky.after||null,\"data-sticky_distance\":_vm.sticky.distance||null,\"data-sticky_position\":_vm.sticky.position||null,\"id\":_vm.section.id}},_vm._l((_vm.rows),function(row){return _c('RenderRow',{key:'_row_'+row.id,attrs:{\"is-popup\":_vm.isPopup,\"row\":row}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section_row\",class:[_vm.rowClasses, _vm.responsiveClasses, {sticky_show_after: _vm.sticky.after>1}],style:(_vm.rowStyle),attrs:{\"data-show_after\":_vm.sticky.after||null,\"data-eid\":_vm.row.id,\"data-sticky_distance\":_vm.sticky.distance||null,\"data-sticky_position\":_vm.sticky.position||null,\"id\":_vm.row ? _vm.row.id : null}},_vm._l((_vm.row.cols),function(col,index){return _c('RenderColumn',{key:'_col_'+index,attrs:{\"col\":col,\"col-index\":index,\"is-popup\":_vm.isPopup}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{key:_vm.colIndex+'_col_',staticClass:\"row-column\",style:('width: '+_vm.col.width + '%;')},_vm._l((_vm.blocks),function(block){return _c('RenderBlock',{key:block.id,attrs:{\"block\":block,\"is-popup\":_vm.isPopup}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t\t<div class=\"row-column\" :style=\"'width: '+col.width + '%;'\" :key=\"colIndex+'_col_'\">\n\t\t\t<!-- CHILDREN -->\n\t\t\t<RenderBlock  v-for=\"block in blocks\" :key=\"block.id\" :block=\"block\" :is-popup=\"isPopup\" />\n\t\t\t<!-- CHILDREN END -->\n\t\t</div>\n</template>\n\n<script>\nimport {borderProps, boxShadow, fontProps, getPadding} from \"@/modules/page-editor/src/utils/props\";\nimport RenderBlock from \"@/modules/page-editor/src/renderer/RenderBlock\";\nimport {mapGetters} from \"vuex\";\n\nexport default {\n\tname: \"RenderColumn\",\n\tcomponents: {RenderBlock},\n\tprops:{\n\t\tcolIndex:{\n\t\t\tdefault: 0,\n\t\t},\n\t\tcol:{\n\t\t\tdefault: () => null,\n\t\t},\n\t\tisPopup: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\t...mapGetters(['page_findChildren']),\n\t\tblocks(){\n\t\t\treturn this.page_findChildren(this.col.children, this.isPopup)\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\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!./RenderColumn.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!./RenderColumn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RenderColumn.vue?vue&type=template&id=796cd32d&scoped=true&\"\nimport script from \"./RenderColumn.vue?vue&type=script&lang=js&\"\nexport * from \"./RenderColumn.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  \"796cd32d\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"section_row\"  :style=\"rowStyle\" :data-show_after=\"sticky.after||null\"\n\t     :data-eid=\"row.id\"\n\t     :data-sticky_distance=\"sticky.distance||null\" :data-sticky_position=\"sticky.position||null\"\n\t     :class=\"[rowClasses, responsiveClasses, {sticky_show_after: sticky.after>1}]\" :id=\"row ? row.id : null\">\n\t\t<!-- COLS -->\n\t\t<RenderColumn :col=\"col\" :col-index=\"index\" :key=\"'_col_'+index\" :is-popup=\"isPopup\"\n\t\t              v-for=\"(col, index) in row.cols\" />\n\t\t<!-- COLS END -->\n\t</div>\n</template>\n\n<script>\nimport {backgroundProps, borderProps, boxShadow, fontProps, getPadding} from \"@/modules/page-editor/src/utils/props\";\n// import RenderBlock from \"@/modules/page-editor/src/renderer/RenderBlock\";\nimport RenderColumn from \"@/modules/page-editor/src/renderer/RenderColumn\";\n\nexport default {\n\tname: \"RenderRow\",\n\tcomponents: {RenderColumn},\n\tprops:{\n\t\trow:{\n\t\t\tdefault: () => null,\n\t\t},\n\t\tisPopup: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\trowClasses(){\n\t\t\treturn (this.row && this.row.attributes.advanced) ? this.row.attributes.advanced.cssClasses : ''\n\t\t},\n\t\tblockResponsive() {\n\t\t\treturn this.row ? this.row.responsive: {};\n\t\t},\n\t\tresponsiveClasses() {\n\t\t\tlet c = '';\n\t\t\tif (!this.blockResponsive) return '';\n\t\t\tif (!this.blockResponsive.desktop) c = 'no-desktop';\n\t\t\tif (!this.blockResponsive.mobile) c += ' no-mobile';\n\t\t\tif (!this.blockResponsive.tablets) c += ' no-tablet';\n\t\t\treturn c;\n\t\t},\n\t\tsticky() {\n\t\t\tif (!this.row.attributes || !this.row.attributes.advanced) return {};\n\n\t\t\tlet sticky = this.row.attributes.advanced.sticky;\n\t\t\tif (!sticky || !sticky.enabled) return {};\n\t\t\treturn sticky;\n\t\t},\n\t\trowStyle() {\n\t\t\tif (!this.row) return {}\n\t\t\tlet basic = this.row.attributes.basic;\n\t\t\tlet advanced = this.row.attributes.advanced;\n\n\t\t\tlet sticky = advanced.sticky;\n\t\t\tlet d = {};\n\t\t\tif (sticky && sticky.enabled) {\n\t\t\t\td = {position:'sticky',zIndex:'10'}\n\t\t\t\tif (sticky.position==='top')\n\t\t\t\t\td.top = (sticky.distance||0)+'px';\n\t\t\t\telse\n\t\t\t\t\td.bottom = (sticky.distance||0)+'px';\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...borderProps(basic.border),\n\t\t\t\t...fontProps(basic.font),\n\t\t\t\tboxShadow: boxShadow(basic.shadows),\n\t\t\t\tmargin: getPadding(basic.margin),\n\t\t\t\tpadding: getPadding(basic.padding),\n\n\t\t\t\t...d,\n\n\t\t\t\tbackgroundColor: basic.backgroundColor || null,\n\t\t\t\t...backgroundProps(basic),\n\t\t\t};\n\t\t}\n\t},\n\tmethods:{\n\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\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!./RenderRow.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!./RenderRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RenderRow.vue?vue&type=template&id=4b3acc2c&scoped=true&\"\nimport script from \"./RenderRow.vue?vue&type=script&lang=js&\"\nexport * from \"./RenderRow.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  \"4b3acc2c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<section class=\"section\" :style=\"[sectionStyle]\"\n\t         :data-eid=\"section.id\"\n\t         :data-show_after=\"sticky.after||null\" :data-sticky_distance=\"sticky.distance||null\"\n\t         :data-sticky_position=\"sticky.position||null\"\n\t         :class=\"[advanced.cssClasses, sectionWidth, responsiveClasses, {sticky_show_after:sticky.after>1}]\"\n\t         :id=\"section.id\">\n\t\t<RenderRow :is-popup=\"isPopup\" v-for=\"row in rows\" :row=\"row\" :key=\"'_row_'+row.id\" />\n\t</section>\n</template>\n\n<script>\nimport {backgroundProps, borderProps, boxShadow, fontProps, getPadding} from \"@/modules/page-editor/src/utils/props\";\nimport {mapGetters} from \"vuex\";\nimport RenderRow from \"@/modules/page-editor/src/renderer/RenderRow\";\n\nexport default {\n\tname: \"RenderSection\",\n\tcomponents: {RenderRow},\n\tprops:{\n\t\tsection:{\n\t\t\tdefault: () => null,\n\t\t},\n\t\tisPopup: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\t...mapGetters(['page_findRows']),\n\t\tadvanced(){\n\t\t\tif (!this.section.attributes) return {};\n\t\t\treturn this.section.attributes.advanced || {}\n\t\t},\n\t\tbasic(){\n\t\t\tif (!this.section.attributes) return {};\n\t\t\treturn this.section.attributes.basic || {}\n\t\t},\n\t\tblockResponsive() {\n\t\t\treturn this.section ? this.section.responsive: {};\n\t\t},\n\t\trows(){\n\t\t\treturn this.page_findRows(this.section.children, this.isPopup);\n\t\t},\n\t\tresponsiveClasses() {\n\t\t\tlet c = '';\n\t\t\tif (!this.blockResponsive) return '';\n\t\t\tif (!this.blockResponsive.desktop) c = 'no-desktop';\n\t\t\tif (!this.blockResponsive.mobile) c += ' no-mobile';\n\t\t\tif (!this.blockResponsive.tablets) c += ' no-tablet';\n\t\t\treturn c;\n\t\t},\n\t\tsticky() {\n\t\t\tif (!this.advanced) return {};\n\n\t\t\tlet sticky = this.advanced.sticky;\n\t\t\tif (!sticky || !sticky.enabled) return {};\n\t\t\treturn sticky;\n\t\t},\n\t\tsectionStyle() {\n\t\t\tif (!this.section) return {}\n\t\t\tlet basic = this.basic;\n\t\t\tlet advanced = this.advanced;\n\n\t\t\tlet sticky = advanced.sticky;\n\t\t\tlet d = {};\n\t\t\tif (sticky && sticky.enabled) {\n\t\t\t\td = {position:'sticky',zIndex:'10'}\n\t\t\t\tif (sticky.position==='top')\n\t\t\t\t\td.top = (sticky.distance||0)+'px';\n\t\t\t\telse\n\t\t\t\t\td.bottom = (sticky.distance||0)+'px';\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...borderProps(basic.border),\n\t\t\t\t...fontProps(basic.font),\n\t\t\t\tboxShadow: boxShadow(basic.shadows),\n\t\t\t\tmargin: getPadding(basic.margin),\n\t\t\t\tpadding: getPadding(basic.padding),\n\n\t\t\t\t...d,\n\n\t\t\t\tbackgroundColor: basic.backgroundColor || null,\n\t\t\t\t...backgroundProps(basic),\n\t\t\t};\n\t\t},\n\t\tsectionWidth() {\n\t\t\tlet basic = this.basic;\n\t\t\treturn basic.width || 'full';\n\t\t},\n\t\tsectionMargin(){\n\t\t\treturn {\n\t\t\t\tmargin: getPadding(this.basic.margin),\n\t\t\t};\n\t\t},\n\t},\n\tmethods:{\n\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\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!./RenderSection.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!./RenderSection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RenderSection.vue?vue&type=template&id=6bea8f81&scoped=true&\"\nimport script from \"./RenderSection.vue?vue&type=script&lang=js&\"\nexport * from \"./RenderSection.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  \"6bea8f81\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"image-slider\",class:[_vm.responsiveClasses, 'el-'+_vm.details.id, _vm.classes],style:(_vm.style),attrs:{\"id\":_vm.advanced.cssId}},[_c('v-style',[_vm._v(\" \"+_vm._s(_vm.css)+\" \")]),_c('v-script'),_c('div',{staticClass:\"is-image-wrapper\"},[_c('div',{staticClass:\"image-resize img\"},[_c('img',{class:['lazyload', _vm.advanced.cssClasses],style:(_vm.imgStyle),attrs:{\"crossorigin\":\"anonymous\",\"src\":\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\",\"data-srcset\":_vm.imgxSrcSet,\"alt\":\"\",\"data-sizes\":\"auto\",\"data-src\":_vm.imgxSrc,\"width\":_vm.width,\"id\":_vm.advanced.cssId,\"height\":_vm.height}})]),_c('a',{staticClass:\"prev\"},[_vm._v(\"❮\")]),_c('a',{staticClass:\"next\"},[_vm._v(\"❯\")])]),_c('div',{staticClass:\"is-thumbs-wrapper\"},[_c('div',{staticClass:\"is-thumbnails\"},_vm._l((_vm.localData.slides),function(slide){return _c('div',{key:slide.id,staticClass:\"is-thumbnail\",class:{'selected':slide.id===_vm.localData.selectedSlide},style:({width:_vm.thumbWidth, height:_vm.thumbHeight}),attrs:{\"data-img\":_vm.imgxImg(slide.img)}},[_c('img',{ref:`sub-image-${slide.id}`,refInFor:true,staticClass:\"lazyload\",attrs:{\"alt\":\"\",\"src\":\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\",\"data-src\":_vm.imgxThumb(slide.img),\"loading\":\"lazy\"}})])}),0)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"image-slider\" :id=\"advanced.cssId\"\n\t     :class=\"[responsiveClasses, 'el-'+details.id, classes]\" :style=\"style\">\n\t\t<v-style>\n\t\t\t{{css}}\n\t\t</v-style>\n\t\t<v-script>\n\n\t\t</v-script>\n\t\t<div class=\"is-image-wrapper\">\n\t\t\t<div class=\"image-resize img\">\n\t\t\t\t<img crossorigin=\"anonymous\"\n\t\t\t\tsrc=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\"\n\t\t\t\t:data-srcset=\"imgxSrcSet\"\n\t\t\t\talt=\"\"\n\t\t\t\tdata-sizes=\"auto\"\n\t\t\t\t:data-src=\"imgxSrc\"\n\t\t\t\t:class=\"['lazyload', advanced.cssClasses]\"\n\t\t\t\t:width=\"width\"\n\t\t\t\t:id=\"advanced.cssId\"\n\t\t\t\t:height=\"height\" :style=\"imgStyle\" />\n\t\t\t</div>\n\n\t\t\t<a class=\"prev\" >&#10094;</a>\n\t\t\t<a class=\"next\" >&#10095;</a>\n\t\t</div>\n\n\t\t<div class=\"is-thumbs-wrapper\">\n\t\t\t<div class=\"is-thumbnails\">\n\t\t\t\t<div class=\"is-thumbnail\" v-for=\"slide in localData.slides\" :key=\"slide.id\"\n\t\t\t\t     :style=\"{width:thumbWidth, height:thumbHeight}\"\n\t\t\t\t     :data-img=\"imgxImg(slide.img)\"\n\t\t\t\t     :class=\"{'selected':slide.id===localData.selectedSlide}\">\n\t\t\t\t\t<img :ref=\"`sub-image-${slide.id}`\"\n\t\t\t\t\t     class=\"lazyload\" alt=\"\"\n\t\t\t\t\t     src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\"\n\t\t\t\t\t     :data-src=\"imgxThumb(slide.img)\"\n\t\t\t\t\t     loading='lazy' />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport {\n\tborderProps,\n\tboxShadow,\n\tgetAlignment,\n\tgetPadding,\n\tresponsiveAlignStyles\n} from \"@/modules/page-editor/src/utils/props\";\n\nexport default {\n\tname: 'ImageSlider',\n\tprops: ['details'],\n\tcomputed: {\n\t\timgSrc() {\n\t\t\tlet def = 'images.funnelish.com/default/default-image.svg';\n\t\t\tif (this.currentSlide) {\n\t\t\t\treturn this.currentSlide.img || def;\n\t\t\t}\n\t\t\treturn def;\n\t\t},\n\t\tbasic() {\n\t\t\treturn this.details.attributes.basic;\n\t\t},\n\t\tadvanced() {\n\t\t\treturn this.details.attributes.advanced\n\t\t},\n\t\tresponsive() {\n\t\t\treturn this.details.responsive\n\t\t},\n\t\tclasses() {\n\t\t\treturn this.basic.previewProductImage ? 'product-image-preview' : '';\n\t\t},\n\t\tresponsiveClasses() {\n\t\t\tlet c = '';\n\t\t\tif (!this.responsive) return '';\n\t\t\tif (!this.responsive.desktop) c = 'no-desktop';\n\t\t\tif (!this.responsive.mobile) c += ' no-mobile';\n\t\t\tif (!this.responsive.tablets) c += ' no-tablet';\n\t\t\treturn c;\n\t\t},\n\t\theight() {\n\t\t\tlet currentHeight = this.basic.size && this.basic.size.height ? this.basic.size.height : 'auto';\n\t\t\tif(currentHeight !== 'auto') return currentHeight + 'px';\n\t\t\telse return currentHeight;\n\t\t},\n\t\twidth() {\n\t\t\tlet currentWidth = this.basic.size && this.basic.size.width ? this.basic.size.width : '100%';\n\t\t\tif(currentWidth !== '100%') {\n\t\t\t\treturn currentWidth + 'px';\n\t\t\t} else {\n\t\t\t\treturn '100%'\n\t\t\t}\n\t\t},\n\t\tlocalData() {\n\t\t\treturn this.details.content || {slides:[],selectedSlide:0};\n\t\t},\n\t\talignStyle() {\n\t\t\treturn {\n\t\t\t\talignItems: getAlignment(this.basic.align, this.current_view) || 'center'\n\t\t\t}\n\t\t},\n\t\tcurrentSlide() {\n\t\t\treturn this.localData.slides.find(x => x.id===this.localData.selectedSlide);\n\t\t},\n\t\tthumbHeight() {\n\t\t\tlet h = this.basic.thumbSize && this.basic.thumbSize.height ? this.basic.thumbSize.height : 'auto';\n\t\t\tif(h !== 'auto') return h + 'px';\n\t\t\telse return h;\n\t\t},\n\t\tthumbWidth() {\n\t\t\tlet w = this.basic.thumbSize && this.basic.thumbSize.width ? this.basic.thumbSize.width : '100%';\n\t\t\tif(w !== '100%') return w + 'px';\n\t\t\telse return w;\n\t\t},\n\t\timgxSizes() {\n\t\t\tif (!this.width) {\n\t\t\t\treturn \"100vw\"\n\t\t\t} else {\n\t\t\t\treturn this.width + \"px\"\n\t\t\t}\n\t\t},\n\t\timgxSrc() {\n\t\t\treturn this.imgxImg(this.imgSrc);\n\t\t},\n\t\timgxSrcSet() {\n\t\t\tlet src = this.imgxSrc;\n\t\t\t// prevent compressing gif/svg\n\t\t\tif (this.isGif(src)) return `${src}`;\n\n\t\t\treturn `${src} 1x`; // , ${src}&dpr=2 2x\n\t\t},\n\t\tcss() {\n\t\t\treturn responsiveAlignStyles(this.basic.align, this.details.id);\n\t\t},\n\t\timgStyle() {\n\t\t\treturn {\n\t\t\t\t...borderProps(this.basic.imageBorder),\n\t\t\t\tobjectFit: this.basic.fitImage ? this.basic.fitImage : null,\n\t\t\t};\n\t\t},\n\t\tstyle() {\n\t\t\treturn {\n\t\t\t\t...borderProps(this.advanced.border),\n\t\t\t\tmargin: getPadding(this.basic.margin),\n\t\t\t\tbackgroundColor: this.advanced.backgroundColor,\n\t\t\t\tboxShadow: boxShadow(this.advanced.shadows),\n\t\t\t\tobjectFit: this.basic.fitImage ? this.basic.fitImage : null,\n\t\t\t};\n\t\t},\n\t\twrapperStyle() {\n\t\t\treturn {\n\t\t\t\tmargin: getPadding(this.basic.margin),\n\t\t\t};\n\t\t},\n\n\t},\n\tmethods:{\n\t\timgxThumb(src) {\n\t\t\tsrc = src.replace(\"https://\", \"\")\n\t\t\tif (src.indexOf(\"images.funnelish.com\") >= 0) {\n\t\t\t\t// prevent compressing gif/svg\n\t\t\t\tif (this.isGif(src)) {\n\t\t\t\t\t// FIXME: cropping!\n\t\t\t\t\t// TODO: all images should be served from img.fnsh.com going forward.\n\t\t\t\t\tsrc = src.replace(\"images.funnelish.com\", \"img.funnelish.com\");\n\t\t\t\t\treturn `https://${src}`;\n\t\t\t\t}\n\t\t\t\tsrc = src.replace(\"images.funnelish.com\", \"img.funnelish.com\");\n\t\t\t\tlet w = this.thumbWidth;\n\t\t\t\tif (w.endsWith('px')) w = w.substr(0, w.length-2);\n\t\t\t\tlet h = this.thumbHeight;\n\t\t\t\tif (h.endsWith('px')) h = h.substr(0, h.length-2);\n\t\t\t\treturn `//${src}?auto=compress,format&fit=clip&w=${w}&h=${h}`;\n\t\t\t}\n\t\t\treturn `//${src}`;\n\t\t},\n\t\timgxImg(src) {\n\t\t\tsrc = src.replace(\"https://\", \"\")\n\t\t\tif (src.indexOf(\"images.funnelish.com\") >= 0) {\n\t\t\t\t// prevent compressing gif/svg\n\t\t\t\tif (this.isGif(src)) {\n\t\t\t\t\t// TODO: all images should be served from img.fnsh.com going forward.\n\t\t\t\t\tsrc = src.replace(\"images.funnelish.com\", \"img.funnelish.com\");\n\t\t\t\t\treturn `https://${src}`;\n\t\t\t\t}\n\t\t\t\tlet w = this.width;\n\t\t\t\tif (w.endsWith('px')) w = w.substr(0, w.length-2);\n\t\t\t\tlet h = this.height;\n\t\t\t\tif (h.endsWith('px')) h = h.substr(0, h.length-2);\n\n\t\t\t\tsrc = src.replace(\"images.funnelish.com\", \"img.funnelish.com\");\n\t\t\t\treturn `//${src}?auto=compress,format&optimize=medium&fit=clip&w=${w}&h=${h}`;\n\t\t\t}\n\t\t\treturn `//${src}`;\n\t\t},\n\t\tisGif(src){\n\t\t\tlet match = src.match(/\\.[0-9a-z]+$/i)\n\t\t\treturn (match && ['.svg','.gif'].includes(match[0]));\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!./ImageSlider.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!./ImageSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageSlider.vue?vue&type=template&id=23a3746e&\"\nimport script from \"./ImageSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageSlider.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/brush.2a36cf06.svg\";","module.exports = __webpack_public_path__ + \"img/redo.0944aedf.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!./EditorHeader.vue?vue&type=style&index=0&id=b5e92e7c&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/edit-popup.1f7482ff.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!./EditorHeader.vue?vue&type=style&index=1&id=b5e92e7c&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"element-wrapper\",class:{sticky_show_after:_vm.sticky.after>1},style:(_vm.stickyProps),attrs:{\"data-show_after\":_vm.sticky.after||null,\"data-sticky_distance\":_vm.sticky.distance||null,\"data-eid\":_vm.block.id,\"data-sticky_position\":_vm.sticky.position||null}},[(_vm.block)?_c('email-'+_vm.block.type,{tag:\"component\",attrs:{\"details\":_vm.block,\"is-popup\":_vm.isPopup}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-wrapper\"},[_c('v-style',[_vm._v(\" \"+_vm._s(_vm.css)+\" \")]),_c('div',{staticClass:\"container\",class:['el-'+_vm.details.id, _vm.advanced.cssClasses, _vm.responsiveClasses],style:(_vm.style),attrs:{\"id\":_vm.advanced.cssId}},_vm._l((_vm.boxes),function(box,index){return _c('container-box',{key:'box-'+index,attrs:{\"box-index\":index,\"is-popup\":_vm.isPopup,\"box\":box,\"container\":_vm.details}})}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-box\",class:['cbox-'+_vm.container.id+'-'+_vm.boxIndex]},_vm._l((_vm.blocks),function(block){return _c('RenderBlock',{key:block.id,attrs:{\"block\":block,\"is-popup\":_vm.isPopup}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"container-box\" :class=\"['cbox-'+container.id+'-'+boxIndex]\">\n\t\t\t<!-- CHILDREN -->\n\t\t\t<RenderBlock  v-for=\"block in blocks\" :key=\"block.id\" :block=\"block\" :is-popup=\"isPopup\" />\n\t\t\t<!-- CHILDREN END -->\n\t</div>\n</template>\n\n<script>\nimport {mapGetters} from \"vuex\";\n\nexport default {\n  name: 'ContainerBox',\n\tcomponents: {\n    \tRenderBlock: () => import(\"@/modules/page-editor/src/renderer/RenderBlock\")\n\t},\n\tprops: ['container','boxIndex','box', 'isPopup'],\n    computed: {\n    \t...mapGetters(['page_findChildren']),\n\n        basic() {\n            return this.details.attributes.basic\n        },\n        advanced() {\n            return this.details.attributes.advanced\n        },\n\t    responsive() {\n\t\t    return this.details.responsive\n\t    },\n\t    blocks() {\n\t\t    return this.page_findChildren(this.box.children, this.isPopup)\n\t    },\n    },\n    methods:{\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!./ContainerBox.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!./ContainerBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContainerBox.vue?vue&type=template&id=493f88be&\"\nimport script from \"./ContainerBox.vue?vue&type=script&lang=js&\"\nexport * from \"./ContainerBox.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","<template>\n\t<div class=\"container-wrapper\">\n\t\t<v-style>\n\t\t\t{{css}}\n\t\t</v-style>\n\n\t<div class=\"container\" :style=\"style\"\n\t     :id=\"advanced.cssId\"\n\t     :class=\"['el-'+details.id, advanced.cssClasses, responsiveClasses]\">\n\n\t\t<container-box v-for=\"(box,index) in boxes\"\n\t\t               :box-index=\"index\" :is-popup=\"isPopup\"\n\t\t               :box=\"box\" :container=\"details\" :key=\"'box-'+index\" />\n\t</div>\n\t</div>\n</template>\n\n<script>\nimport {\n\tboxShadow,\n\tmultiTextShadow,\n\tgetPadding,\n\tborderProps,\n\tresponsiveAlignStyles,\n\tresponsiveOrientationStyles\n} from \"@/modules/page-editor/src/utils/props\";\nimport ContainerBox from \"@/modules/page-editor/src/components/generator/ContainerBox\";\n\nexport default {\n    name: 'ContainerBlock', components: {ContainerBox},\n\tprops: ['details','addedClass', 'isPopup'],\n    computed: {\n        basic() {\n            return this.details.attributes.basic\n        },\n        advanced() {\n            return this.details.attributes.advanced\n        },\n        responsive() {\n            return this.details.responsive\n        },\n        responsiveClasses() {\n            let c = '';\n            if (!this.responsive) return '';\n            if (!this.responsive.desktop) c = 'no-desktop';\n            if (!this.responsive.mobile) c += ' no-mobile';\n            if (!this.responsive.tablets) c += ' no-tablet';\n            return c;\n        },\n\n\t    boxes(){\n        \treturn this.basic.boxes;\n\t    },\n\t    css() {\n\t\t    let align = responsiveAlignStyles(this.basic.align, this.details.id);\n\t\t    let orient = this.orientationStyles;\n\t\t    return align + '\\n ' + orient\n\t    },\n\t    orientationStyles() {\n        let id = this.details.id;\n        let o = this.basic.orientation;\n\n\t\t    if (!o) return '';\n\t\t    if (!o.mobile && !o.tablet) {\n\t\t\t    return `.el-${id} {\n    flex-direction: ${o.desktop||'column'};\n} ` + this.boxesStyle(o.desktop||'column');\n\n\t\t    } else {\n\t\t\t    return `.el-${id} {\n    flex-direction: ${o.mobile||o.desktop};\n} ${ this.boxesStyle(o.mobile||o.desktop) }\n\n@media screen and (min-width: 480px) {\n  .el-${id} {\n    flex-direction: ${o.tablet||o.desktop};\n  }\n  ${ this.boxesStyle(o.tablet||o.desktop) }\n}\n@media screen and (min-width: 1024px) {\n  .el-${id} {\n    flex-direction: ${o.desktop||'column'};\n  }\n  ${ this.boxesStyle(o.desktop||'column') }\n}`;\n\t\t    }\n\t    },\n      style() {\n        return {\n          ...borderProps(this.basic.border),\n            margin: getPadding(this.basic.margin),\n            padding: getPadding(this.advanced.padding),\n            backgroundColor: this.basic.backgroundColor || null,\n            boxShadow: boxShadow(this.basic.shadows),\n            textShadow: multiTextShadow(this.basic.textShadows),\n        };\n      }\n    },\n    methods:{\n\t    boxesStyle(orient='column') {\n\t\t    let code = ``;\n\t\t    this.boxes.forEach((b,index) => {\n\t\t    \tlet t = b.type||'%';\n\t\t\t    if (orient==='column')\n\t\t\t\t    code += ` .el-${this.details.id} > .container-box:nth-child(${index+1}) {\n\t\t\t\t\t\t\t    width: ${b.width===0?0:(b.width||100)}${t};\n\t\t\t\t\t\t\t    min-width: ${b.width===0?0:(b.width||100)}${t};\n\t\t\t\t\t\t\t    max-width: ${b.width===0?0:(b.width||100)}${t};\n\t\t\t\t\t\t\t} `;\n\t\t\t    else\n\t\t\t\t    code += ` .el-${this.details.id} > .container-box:nth-child(${index+1}) {\n\t\t\t\t\t\t    width: ${b.width===0?`0${t}`:(!b.width ? 'unset' : b.width+t)};\n\t\t\t\t\t\t    min-width: ${ !b.width ? `0` : b.width + t };\n\t\t\t\t\t\t    max-width: ${b.width===0?`0${t}`:(!b.width ? 'unset' : b.width+t)};\n\t\t\t\t\t\t} `\n\t\t    })\n\t\t    return code\n\t    },\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!./ContainerBlock.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!./ContainerBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContainerBlock.vue?vue&type=template&id=4565b742&\"\nimport script from \"./ContainerBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./ContainerBlock.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:\"faq-wrapper\"},[_c('v-style',[_vm._v(\" \"+_vm._s(_vm.headerCss)+\" \")]),_c('div',{staticClass:\"faq\",class:['el-'+_vm.details.id, _vm.advanced.cssClasses, _vm.responsiveClasses, {'active':_vm.isActive}],style:(_vm.style),attrs:{\"id\":_vm.advanced.cssId}},[_c('div',{staticClass:\"faq-header\",style:(_vm.headerStyle)},[_c('div',{staticClass:\"faq-title\"},[_vm._v(_vm._s(_vm.basic.title || ''))]),_c('inline-svg',{staticClass:\"faq-icon\",attrs:{\"src\":require('@/assets/img/arrow-bottom-cl.svg')}})],1),_c('div',{staticClass:\"faq-content-wrapper\"},[_c('div',{staticClass:\"faq-content\",style:(_vm.contentStyle)},_vm._l((_vm.blocks),function(block){return _c('RenderBlock',{key:block.id,attrs:{\"block\":block,\"is-popup\":_vm.isPopup}})}),1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"faq-wrapper\">\n\t\t<v-style>\n\t\t\t{{headerCss}}\n\t\t</v-style>\n\n\t<div class=\"faq\" :style=\"style\"\n\t     :id=\"advanced.cssId\"\n\t     :class=\"['el-'+details.id, advanced.cssClasses, responsiveClasses, {'active':isActive}]\">\n\n\t\t<div class=\"faq-header\" :style=\"headerStyle\">\n\t\t\t<div class=\"faq-title\">{{basic.title || ''}}</div>\n\t\t\t<inline-svg class=\"faq-icon\" :src=\"require('@/assets/img/arrow-bottom-cl.svg')\" />\n\t\t</div>\n\n\t\t<div class=\"faq-content-wrapper\">\n\t\t\t<div class=\"faq-content\" :style=\"contentStyle\">\n\t\t\t\t<!-- CHILDREN -->\n\t\t\t\t<RenderBlock  v-for=\"block in blocks\" :key=\"block.id\" :block=\"block\" :is-popup=\"isPopup\" />\n\t\t\t\t<!-- CHILDREN END -->\n\t\t\t</div>\n\t\t</div>\n\n\t</div>\n\t</div>\n</template>\n\n<script>\nimport {\n\tboxShadow,\n\tmultiTextShadow,\n\tgetPadding,\n\tborderProps,\n\tresponsiveFontStyles,\n\tfontProps,\n\tgetTextAlign,\n\thoverBorderProps,\n\thoverFontProps, generateCss\n} from \"@/modules/page-editor/src/utils/props\";\nimport ContainerBox from \"@/modules/page-editor/src/components/generator/ContainerBox\";\nconst RenderBlock = () => import(\"@/modules/page-editor/src/renderer/RenderBlock\");\nimport {mapGetters} from \"vuex\";\n\nexport default {\n  name: 'ContainerBlock', components: {RenderBlock, ContainerBox},\n\tprops: ['details','addedClass', 'isPopup'],\n  computed: {\n\t\t...mapGetters(['page_findChildren']),\n      basic() {\n          return this.details.attributes.basic\n      },\n      advanced() {\n          return this.details.attributes.advanced\n      },\n      responsive() {\n          return this.details.responsive\n      },\n\t  isActive() {\n\t\t\treturn this.basic.isActive && this.basic.isActive.booleanValue;\n\t  },\n      responsiveClasses() {\n          let c = '';\n          if (!this.responsive) return '';\n          if (!this.responsive.desktop) c = 'no-desktop';\n          if (!this.responsive.mobile) c += ' no-mobile';\n          if (!this.responsive.tablets) c += ' no-tablet';\n          return c;\n      },\n\n    blocks() {\n\t    return this.page_findChildren(this.details.children, this.isPopup)\n    },\n    headerCss() {\n\t    let css = responsiveFontStyles(this.basic.font, this.details.id, '.faq-header');\n\t\t\tlet id = this.details.id;\n\t    let hover = this.details.attributes.hover || {};\n\t    let active = this.details.attributes.active || {};\n\t\t\tlet basic = this.basic || {};\n\n\t    let s = `\\n .el-${id} .faq-header {\n\t      ${generateCss({backgroundColor:basic.headerBackgroundColor})}\n\t\t\t\t${generateCss(borderProps(basic.headerBorder))}\n\t\t\t\t${generateCss(fontProps(basic.font))}\n\t\t\t\t${generateCss(boxShadow(basic.headerShadows))}\n\t\t\t\t${generateCss(multiTextShadow(basic.textShadows))}\n\t\t\t} `\n\t\t\ts += `\\n .el-${id} .faq-header:hover {\n\t      ${generateCss({backgroundColor:hover.headerBackgroundColor})}\n\t\t\t\t${generateCss(borderProps(hover.headerBorder))}\n\t\t\t\t${generateCss(fontProps(hover.font))}\n\t\t\t\t${generateCss(boxShadow(hover.headerShadows))}\n\t\t\t\t${generateCss(multiTextShadow(hover.textShadows))}\n\t\t\t} `\n\t    s += `\\n .el-${id}.active .faq-header {\n\t      ${generateCss({backgroundColor:active.headerBackgroundColor})}\n\t\t\t\t${generateCss(borderProps(active.headerBorder))}\n\t\t\t\t${generateCss(fontProps(active.font))}\n\t\t\t\t${generateCss(boxShadow(active.headerShadows))}\n\t\t\t\t${generateCss(multiTextShadow(active.textShadows))}\n\t\t\t} `\n\t\t\treturn css + s;\n    },\n    style() {\n      return {\n\t      margin: getPadding(this.basic.margin),\n      };\n    },\n\t  headerStyle() {\n\t\t\t\treturn {\n\t\t\t\t\tflexDirection: this.basic.align!=='flex-start'?'row':'row-reverse',\n\t\t\t\t\tpadding: getPadding(this.advanced.headerPadding),\n\t\t\t\t}\n\t  },\n\t  contentStyle(){\n\t\t\t\treturn {\n\t\t\t\t\t...borderProps(this.basic.border),\n\t\t\t\t\tpadding: getPadding(this.advanced.padding),\n\t\t\t\t\tbackgroundColor: this.basic.backgroundColor || null,\n\t\t\t\t\tboxShadow: boxShadow(this.basic.shadows),\n\t\t\t\t}\n\t  }\n  },\n  methods:{\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!./Faq.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!./Faq.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Faq.vue?vue&type=template&id=5d0fc99f&\"\nimport script from \"./Faq.vue?vue&type=script&lang=js&\"\nexport * from \"./Faq.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:\"before-after-slider\",class:[_vm.responsiveClasses, 'el-'+_vm.details.id],style:(_vm.wrapperStyle),attrs:{\"id\":_vm.advanced.cssId}},[_c('v-style',[_vm._v(\" \"+_vm._s(_vm.css)+\" \")]),_c('div',{staticClass:\"bas-wrapper\",style:(_vm.style)},[_c('div',{staticClass:\"bas-before\"},[_c('img',{staticClass:\"content-image lazyload\",attrs:{\"crossorigin\":\"anonymous\",\"data-src\":_vm.lazyload?_vm.beforeImage:'',\"src\":_vm.lazyload?_vm.emptyImg:_vm.beforeImage,\"draggable\":\"false\"}}),(_vm.basic.showLabels)?_c('span',{staticClass:\"bas-label\",style:(_vm.labelStyle)},[_vm._v(\" \"+_vm._s(_vm.content.before)+\" \")]):_vm._e()]),_c('div',{staticClass:\"bas-after\"},[_c('img',{staticClass:\"content-image lazyload\",style:(_vm.clipPath),attrs:{\"crossorigin\":\"anonymous\",\"data-src\":_vm.lazyload?_vm.afterImage:'',\"src\":_vm.lazyload?_vm.emptyImg:_vm.afterImage,\"draggable\":\"false\"}}),(_vm.basic.showLabels)?_c('span',{staticClass:\"bas-label\",style:(_vm.labelStyle)},[_vm._v(\" \"+_vm._s(_vm.content.after)+\" \")]):_vm._e()]),_c('div',{staticClass:\"bas-scroller\"},[_c('svg',{staticClass:\"scroller__thumb\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"100\",\"height\":\"100\",\"viewBox\":\"0 0 100 100\"}},[_c('polygon',{attrs:{\"points\":\"0 50 37 68 37 32 0 50\",\"fill\":\"currentColor\"}}),_c('polygon',{attrs:{\"points\":\"100 50 64 32 64 68 100 50\",\"fill\":\"currentColor\"}})])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"before-after-slider\"\n\t     :id=\"advanced.cssId\"\n\t     :class=\"[responsiveClasses, 'el-'+details.id]\" :style=\"wrapperStyle\">\n\t\t<v-style>\n\t\t\t{{css}}\n\t\t</v-style>\n\t\t<div class=\"bas-wrapper\" :style=\"style\">\n\t\t\t<div class=\"bas-before\">\n\t\t\t\t<img class=\"content-image lazyload\"\n\t\t\t\t     crossorigin=\"anonymous\"\n\t\t\t\t     :data-src=\"lazyload?beforeImage:''\"\n\t\t\t\t     :src=\"lazyload?emptyImg:beforeImage\" draggable=\"false\"/>\n\t\t\t\t<span class=\"bas-label\" :style=\"labelStyle\" v-if=\"basic.showLabels\">\n\t\t\t\t\t{{content.before}}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div class=\"bas-after\">\n\t\t\t\t<img class=\"content-image lazyload\"\n\t\t\t\t     crossorigin=\"anonymous\"\n\t\t\t\t     :style=\"clipPath\"\n\t\t\t\t     :data-src=\"lazyload?afterImage:''\"\n\t\t\t\t     :src=\"lazyload?emptyImg:afterImage\" draggable=\"false\"/>\n\t\t\t\t<span class=\"bas-label\" :style=\"labelStyle\" v-if=\"basic.showLabels\">\n\t\t\t\t\t{{ content.after }}\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t<div class=\"bas-scroller\">\n\t\t\t\t<svg class=\"scroller__thumb\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\">\n\t\t\t\t\t<polygon points=\"0 50 37 68 37 32 0 50\" fill=\"currentColor\"/>\n\t\t\t\t\t<polygon points=\"100 50 64 32 64 68 100 50\" fill=\"currentColor\"/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport {\n\tborderProps, boxShadow, fontProps, getPadding, responsiveAlignStyles\n} from \"@/modules/page-editor/src/utils/props\";\nimport {linkTarget, linkUrl} from \"@/helpers/actionData\";\n\nexport default {\n\tname: 'BeforeAfterSlider',\n\tprops: ['details'],\n\tdata(){\n\t\treturn {\n\t\t\temptyImg: 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==',\n\t\t}\n\t},\n\tcomputed: {\n\t\tbasic() {\n\t\t\treturn this.details.attributes.basic;\n\t\t},\n\t\tadvanced() {\n\t\t\treturn this.details.attributes.advanced\n\t\t},\n\t\tcontent() {\n\t\t\treturn this.details.content;\n\t\t},\n\t\tresponsive() {\n\t\t\treturn this.details.responsive\n\t\t},\n\t\tbeforeImage(){\n\t\t\treturn this.imgSrc(this.basic.beforeImage);\n\t\t},\n\t\tafterImage(){\n\t\t\treturn this.imgSrc(this.basic.afterImage);\n\t\t},\n\t\tresponsiveClasses() {\n\t\t\tlet c = '';\n\t\t\tif (!this.responsive) return '';\n\t\t\tif (!this.responsive.desktop) c = 'no-desktop';\n\t\t\tif (!this.responsive.mobile) c += ' no-mobile';\n\t\t\tif (!this.responsive.tablets) c += ' no-tablet';\n\t\t\treturn c;\n\t\t},\n\t\tlazyload(){\n\t\t\treturn !this.basic.lazyload || this.basic.lazyload.booleanValue===true;\n\t\t},\n\t\tclipPath(){\n\t\t\treturn {\n\t\t\t\tclipPath:`inset(0 50% 0 0)`,\n\t\t\t}\n\t\t},\n\t\tlabelStyle() {\n\t\t\treturn {\n\t\t\t\tbackgroundColor: this.basic.labelsBgColor,\n\t\t\t\t...fontProps(this.basic.labelsFont)\n\t\t\t};\n\t\t},\n\t\theight() {\n\t\t\tlet currentHeight = this.basic.size && this.basic.size.height ? this.basic.size.height : '';\n\t\t\tif (currentHeight) return currentHeight;\n\t\t\telse return false;\n\t\t},\n\t\twidth() {\n\t\t\tlet currentWidth = this.basic.size && this.basic.size.width ? this.basic.size.width : '';\n\t\t\tif (currentWidth) return currentWidth;\n\t\t\telse return false;\n\t\t},\n\t\tfh() {\n\t\t\treturn this.height || \"\";\n\t\t},\n\t\tfw() {\n\t\t\treturn this.width || \"\";\n\t\t},\n\t\tcss() {\n\t\t\tlet c = this.basic.separatorColor;\n\t\t\tlet s = !c ? '' : ` .el-${this.details.id} .bas-scroller:before,\n\t\t\t  .el-${this.details.id} .bas-scroller:after {\n\t\t\t    background: ${c};\n\t\t\t  }\n\t\t\t  .el-${this.details.id} .bas-scroller  .scroller__thumb {\n\t\t\t    color: ${c};\n\t\t\t    border-color:${c};\n\t\t\t  }`;\n\n\t\t\treturn responsiveAlignStyles(this.basic.align, this.details.id) + s;\n\t\t},\n\t\t// style() {\n\t\t// \treturn {\n\t\t// \t\t...borderProps(this.basic.border),\n\t\t// \t\tboxShadow: boxShadow(this.basic.shadows),\n\t\t// \t\tobjectFit: this.basic.fitImage ? this.basic.fitImage : null,\n\t\t// \t};\n\t\t// },\n\t\tstyle() {\n\t\t\treturn {\n\t\t\t\t...borderProps(this.basic.border),\n\t\t\t\tboxShadow: boxShadow(this.basic.shadows),\n\t\t\t\twidth:this.width?this.width+'px':'100%',\n\t\t\t\theight:this.height?this.height+'px':'fit-content',\n\t\t\t};\n\t\t},\n\t\twrapperStyle() {\n\t\t\treturn {\n\t\t\t\tmargin: getPadding(this.basic.margin),\n\t\t\t};\n\t\t},\n\t\tclickAction() {\n\t\t\treturn (this.basic.clickAction ? this.basic.clickAction.mainToggle : 'No action');\n\t\t}\n\t},\n\tmethods:{\n\t\timgSrc(src) {\n\t\t\tsrc = src || 'images.funnelish.com/default/default-image.svg';\n\t\t\tsrc = src.replace(\"https://\", \"\")\n\t\t\tif (src.indexOf(\"images.funnelish.com\") >= 0) {\n\t\t\t\tsrc = src.replace(\"images.funnelish.com\", \"img.funnelish.com\");\n\t\t\t\treturn `//${src}?auto=webp&clip=bounds${this.fw?`&width=${this.fw}`:''}${this.fh?`&height=${this.fh}`:''}`;\n\t\t\t}\n\t\t\treturn `//${src}`;\n\t\t},\n\t\tisGif(src){\n\t\t\tlet match = src.match(/\\.[0-9a-z]+$/i)\n\t\t\treturn (match && ['.svg','.gif'].includes(match[0]));\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!./BeforeAfterSlider.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!./BeforeAfterSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BeforeAfterSlider.vue?vue&type=template&id=93ab764e&\"\nimport script from \"./BeforeAfterSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./BeforeAfterSlider.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","<template>\n\n\t<div class=\"element-wrapper\" :style=\"stickyProps\"\n\t     :data-show_after=\"sticky.after||null\" :data-sticky_distance=\"sticky.distance||null\"\n\t     :data-eid=\"block.id\"\n\t     :data-sticky_position=\"sticky.position||null\" :class=\"{sticky_show_after:sticky.after>1}\">\n\t\t<component v-if=\"block\" :is=\"'email-'+block.type\" :details=\"block\" :is-popup=\"isPopup\" />\n\t</div>\n\n</template>\n\n<script>\nimport formSpacer from \"@/modules/page-editor/src/models/formSpacer\";\nimport spacer from \"@/modules/page-editor/src/components/generator/Spacer\";\nimport button from \"@/modules/page-editor/src/components/generator/Button\";\nimport headline from \"@/modules/page-editor/src/components/generator/Headline\";\nimport paragraph from \"@/modules/page-editor/src/components/generator/Paragraph\";\nimport image from \"@/modules/page-editor/src/components/generator/Image\";\nimport video from \"@/modules/page-editor/src/components/generator/Video\";\nimport link from \"@/modules/page-editor/src/components/generator/Link\";\nimport social from \"@/modules/page-editor/src/components/generator/Social\";\nimport menu from \"@/modules/page-editor/src/components/generator/Menu\";\nimport timer from \"@/modules/page-editor/src/components/generator/Timer\";\nimport custom from \"@/modules/page-editor/src/components/generator/Custom\";\nimport progressBar from \"@/modules/page-editor/src/components/generator/ProgressBar\";\nimport productList from \"@/modules/page-editor/src/components/generator/ProductList\";\nimport formElement from \"@/modules/page-editor/src/components/generator/FormElement\";\nimport paymentForm from \"@/modules/page-editor/src/components/generator/PaymentForm\";\nimport twoStepForm from \"@/modules/page-editor/src/components/generator/TwoStepForm\";\nimport orderSummary from \"@/modules/page-editor/src/components/generator/OrderSummary\";\nimport orderBump from \"@/modules/page-editor/src/components/generator/OrderBump\";\nimport imageSlider from \"@/modules/page-editor/src/components/generator/ImageSlider\";\nimport ContainerBlock from \"@/modules/page-editor/src/components/generator/ContainerBlock\";\nimport faq from \"@/modules/page-editor/src/components/generator/Faq\";\nimport BeforeAfterSlider from \"@/modules/page-editor/src/components/generator/BeforeAfterSlider\";\n\nexport default {\n\tname: \"RenderBlock\",\n\tprops:{\n\t\tblock:{\n\t\t\tdefault: () => null,\n\t\t},\n\t\tisPopup: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tcomponents: {\n\t\t// RenderSection,\n\t\t// RenderRow,\n\t\temailFaq: faq,\n\t\tformSpacer: formSpacer,\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\temailOrderSummary: orderSummary,\n\t\temailOrderBump: orderBump,\n\t\temailImageSlider: imageSlider,\n\t\temailContainer: ContainerBlock,\n\t\temailBeforeAfterSlider:BeforeAfterSlider,\n\t},\n\tcomputed:{\n\t\tsticky() {\n\t\t\tif (!this.block.attributes || !this.block.attributes.advanced) return {};\n\n\t\t\tlet sticky = this.block.attributes.advanced.sticky;\n\t\t\tif (!sticky || !sticky.enabled) return {};\n\t\t\treturn sticky;\n\t\t},\n\t\tstickyProps() {\n\t\t\tif (!this.block.attributes || !this.block.attributes.advanced) return {};\n\n\t\t\tlet sticky = this.sticky;\n\t\t\tif (!sticky.enabled) return {};\n\n\t\t\tif (sticky.after && sticky.after > 1) return {};\n\n\t\t\tlet d = {position:'sticky',zIndex:'10'}\n\t\t\tif (sticky.position==='top')\n\t\t\t\td.top = (sticky.distance||0)+'px';\n\t\t\telse\n\t\t\t\td.bottom = (sticky.distance||0)+'px';\n\n\t\t\treturn d\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\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!./RenderBlock.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!./RenderBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RenderBlock.vue?vue&type=template&id=8b814fa4&scoped=true&\"\nimport script from \"./RenderBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./RenderBlock.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  \"8b814fa4\",\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!./RenderTemplate.vue?vue&type=style&index=0&id=0dca8928&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!./SavePopup.vue?vue&type=style&index=1&id=56568d8a&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!./SaveAsTemplatePopup.vue?vue&type=style&index=0&id=4b557902&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!./SavePopup.vue?vue&type=style&index=0&id=56568d8a&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!./CodePopup.vue?vue&type=style&index=0&id=5944e6a6&prod&lang=scss&\""],"sourceRoot":""}