(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{404:function(t,o,e){},454:function(t,o,e){"use strict";e(404)},480:function(t,o,e){"use strict";e.r(o);var n=e(371),i={components:{GridLayout:n.GridLayout,GridItem:n.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"},{x:2,y:5,w:2,h:5,i:"7"},{x:4,y:5,w:2,h:5,i:"8"},{x:6,y:4,w:2,h:4,i:"9"},{x:8,y:4,w:2,h:4,i:"10"},{x:10,y:4,w:2,h:4,i:"11"},{x:0,y:10,w:2,h:5,i:"12"},{x:2,y:10,w:2,h:5,i:"13"},{x:4,y:8,w:2,h:4,i:"14"},{x:6,y:8,w:2,h:4,i:"15"},{x:8,y:10,w:2,h:5,i:"16"},{x:10,y:4,w:2,h:2,i:"17"},{x:0,y:9,w:2,h:3,i:"18"},{x:2,y:6,w:2,h:2,i:"19"}],draggable:!0,resizable:!0,index:0,eventLog:[]}},watch:{eventLog:function(){var t=this.$refs.eventsDiv;t.scrollTop=t.scrollHeight}},methods:{moveEvent:function(t,o,e){var n="MOVE i="+t+", X="+o+", Y="+e;this.eventLog.push(n),console.log(n)},movedEvent:function(t,o,e){var n="MOVED i="+t+", X="+o+", Y="+e;this.eventLog.push(n),console.log(n)},resizeEvent:function(t,o,e,n,i){var a="RESIZE i="+t+", H="+o+", W="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},resizedEvent:function(t,o,e,n,i){var a="RESIZED i="+t+", X="+o+", Y="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},containerResizedEvent:function(t,o,e,n,i){var a="CONTAINER RESIZED i="+t+", H="+o+", W="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},layoutCreatedEvent:function(t){this.eventLog.push("Created layout"),console.log("Created layout: ",t)},layoutBeforeMountEvent:function(t){this.eventLog.push("beforeMount layout"),console.log("beforeMount layout: ",t)},layoutMountedEvent:function(t){this.eventLog.push("Mounted layout"),console.log("Mounted layout: ",t)},layoutReadyEvent:function(t){this.eventLog.push("Ready layout"),console.log("Ready layout: ",t)},layoutUpdatedEvent:function(t){this.eventLog.push("Updated layout"),console.log("Updated layout: ",t)}}},a=(e(454),e(34)),u=Object(a.a)(i,(function(){var t=this,o=t._self._c;return o("div",[o("grid-layout",{attrs:{layout:t.layout,"col-num":12,"row-height":30,"is-draggable":!0,"is-resizable":!0,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(o){t.layout=o}}},t._l(t.layout,(function(e){return o("grid-item",{attrs:{x:e.x,y:e.y,w:e.w,h:e.h,i:e.i,"drag-allow-from":".vue-draggable-handle","drag-ignore-from":".no-drag"}},[o("div",{staticClass:"text"},[o("div",{staticClass:"vue-draggable-handle"}),t._v(" "),o("div",{staticClass:"no-drag"},[o("span",[t._v(t._s(e.i))]),t._v(" "),o("br"),t._v(" "),o("button",[t._v("click")])])])])})),1)],1)}),[],!1,null,"250686ab",null);o.default=u.exports}}]);