text: (window.webpackJsonp=window.webpackJsonp||[]).push([[38],{"675C":function(n,t,o){(t=o("JPst")(!1)).push([n.i,".board {\n  width: 1000px;\n  margin-left: 20px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.kanban.todo .board-column-header {\n  background: #4A9FF9;\n}\n.kanban.working .board-column-header {\n  background: #f9944a;\n}\n.kanban.done .board-column-header {\n  background: #2ac06d;\n}\n",""]),n.exports=t},"9LWL":function(n,t,o){"use strict";var i=o("J/Zr");o.n(i).a},"J/Zr":function(n,t,o){var i=o("rteJ");"string"==typeof i&&(i=[[n.i,i,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};o("aET+")(i,a);i.locals&&(n.exports=i.locals)},U626:function(n,t,o){"use strict";o.r(t);var i=o("MQ60"),a={name:"DragKanbanDemo",components:{draggable:o.n(i).a},props:{headerText:{type:String,default:"Header"},options:{type:Object,default:function(){return{}}},list:{type:Array,default:function(){return[]}}}},e=(o("9LWL"),o("KHd+")),r={name:"DragKanbanDemo",components:{Kanban:Object(e.a)(a,(function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"board-column"},[o("div",{staticClass:"board-column-header"},[n._v("\n    "+n._s(n.headerText)+"\n  ")]),n._v(" "),o("draggable",{staticClass:"board-column-content",attrs:{list:n.list,options:n.options}},n._l(n.list,(function(t){return o("div",{key:t.id,staticClass:"board-item"},[n._v("\n      "+n._s(t.name)+" "+n._s(t.id)+"\n    ")])})),0)],1)}),[],!1,null,"8d3f7e38",null).exports},data:function(){return{options:{group:"mission"},list1:[{name:"Mission",id:1},{name:"Mission",id:2},{name:"Mission",id:3},{name:"Mission",id:4}],list2:[{name:"Mission",id:5},{name:"Mission",id:6},{name:"Mission",id:7}],list3:[{name:"Mission",id:8},{name:"Mission",id:9},{name:"Mission",id:10}]}}},s=(o("qzZu"),Object(e.a)(r,(function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"components-container board"},[o("Kanban",{key:1,staticClass:"kanban todo",attrs:{list:n.list1,options:n.options,"header-text":"Todo"}}),n._v(" "),o("Kanban",{key:2,staticClass:"kanban working",attrs:{list:n.list2,options:n.options,"header-text":"Working"}}),n._v(" "),o("Kanban",{key:3,staticClass:"kanban done",attrs:{list:n.list3,options:n.options,"header-text":"Done"}})],1)}),[],!1,null,null,null));t.default=s.exports},dnMb:function(n,t,o){var i=o("675C");"string"==typeof i&&(i=[[n.i,i,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};o("aET+")(i,a);i.locals&&(n.exports=i.locals)},qzZu:function(n,t,o){"use strict";var i=o("dnMb");o.n(i).a},rteJ:function(n,t,o){(t=o("JPst")(!1)).push([n.i,".board-column[data-v-8d3f7e38] {\n  min-width: 300px;\n  min-height: 100px;\n  height: auto;\n  overflow: hidden;\n  background: #f0f0f0;\n  border-radius: 3px;\n}\n.board-column .board-column-header[data-v-8d3f7e38] {\n  height: 50px;\n  line-height: 50px;\n  overflow: hidden;\n  padding: 0 20px;\n  text-align: center;\n  background: #333;\n  color: #fff;\n  border-radius: 3px 3px 0 0;\n}\n.board-column .board-column-content[data-v-8d3f7e38] {\n  height: auto;\n  overflow: hidden;\n  border: 10px solid transparent;\n  min-height: 60px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.board-column .board-column-content .board-item[data-v-8d3f7e38] {\n  cursor: pointer;\n  width: 100%;\n  height: 64px;\n  margin: 5px 0;\n  background-color: #fff;\n  text-align: left;\n  line-height: 54px;\n  padding: 5px 10px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);\n          box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);\n}\n",""]),n.exports=t}}]);