",{"class":this.badgeClass+" no-dots"}).appendTo(this.$wrapper)},removeBadge:function(){this.badge&&(this.badge.remove(),delete this.badge)},updateBadgeLabel:function(a){a&&this.badge.html(a.getName())},run:function(a,b){this.enable(),this.render()},stop:function(){var a=this.editorModel.get("selectedComponent");a&&a.set("status",""),this.$el.unbind(),this.removeBadge(),this.clean(),this.$el.find("*").unbind("mouseover").unbind("mouseout").unbind("click"),this.editorModel.set("selectedComponent",null),key.unbind("⌘+c, ctrl+c"),key.unbind("⌘+v, ctrl+v")}}}),c("Commands/view/SelectPosition",[],function(){return{init:function(a){_.bindAll(this,"selectingPosition","itemLeft"),this.config=a},getPositionPlaceholder:function(){return this.$plh},createPositionPlaceholder:function(){return this.$plh=$("
",{"class":this.plhClass+" no-dots"}).css({"pointer-events":"none"}).data("helper",1),this.$plh.append($("
",{"class":this.plhClass+"-int no-dots"})),this.$plh.appendTo(this.$wrapper),this.$plh},enable:function(){this.startSelectPosition()},startSelectPosition:function(){this.isPointed=!1,this.$wrapper.on("mousemove",this.selectingPosition)},stopSelectPosition:function(){this.$wrapper.off("mousemove",this.selectingPosition),this.posTargetCollection=null,this.posIndex="after"==this.posMethod&&0!==this.cDim.length?this.posIndex+1:this.posIndex,this.cDim&&(this.posIsLastEl=0!==this.cDim.length&&"after"==this.posMethod&&this.posIndex==this.cDim.length,this.posTargetEl=0===this.cDim.length?$(this.outsideElem):!this.posIsLastEl&&this.cDim[this.posIndex]?$(this.cDim[this.posIndex][5]).parent():$(this.outsideElem),this.posTargetModel=this.posTargetEl.data("model"),this.posTargetCollection=this.posTargetEl.data("model-comp"))},selectingPosition:function(a){this.isPointed=!0,this.wp||(this.$wp=this.$wrapper,this.wp=this.$wp[0]);var b=this.$wp.offset();this.wpT=b.top,this.wpL=b.left,this.wpScT=this.$wp.scrollTop(),this.wpScL=this.$wp.scrollLeft(),this.$plh||this.createPositionPlaceholder(),this.rY=a.pageY-this.wpT+this.wpScT,this.rX=a.pageX-this.wpL+this.wpScL,this.entered(a),this.updatePosition(this.rX,this.rY);var c=this.posIndex+":"+this.posMethod;this.lastPos&&this.lastPos==c||(this.updatePositionPlaceholder(this.posIndex,this.posMethod),this.lastPos=c)},updatePosition:function(a,b){this.posMethod="before",this.posIndex=0;for(var c=0,d=0,e=0,f=0,g=0,h=0,i=0,j=0,k=0;kd||f&&h>f||c&&c>e))if(j[4]){if(this.posIndex=k,h>b){this.posMethod="before";break}this.posMethod="after"}else i>b&&(f=i),g>a?(d=g,this.posMethod="before"):(c=g,this.posMethod="after"),this.posIndex=k;this.posIndex==this.cDim.length&&"after"==this.posMethod&&this.posIndex--},updatePositionPlaceholder:function(a,b){var c=0,d=0,e=0,f=0,g=2,h="px",i=5,j=this.$plh[0];if(this.cDim[a]){var k=this.cDim[a];k[4]?(e=k[3]+h,c="before"==b?k[0]-g:k[0]+k[2]-g,d=k[1],f="auto"):(e="auto",c=k[0]+g,f=k[2]-2*g+h,d="before"==b?k[1]-g:k[1]+k[3]-g)}else if(this.$targetEl){var l=this.$targetEl[0],m=this.$targetEl.offset();c=m.top-this.wpT+this.wpScT+i,d=m.left-this.wpL+this.wpScL+i,e=parseInt(l.offsetWidth)-2*i+h,f="auto"}j.style.top=c+h,j.style.left=d+h,e&&(j.style.width=e),f&&(j.style.height=f)},entered:function(a){this.outsideElem&&this.outsideElem==a.target?this.nearToBorders(a)&&a.target.parentNode!=this.wp.parentNode?this.cDim=this.getChildrenDim(a.target.parentNode):this.nearToBorders(a)||(this.cDim=this.getChildrenDim()):(this.outsideElem=a.target,this.$targetEl=$(a.target),$(this.outsideElem).on("mouseleave",this.itemLeft),this.cDim=this.getChildrenDim(),this.dimT=this.getTargetDim(a),this.nearToBorders(a)&&a.target.parentNode!=this.wp.parentNode&&(this.cDim=this.getChildrenDim(a.target.parentNode)))},nearToBorders:function(a){var b=7;if(this.dimT){var c=this.dimT;return c[2]<40&&(b=5),c[0]+b>this.rY||this.rY>c[0]+c[2]-b||c[1]+b>this.rX||this.rX>c[1]+c[3]-b?1:0}},nearToFloat:function(){var a=this.posIndex,b=this.posIsLastEl;return 0!==this.cDim.length&&(!b&&!this.cDim[a][4]||this.cDim[a-1]&&!this.cDim[a-1][4]||b&&!this.cDim[a-1][4])?1:0},getTargetDim:function(a){var b=a.target,c=$(b);return[b.offsetTop,b.offsetLeft,c.outerHeight(),c.outerWidth()]},getChildrenDim:function(a){var b=[],c=a||this.outsideElem,d=this.isInFlow,e=this;return $(c.childNodes).each(function(){var a=$(this);"#text"==this.nodeName||a.data("helper")||b.push([this.offsetTop,this.offsetLeft,a.outerHeight(),a.outerWidth(),d(e,this),this])}),b},itemLeft:function(a){$(this.outsideElem).off("mouseleave",this.itemLeft),this.outsideElem=null,this.$targetEl=null,this.lastPos=null},isInFlow:function(a,b){var c=$(b),d=-1;return c.length?c.height()",{"class":"tempComp"}).css(this.newElemOrig),this.newElem.data("helper",1),$("body").append(this.newElem),this.parentElem=this.newElem.parent(),this.targetC=this.outsideElem,$(document).mousemove(this.draw),$(document).mouseup(this.endDraw),$(document).keypress(this.rollback)},draw:function(a){this.isDragged=!0,this.updateComponentSize(a)},endDraw:function(a){$(document).off("mouseup",this.endDraw),$(document).off("mousemove",this.draw),$(document).off("keypress",this.rollback);var b={};this.isDragged&&(this.updateComponentSize(a),this.setRequirements(this.tempComponent),b=this.create(null,this.tempComponent,this.posIndex,this.posMethod)),this.getPositionPlaceholder()&&this.getPositionPlaceholder().removeClass("change-placeholder"),this.startSelectPosition(),this.removeCreationPlaceholder(),this.afterDraw(b)},create:function(a,b,c,d){var e=c||0;if(this.posTargetCollection&&this.posTargetModel.get("droppable")){this.config.firstCentered&&this.$wrapper.get(0)==this.posTargetEl.get(0)&&(b.style.margin="0 auto"),this.nearToFloat()&&(b.style["float"]="left"),this.beforeCreation(b);var f=this.posTargetCollection.add(b,{at:e,silent:!1});return this.afterCreation(f),f}console.warn("Invalid target position")},setRequirements:function(a){var b=this.config;return a.style.width.replace(/\D/g,"")",{"class":"tempComp"}).css({top:a.pageY-this.canvasTop+this.$canvas.scrollTop(),left:a.pageX-this.canvasLeft+this.$canvas.scrollLeft(),width:$(a.target).width(),height:$(a.target).height(),position:"absolute","pointer-events":"none"}).data("helper",1).appendTo(this.$el),this.startSelectPosition(),this.$el.on("mousemove",this.onMove),$(document).on("mouseup",this.endMove),$(document).on("keypress",this.rollback))},onMove:function(a){this.moved=!0;var b=a.pageY-this.canvasTop+this.$canvas.scrollTop(),c=a.pageX-this.canvasLeft+this.$canvas.scrollLeft();this.helperObj[0].style.top=b+"px",this.helperObj[0].style.left=c+"px"},endMove:function(a){this.$el.off("mousemove",this.onMove),$(document).off("mouseup",this.endMove),$(document).off("keypress",this.rollback),this.helperObj.remove(),this.removePositionPlaceholder(),this.stopSelectPosition(),this.moved&&this.move(null,this.$selectedEl,this.posIndex,this.posMethod),this.unfreezeComponent(this.$selectedEl),this.enable()},move:function(a,b,c,d){var e=c||0,f=b.data("model"),g=f.collection,h=this.posTargetCollection,i=this.posTargetModel;if(h&&i.get("droppable")){var j=h.add({css:{}},{at:e}),k=g.remove(f);h.add(k,{at:e}),h.remove(j)}else console.warn("Invalid target position")},freezeComponent:function(a){a.css({"pointer-events":"none"}),a.addClass("freezed")},unfreezeComponent:function(a){a.css({"pointer-events":"auto"}),a.removeClass("freezed")},rollback:function(a,b){var c=a.which||a.keyCode;(c==this.opt.ESCAPE_KEY||b)&&(this.moved=!1,this.endMove())},last:function(){this.placeholder.remove(),this.placeholderStart.remove(),this.helperObj.remove(),this.$el.off("mousemove",this.move),$(document).off("mouseup",this.endMove),$(document).off("keypress",this.rollback)},run:function(){this.enable()},stop:function(){this.stopSelectComponent(),this.$el.css("cursor",""),this.$el.unbind(),this.$el.removeClass(this.noSelClass)}})}),c("Commands/view/TextComponent",["backbone","./CreateComponent"],function(a,b){return _.extend({},b,{beforeDraw:function(a){a.type="text",a.style||(a.style={}),a.style.padding="10px"},afterDraw:function(a){a&&a.set&&(a.trigger("focus"),this.sender&&this.sender.set("active",!1))}})}),c("Commands/view/ExportTemplate",[],function(){return{run:function(a,b){this.sender=b,this.components=a.get("Canvas").getWrapper().get("components"),this.modal=a.get("Modal")||null,this.cm=a.get("CodeManager")||null,this.enable()},buildEditor:function(a,b,c){this.codeMirror||(this.codeMirror=this.cm.getEditor("CodeMirror"));var d=$("
