{"version":3,"sources":["webpack:///./src/modules/page-editor/src/components/content/ContainerBox.vue?a2c9","webpack:///./src/modules/page-editor/src/components/content/ContainerBox.vue","webpack:///src/modules/page-editor/src/components/content/ContainerBox.vue","webpack:///./src/modules/page-editor/src/components/content/ContainerBox.vue?c234","webpack:///./src/modules/page-editor/src/components/content/ContainerBox.vue?cfb2"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","blockListDropdownClose","expression","arg","boxIndex","staticClass","class","empty","style","boxStyle","active","showBlocksList","on","activeteRow","$event","stopPropagation","openBlockList","attrs","_e","key","counter","blocks","getGhostParent","upperDropPlaceholderOptions","getCommonPayload","props","onCommonDrop","id","index","dragStart","_l","childBlock","blockIndex","isPopup","rowId","container","col","isVisible","type","tag","staticRenderFns","components","blockFaq","WrapperDocking","blockBeforeAfterSlider","BlockWrapper","blockSpacer","blockButton","blockHeadline","blockParagraph","blockImage","blockVideo","blockLink","blockSocial","blockMenu","blockTimer","blockCustom","Container","Draggable","blockProgressBar","blockFormElement","blockTwoStepForm","blockPaymentForm","blockProductList","blockOrderSummary","blockOrderBump","blockImageSlider","blockContainer","ElementBlock","ColumnsToAddButton","data","className","animationDuration","showOnTop","addNewRowState","showBlocksListIndex","boxHovered","appendState","prependState","columnNumbersArray","computed","content","boxes","basic","advanced","getResponsive","display","w","width","minWidth","maxWidth","orientation","backgroundColor","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","margin","padding","boxShadow","methods","isEmpty","row","containerId","isBox","tab","dropResult","toBoxIndex","parent","element","fromBoxIndex","from","colFrom","indexFrom","to","colTo","indexTo","item","fromContainerId","toContainerId","sidabarElementDrop","rowFrom","isSource","payload","target","window","_this","clearDragClass","bgImage","src","rowClick","appendRow","cols","prependRow","cloneRow","clickOutRoot","clickOutEmpty","colDrag","event","ev","colDragEnd","block","clickOutsideTest","component"],"mappings":"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","file":"js/chunk-218db7ec.ede2dac6.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContainerBox.vue?vue&type=style&index=0&id=6fd7eba2&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"mousedown-outside\",rawName:\"v-mousedown-outside:[boxIndex]\",value:(_vm.blockListDropdownClose),expression:\"blockListDropdownClose\",arg:_vm.boxIndex}],staticClass:\"container-box\",class:{empty: _vm.empty},style:(_vm.boxStyle)},[(_vm.empty)?_c('div',{directives:[{name:\"mousedown-outside\",rawName:\"v-mousedown-outside:[boxIndex]\",value:(_vm.blockListDropdownClose),expression:\"blockListDropdownClose\",arg:_vm.boxIndex}],staticClass:\"plus_icon\",class:{active: _vm.showBlocksList},on:{\"mousedown\":_vm.activeteRow,\"click\":function($event){$event.stopPropagation();return _vm.openBlockList($event, _vm.boxIndex)}}},[_c('span',{staticClass:\"plus_icon_trigger\"},[_c('svg',{attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 20 20\",\"height\":\"20\",\"width\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M10.0002 19.1667C4.93755 19.1667 0.833496 15.0626 0.833496 10C0.833496 4.93743 4.93755 0.833374 10.0002 0.833374C15.0628 0.833374 19.1668 4.93743 19.1668 10C19.1668 15.0626 15.0628 19.1667 10.0002 19.1667ZM10.0002 17.5C14.1423 17.5 17.5002 14.1422 17.5002 10C17.5002 5.8579 14.1423 2.50004 10.0002 2.50004C5.85803 2.50004 2.50016 5.8579 2.50016 10C2.50016 14.1422 5.85803 17.5 10.0002 17.5ZM10.8335 9.16671H14.1668V10.8334H10.8335V14.1667H9.16683V10.8334H5.8335V9.16671H9.16683V5.83337H10.8335V9.16671Z\",\"fill\":\"#97AACD\"}})])])]):_vm._e(),(_vm.showBlocksList)?_c('div',{directives:[{name:\"draw-line\",rawName:\"v-draw-line\"}],staticClass:\"add_block_line\"}):_vm._e(),_c('Container',{key:'dnd_'+_vm.counter,attrs:{\"data-to-watch\":_vm.blocks,\"get-ghost-parent\":_vm.getGhostParent,\"group-name\":\"common\",\"orientation\":\"vertical\",\"drag-class\":\"ghost-dragging\",\"drop-placeholder\":_vm.upperDropPlaceholderOptions,\"non-drag-area-selector\":\".no-drag,.editor_active,.editable_text\",\"get-child-payload\":_vm.getCommonPayload(),\"tag\":{value: 'div', props: {class: 'common-level'}}},on:{\"drop\":function($event){return _vm.onCommonDrop($event, _vm.id, _vm.index)},\"drag-start\":_vm.dragStart}},_vm._l((_vm.blocks),function(childBlock,blockIndex){return _c('BlockWrapper',{key:'BlockWrapper_'+childBlock.id,attrs:{\"is-popup\":_vm.isPopup,\"id\":childBlock.id,\"index\":blockIndex,\"row\":_vm.rowId,\"containerId\":_vm.container.id,\"box-index\":_vm.boxIndex,\"block\":childBlock,\"col\":_vm.col}},[(_vm.isVisible(childBlock))?_c('keep-alive',[_c('block-'+childBlock.type,{tag:\"component\",attrs:{\"is-popup\":_vm.isPopup,\"containerId\":_vm.container.id,\"box-index\":_vm.boxIndex,\"block\":childBlock,\"id\":childBlock.id}})],1):_vm._e()],1)}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<!-- col -->\n\t<div class=\"container-box\" :class=\"{empty}\" :style=\"boxStyle\"\n\t     v-mousedown-outside:[boxIndex]=\"blockListDropdownClose\">\n\n\t\t<div class=\"plus_icon\" v-if=\"empty\" v-mousedown-outside:[boxIndex]=\"blockListDropdownClose\"\n\t\t     @mousedown=\"activeteRow\"\n\t\t     @click.stop=\"openBlockList($event, boxIndex)\"\n\t\t     :class=\"{active: showBlocksList}\" >\n          <span class=\"plus_icon_trigger\">\n            <svg fill=\"none\" viewBox=\"0 0 20 20\" height=\"20\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0002 19.1667C4.93755 19.1667 0.833496 15.0626 0.833496 10C0.833496 4.93743 4.93755 0.833374 10.0002 0.833374C15.0628 0.833374 19.1668 4.93743 19.1668 10C19.1668 15.0626 15.0628 19.1667 10.0002 19.1667ZM10.0002 17.5C14.1423 17.5 17.5002 14.1422 17.5002 10C17.5002 5.8579 14.1423 2.50004 10.0002 2.50004C5.85803 2.50004 2.50016 5.8579 2.50016 10C2.50016 14.1422 5.85803 17.5 10.0002 17.5ZM10.8335 9.16671H14.1668V10.8334H10.8335V14.1667H9.16683V10.8334H5.8335V9.16671H9.16683V5.83337H10.8335V9.16671Z\" fill=\"#97AACD\"></path>\n            </svg>\n          </span>\n\t\t</div>\n\n\t\t<div class=\"add_block_line\" v-if=\"showBlocksList\" v-draw-line></div>\n\n\t\t<Container :data-to-watch=\"blocks\"\n\t\t\t\t:key=\"'dnd_'+counter\"\n\t\t\t\t       :get-ghost-parent=\"getGhostParent\"\n\t\t           group-name=\"common\"\n\t\t           orientation=\"vertical\"\n\t\t           @drop=\"onCommonDrop($event, id, index)\"\n\t\t           @drag-start=\"dragStart\"\n\t\t           drag-class=\"ghost-dragging\"\n\t\t           :drop-placeholder=\"upperDropPlaceholderOptions\"\n\t\t           non-drag-area-selector=\".no-drag,.editor_active,.editable_text\"\n\t\t           :get-child-payload=\"getCommonPayload()\"\n\t\t           :tag=\"{value: 'div', props: {class: 'common-level'}}\">\n\n\t\t\t<!-- Render draggables even if they are not visible to make sure the right drag index is accounted for. -->\n\t\t\t<BlockWrapper v-for=\"(childBlock, blockIndex) in blocks\" :is-popup=\"isPopup\"\n\t\t\t\t\t              :id=\"childBlock.id\" :index=\"blockIndex\" :row=\"rowId\"\n\t\t\t\t\t              :containerId=\"container.id\" :box-index=\"boxIndex\"\n\t\t\t\t\t              :block=\"childBlock\" :col=\"col\" :key=\"'BlockWrapper_'+childBlock.id\">\n            <keep-alive v-if=\"isVisible(childBlock)\">\n\t\t\t\t\t\t\t<component :is=\"'block-'+childBlock.type\" :is-popup=\"isPopup\"\n\t\t\t\t\t\t\t           :containerId=\"container.id\" :box-index=\"boxIndex\"\n\t\t\t\t\t\t\t           :block=\"childBlock\" :id=\"childBlock.id\"  />\n            </keep-alive>\n\t\t\t\t\t</BlockWrapper>\n\n\t\t</Container>\n\t</div>\n\t<!-- col END -->\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\"\nimport { Container, Draggable } from 'vue-smooth-dnd'\nimport { applyDrag } from '@/modules/page-editor/src/utils/helpers'\n\nimport BlockWrapper from \"@/modules/page-editor/src/components/content/BlockWrapper.vue\";\n\nimport ElementBlock from \"@/modules/page-editor/src/components/sidebar/ElementBlock.vue\"\n\nimport ColumnsToAddButton from \"@/modules/page-editor/src/components/parts/ColumnsToAddButton\";\n\nimport spacer from \"@/modules/page-editor/src/components/content/Spacer.vue\";\nimport button from \"@/modules/page-editor/src/components/content/Button.vue\";\nimport headline from \"@/modules/page-editor/src/components/content/Headline.vue\";\nimport paragraph from \"@/modules/page-editor/src/components/content/Paragraph.vue\";\nimport image from \"@/modules/page-editor/src/components/content/Image.vue\";\nimport video from \"@/modules/page-editor/src/components/content/Video.vue\";\nimport link from \"@/modules/page-editor/src/components/content/Link.vue\";\nimport social from \"@/modules/page-editor/src/components/content/Social.vue\";\nimport menu from \"@/modules/page-editor/src/components/content/Menu.vue\";\nimport timer from \"@/modules/page-editor/src/components/content/Timer.vue\";\nimport custom from \"@/modules/page-editor/src/components/content/Custom.vue\";\nimport progressBar from \"@/modules/page-editor/src/components/content/ProgressBar.vue\";\nimport formElement from \"@/modules/page-editor/src/components/content/FormElement.vue\";\nimport twoStepForm from \"@/modules/page-editor/src/components/content/TwoStepForm.vue\";\nimport paymentForm from \"@/modules/page-editor/src/components/content/PaymentForm.vue\";\nimport productList from \"@/modules/page-editor/src/components/content/ProductList.vue\";\nimport orderSummary from \"@/modules/page-editor/src/components/content/OrderSummary.vue\";\nimport orderBump from \"@/modules/page-editor/src/components/content/OrderBump.vue\";\nimport WrapperDocking from \"@/modules/page-editor/src/components/base/wrapper-docking\";\nimport {\n\tborderProps, boxShadow, fontProps, getAlignment, getOrientation, getPadding\n} from \"@/modules/page-editor/src/utils/props\";\nimport imageSlider from \"@/modules/page-editor/src/components/content/ImageSlider\";\nimport Faq from \"@/modules/page-editor/src/components/content/Faq\";\nimport beforeAfterSlider from \"@/modules/page-editor/src/components/content/beforeAfterSlider\";\n\nlet counter = 0;\n\nexport default {\n    name: 'container-box',\n    props: ['index', 'col', 'box', 'rowId', 'container', 'boxIndex', 'isPopup'],\n    components: {\n\t    blockFaq:Faq,\n\t    WrapperDocking,\n\t    blockBeforeAfterSlider:beforeAfterSlider,\n        BlockWrapper,\n        blockSpacer: spacer,\n        blockButton: button,\n        blockHeadline: headline,\n        blockParagraph: paragraph,\n        blockImage: image,\n        blockVideo: video,\n        blockLink: link,\n        blockSocial: social,\n        blockMenu: menu,\n        blockTimer: timer,\n        blockCustom: custom,\n        Container, Draggable,\n        blockProgressBar: progressBar,\n        blockFormElement: formElement,\n        blockTwoStepForm: twoStepForm,\n        blockPaymentForm: paymentForm,\n        blockProductList: productList,\n        blockOrderSummary: orderSummary,\n\t\t    blockOrderBump: orderBump,\n\t\t    blockImageSlider: imageSlider,\n\t    blockContainer: () => import(\"@/modules/page-editor/src/components/content/ContainerBlock\"),\n        ElementBlock,\n        ColumnsToAddButton,\n    },\n    data() {\n        return {\n\t        counter: ++counter,\n\t        upperDropPlaceholderOptions: {\n\t\t        className: 'cards-drop-preview',\n\t\t        animationDuration: '50',\n\t\t        showOnTop: true\n\t        },\n            addNewRowState: false,\n\n            showBlocksList: false,\n            showBlocksListIndex: false,\n            boxHovered: false,\n            appendState: false,\n            prependState: false,\n            columnNumbersArray: ['one', 'two', 'three', 'four', 'five', 'six'],\n        }\n    },\n    computed: {\n        ...mapGetters(['page_findChildren', 'current_view']),\n        content() {\n            return this.container;\n        },\n\t    blocks(){\n\t\t    return this.page_findChildren(this.box.children, this.isPopup);\n\t    },\n\t    empty(){\n\t\t    return !this.box.children || !this.box.children.length\n\t    },\n\t    boxes(){\n\t\t    return this.container.attributes.basic.boxes;\n\t    },\n        basic() {\n            return this.content ? this.content.attributes.basic : false\n        },\n        advanced() {\n            return this.content ? this.content.attributes.advanced : false\n        },\n        getResponsive() {\n            var globalView = this.$store.state.page.view;\n            var currentView = this.content.responsive;\n            if(currentView && !currentView[globalView]) return {display: 'none'}\n            else return {display: 'flex'}\n        },\n\t    boxStyle() {\n\t\t    let w = `calc(${this.box.width===0?0:(this.box.width||100)}${this.box.type||'%'} - 2px)`\n\t\t    if (this.orientation==='row') {\n\t\t\t    if (this.box.width===0) w = `0${this.box.type||'%'}`;\n\t\t\t    if (!this.box.width) w = 'unset';\n\t\t\t    else w = `calc(${this.box.width}${this.box.type||'%'} - 2px)`;\n\t\t    }\n\n\t\t    return {\n\t\t\t    width:w,\n\t\t\t    minWidth:w==='unset'?0:w, // must be 0, otherwise it flex-box would grow to fit all children.\n\t\t\t    maxWidth:w\n\t\t    }\n\t    },\n\t    orientation(){\n\t\t    return getOrientation(this.basic.orientation, this.current_view);\n\t    },\n        id() {\n            return this.container.id;\n        },\n        style() {\n\t        return {\n\t\t        backgroundColor: this.basic.backgroundColor || null,\n\t\t        backgroundImage: this.bgImage(this.basic.backgroundImage),\n\t\t        backgroundPosition: 'center',\n\t\t        backgroundSize: 'cover',\n\t\t        backgroundRepeat: 'no-repeat',\n\t\t        margin: getPadding(this.basic.margin),\n\t\t        padding: getPadding(this.basic.padding),\n\t\t        ...borderProps(this.basic.border),\n\t\t        ...fontProps(this.basic.font),\n\t\t        boxShadow: boxShadow(this.basic.shadows),\n\t        };\n        },\n    },\n    methods: {\n\t    getGhostParent(){\n\t\t\t\treturn document.querySelector('.page-container.content-root');\n\t    },\n\t    isVisible(block){\n\t\t    let responsive = block.responsive;\n\t\t    return !(responsive && !responsive[this.current_view]);\n\t    },\n\t    openBlockList(ev, index){\n\t\t    if (this.showBlocksList) {\n\t\t\t    this.showBlocksList = false;\n\t\t\t    this.showBlocksListIndex = false;\n\t\t\t\t\treturn;\n\t\t    }\n\t\t    this.$store.commit('PAGE_SET_CURRENT_BLOCK_WRAPPER',\n\t\t\t\t    {isEmpty:true, index:0, id:this.container.id, row:this.rowId, col:index,\n\t\t\t\t\t    containerId: this.container.id, boxIndex: this.boxIndex, isBox: true});\n\n\t\t    this.$store.commit('PAGE_SET_TABID', {tab: 'add', id: this.container.id});\n\n\t\t    this.showBlocksList = true;\n\t\t    this.showBlocksListIndex = index;\n\t    },\n\t    onCommonDrop(dropResult = false, row, col) {\n\t\t    if (dropResult.addedIndex !== null && dropResult.payload\n\t\t\t\t    && dropResult.payload.element_type && dropResult.payload.structure) {\n\n\t\t\t    this.$store.dispatch('PAGE_ADD_ELEMENT',\n\t\t\t\t\t    {index:dropResult.addedIndex,type,\n\t\t\t\t\t\t    containerId: this.id, isBox: true,toBoxIndex:this.boxIndex,\n\t\t\t\t\t\t    parent: this.id, row, col, element:dropResult.payload});\n\n\t\t    } else if(dropResult && dropResult.addedIndex !== null && dropResult.payload &&\n\t\t\t\t    dropResult.payload.group === 'common') { //from toolbar\n\t\t\t    var {type} = dropResult.payload\n\t\t\t    this.$store.dispatch('PAGE_ADD_COMMON',\n\t\t\t\t\t    { type, row, col, index: dropResult.addedIndex,\n\t\t\t\t\t\t    fromBoxIndex:dropResult.payload.fromBoxIndex, toBoxIndex:this.boxIndex,\n\t\t\t\t\t\t    containerId: this.id, isBox: true});\n\n\t\t    } else if (dropResult.removedIndex !== null && dropResult.addedIndex !== null) { //from siblings\n\t\t\t    this.$store.commit('PAGE_DROP_COMMON', {...dropResult,\n\t\t\t\t    fromBoxIndex:dropResult.payload.fromBoxIndex, toBoxIndex:this.boxIndex,\n\t\t\t\t    containerId:this.id, isBox:true});\n\t\t    } else if(dropResult.addedIndex !== null) { //from outside\n\t\t\t    var to = row;\n\t\t\t    var colTo = col;\n\t\t\t    var indexTo = dropResult.addedIndex;\n\t\t\t    var from = dropResult.payload.rowFrom;\n\t\t\t    var colFrom = dropResult.payload.colFrom;\n\t\t\t    var indexFrom = dropResult.payload.index;\n\t\t\t    var item = dropResult.payload.item;\n\n\t\t\t    this.$store.commit('PAGE_DROP_COMMON_ADD',\n\t\t\t\t\t    { from, colFrom, indexFrom, to, colTo, indexTo, item,\n\t\t\t\t\t\t    fromBoxIndex:dropResult.payload.fromBoxIndex, toBoxIndex:this.boxIndex,\n\t\t\t\t\t\t    fromContainerId:dropResult.payload.fromContainerId, toContainerId:this.id });\n\n\t\t\t    to = colTo = indexTo = from = colFrom = indexFrom = item = null;\n\t\t    }\n\t\t    this.clearDragClass();\n\t\t    this.sidabarElementDrop();\n\t    },\n\t    sidabarElementDrop(){\n\t\t    this.showBlocksList = false;\n\t\t    this.showBlocksListIndex = false;\n\t    },\n\t    getCommonPayload() {\n\t\t    return index => {\n\t\t\t    var item = this.boxes[this.boxIndex].children[index];\n\t\t\t    return {rowFrom:0, colFrom:0, index, item, containerId:this.id,\n\t\t\t\t    fromContainerId: this.id, fromBoxIndex:this.boxIndex, toBoxIndex:0, isBox:true}\n\t\t    }\n\t    },\n\t    dragStart(dragResult) {\n\t\t    var {isSource, payload} = dragResult;\n\t\t    if(isSource) {\n\t\t\t    var target = document.querySelector('.content-root');\n\t\t\t    target.classList.add('common-dragging');\n\t\t    }\n\t\t    var _this = this;\n\t\t    var clearClasses = function() {\n\t\t\t    window.removeEventListener('mouseup', clearClasses)\n\t\t\t    _this.clearDragClass();\n\t\t    }\n\t\t    window.addEventListener('mouseup', clearClasses);\n\t    },\n\t    clearDragClass() {\n\t\t    var target = document.querySelector('.content-root');\n\t\t    target.classList.remove('section-dragging', 'row-dragging', 'common-dragging');\n\t    },\n\n\t    bgImage(bgImage) {\n\t\t    if (!bgImage) return null;\n\n\t\t    let src = bgImage.replace(\"https://\", \"\")\n\t\t    if (src.indexOf(\"images.funnelish.com\")>=0)\n\t\t\t    src = src.replace(\"images.funnelish.com\", \"img.funnelish.com\");\n\t\t    return `url(\"//${src}?auto=webp&clip=bounds\")`;\n\t    },\n\n        rowClick(event){\n            if(event.target.classList.contains('smooth-dnd-container') || event.target.classList.contains('col-inner-blocks') || event.target.classList.contains('row_columns')){\n                this.activeteRow();\n            }\n        },\n        appendRow(cols) {\n            this.$store.dispatch('PAGE_ADD_ROW', {type: 'row', parent: this.content.parent, index: this.rowIndex +1, cols});\n        },\n        prependRow(cols) {\n            this.$store.dispatch('PAGE_ADD_ROW', {type: 'row', parent: this.content.parent, index: this.rowIndex, cols});\n        },\n        cloneRow() {\n            this.$store.dispatch('PAGE_CLONE_ROW', this.content);\n        },\n\n        clickOutRoot(ev) {\n            this.prependState = false;\n            this.appendState = false;\n\n            this.showBlocksList = false;\n            this.showBlocksListIndex = false;\n        },\n        clickOutEmpty() {\n            this.addNewRowState = false;\n        },\n\n        colDrag(event, cols, index) {\n            if(cols) {\n                var _this = this;\n                event.target.classList.add('dragging');\n                event.target.classList.add('active');\n                var parent = event.target.parentElement;\n                parent.classList.add('dragging-parent');\n\n                var resize = function(ev) {\n                    ev.preventDefault();\n                    ev.stopPropagation();\n                    var parentWidth = parent.offsetWidth;\n                    var totalWidth = parent.parentElement.offsetWidth;\n                    var newParentWidth = Math.floor(((ev.pageX - parent.getBoundingClientRect().left)/ totalWidth)*100);\n                    var delta = cols[index].value - newParentWidth;\n                    var nextWidth = cols[index+1].value + delta;\n                    if(newParentWidth % 2 === 0 && newParentWidth >= 5 && nextWidth >= 5) {\n                        parent.style.width = newParentWidth + '%';\n                        parent.nextSibling.style.width = nextWidth + '%';\n                    }\n                }\n\n                var stopResize = function(ev) {\n                    window.removeEventListener('mousemove', resize);\n                    window.removeEventListener('mouseup', stopResize);\n                    _this.colDragEnd(event, cols, index);\n                }\n\n                window.addEventListener('mousemove', resize);\n                window.addEventListener('mouseup', stopResize);\n            }\n        },\n        colDragEnd(event, cols, index) {\n            event.target.classList.remove('dragging');\n            event.target.classList.remove('active');\n            event.target.parentElement.classList.remove('dragging-parent');\n            var width = event.target.parentElement.style.width;\n            width = Math.floor(width.replace('%', ''));\n            this.$store.commit('PAGE_RESIZE_BOX', {containerId: this.container.id, index, width});\n            width = null;\n        },\n\n        activeteRow(ev) {\n            if(!this.container.selected){\n                this.$store.commit('PAGE_SET_TABID', {tab: 'basic', id: this.container.id, block:this.container});\n            }\n        },\n        blockListDropdownClose(v) {\n            // if(this.showBlocksListIndex === index) {\n                this.showBlocksList = false;\n                this.showBlocksListIndex = false;\n            // }\n        },\n\t    clickOutsideTest(ev) {\n\t\t    if (!ev.target.classList.contains('add_block_line')) this.showBlocksList = false;\n\t    },\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.container-box {\n\tmargin: 0 1px;\n\n\t&.empty {\n\t\tmin-height: 50px;\n\t\t.smooth-dnd-container {\n\t\t\toverflow: hidden;\n\t\t}\n\t\t.plus_icon {\n\t\t\tposition: absolute;\n\t\t\tcursor: pointer;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\t.plus_icon_trigger {\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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=6fd7eba2&scoped=true&\"\nimport script from \"./ContainerBox.vue?vue&type=script&lang=js&\"\nexport * from \"./ContainerBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContainerBox.vue?vue&type=style&index=0&id=6fd7eba2&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  \"6fd7eba2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}