(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{406:function(t,e,o){},456:function(t,e,o){"use strict";o(406)},482:function(t,e,o){"use strict";o.r(e);var i=o(371),n={components:{GridLayout:i.GridLayout,GridItem:i.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0",static:!1},{x:2,y:0,w:2,h:4,i:"1",static:!0},{x:4,y:0,w:2,h:5,i:"2",static:!1},{x:6,y:0,w:2,h:3,i:"3",static:!1},{x:8,y:0,w:2,h:3,i:"4",static:!1},{x:10,y:0,w:2,h:3,i:"5",static:!1},{x:0,y:5,w:2,h:5,i:"6",static:!1},{x:2,y:5,w:2,h:5,i:"7",static:!1},{x:4,y:5,w:2,h:5,i:"8",static:!1},{x:6,y:3,w:2,h:4,i:"9",static:!0},{x:8,y:4,w:2,h:4,i:"10",static:!1},{x:10,y:4,w:2,h:4,i:"11",static:!1},{x:0,y:10,w:2,h:5,i:"12",static:!1},{x:2,y:10,w:2,h:5,i:"13",static:!1},{x:4,y:8,w:2,h:4,i:"14",static:!1},{x:6,y:8,w:2,h:4,i:"15",static:!1},{x:8,y:10,w:2,h:5,i:"16",static:!1},{x:10,y:4,w:2,h:2,i:"17",static:!1},{x:0,y:9,w:2,h:3,i:"18",static:!1},{x:2,y:6,w:2,h:2,i:"19",static:!1}],draggable:!0,resizable:!0,index:0,eventLog:[]}},watch:{eventLog:function(){var t=this.$refs.eventsDiv;t.scrollTop=t.scrollHeight}},methods:{moveEvent:function(t,e,o){var i="MOVE i="+t+", X="+e+", Y="+o;this.eventLog.push(i),console.log(i)},movedEvent:function(t,e,o){var i="MOVED i="+t+", X="+e+", Y="+o;this.eventLog.push(i),console.log(i)},resizeEvent:function(t,e,o,i,n){var a="RESIZE i="+t+", H="+e+", W="+o+", H(px)="+i+", W(px)="+n;this.eventLog.push(a),console.log(a)},resizedEvent:function(t,e,o,i,n){var a="RESIZED i="+t+", X="+e+", Y="+o+", H(px)="+i+", W(px)="+n;this.eventLog.push(a),console.log(a)},containerResizedEvent:function(t,e,o,i,n){var a="CONTAINER RESIZED i="+t+", H="+e+", W="+o+", H(px)="+i+", W(px)="+n;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=(o(456),o(34)),s=Object(a.a)(n,(function(){var t=this,e=t._self._c;return e("div",[e("div",{ref:"eventsDiv",staticClass:"eventsJSON"},t._l(t.eventLog,(function(o){return e("div",[t._v("\n            "+t._s(o)+"\n        ")])})),0),t._v(" "),e("div",{staticStyle:{"margin-top":"10px"}},[e("grid-layout",{attrs:{layout:t.layout,"col-num":12,"row-height":30,"is-draggable":t.draggable,"is-resizable":t.resizable,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(e){t.layout=e},"layout-created":t.layoutCreatedEvent,"layout-before-mount":t.layoutBeforeMountEvent,"layout-mounted":t.layoutMountedEvent,"layout-ready":t.layoutReadyEvent,"layout-updated":t.layoutUpdatedEvent}},t._l(t.layout,(function(o){return e("grid-item",{attrs:{x:o.x,y:o.y,w:o.w,h:o.h,i:o.i},on:{resize:t.resizeEvent,move:t.moveEvent,resized:t.resizedEvent,"container-resized":t.containerResizedEvent,moved:t.movedEvent}},[e("span",{staticClass:"text"},[t._v(t._s(o.i))])])})),1)],1)])}),[],!1,null,"3ec3e669",null);e.default=s.exports}}]);