text: /******/ (() => { // webpackBootstrap
  /******/ 	"use strict";
  var __webpack_exports__ = {};
  /*!********************************************************************!*\
    !*** ../demo9/src/js/pages/features/miscellaneous/kanban-board.js ***!
    \********************************************************************/
  
  
  // Class definition
  
  var KTKanbanBoardDemo = function() {
      // Private functions
      var _demo1 = function() {
          var kanban = new jKanban({
              element: '#kt_kanban_1',
              gutter: '0',
              widthBoard: '250px',
              boards: [{
                      'id': '_inprocess',
                      'title': 'In Process',
                      'item': [{
                              'title': '<span class="font-weight-bold">You can drag me too</span>'
                          },
                          {
                              'title': '<span class="font-weight-bold">Buy Milk</span>'
                          }
                      ]
                  }, {
                      'id': '_working',
                      'title': 'Working',
                      'item': [{
                              'title': '<span class="font-weight-bold">Do Something!</span>'
                          },
                          {
                              'title': '<span class="font-weight-bold">Run?</span>'
                          }
                      ]
                  }, {
                      'id': '_done',
                      'title': 'Done',
                      'item': [{
                              'title': '<span class="font-weight-bold">All right</span>'
                          },
                          {
                              'title': '<span class="font-weight-bold">Ok!</span>'
                          }
                      ]
                  }
              ]
          });
      }
  
      var _demo2 = function() {
          var kanban = new jKanban({
              element: '#kt_kanban_2',
              gutter: '0',
              widthBoard: '250px',
              boards: [{
                      'id': '_inprocess',
                      'title': 'In Process',
                      'class': 'primary',
                      'item': [{
                              'title': '<span class="font-weight-bold">You can drag me too</span>',
                              'class': 'light-primary',
                          },
                          {
                              'title': '<span class="font-weight-bold">Buy Milk</span>',
                              'class': 'light-primary',
                          }
                      ]
                  }, {
                      'id': '_working',
                      'title': 'Working',
                      'class': 'success',
                      'item': [{
                              'title': '<span class="font-weight-bold">Do Something!</span>',
                              'class': 'light-success',
                          },
                          {
                              'title': '<span class="font-weight-bold">Run?</span>',
                              'class': 'light-success',
                          }
                      ]
                  }, {
                      'id': '_done',
                      'title': 'Done',
                      'class': 'danger',
                      'item': [{
                              'title': '<span class="font-weight-bold">All right</span>',
                              'class': 'light-danger',
                          },
                          {
                              'title': '<span class="font-weight-bold">Ok!</span>',
                              'class': 'light-danger',
                          }
                      ]
                  }
              ]
          });
      }
  
      var _demo3 = function() {
          var kanban = new jKanban({
              element: '#kt_kanban_3',
              gutter: '0',
              widthBoard: '250px',
              click: function(el) {
                  alert(el.innerHTML);
              },
              boards: [{
                      'id': '_todo',
                      'title': 'To Do',
                      'class': 'light-primary',
                      'dragTo': ['_working'],
                      'item': [{
                              'title': 'My Task Test',
                              'class': 'primary'
                          },
                          {
                              'title': 'Buy Milk',
                              'class': 'primary'
                          }
                      ]
                  },
                  {
                      'id': '_working',
                      'title': 'Working',
                      'class': 'light-warning',
                      'item': [{
                              'title': 'Do Something!',
                              'class': 'warning'
                          },
                          {
                              'title': 'Run?',
                              'class': 'warning'
                          }
                      ]
                  },
                  {
                      'id': '_done',
                      'title': 'Done',
                      'class': 'light-success',
                      'dragTo': ['_working'],
                      'item': [{
                              'title': 'All right',
                              'class': 'success'
                          },
                          {
                              'title': 'Ok!',
                              'class': 'success'
                          }
                      ]
                  },
                  {
                      'id': '_notes',
                      'title': 'Notes',
                      'class': 'light-danger',
                      'item': [{
                              'title': 'Warning Task',
                              'class': 'danger'
                          },
                          {
                              'title': 'Do not enter',
                              'class': 'danger'
                          }
                      ]
                  }
              ]
          });
      }
  
      var _demo4 = function() {
          var kanban = new jKanban({
              element: '#kt_kanban_4',
              gutter: '0',
              click: function(el) {
                  alert(el.innerHTML);
              },
              boards: [{
                      'id': '_backlog',
                      'title': 'Backlog',
                      'class': 'light-dark',
                      'item': [{
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-success mr-3">
                          	            <img alt="Pic" src="assets/media/users/300_24.jpg" />
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">SEO Optimization</span>
                          	            <span class="label label-inline label-light-success font-weight-bold">In progress</span>
                          	        </div>
                          	    </div>
                              `,
                          },
                          {
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-success mr-3">
                          	            <span class="symbol-label font-size-h4">A.D</span>
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">Finance</span>
                          	            <span class="label label-inline label-light-danger font-weight-bold">Pending</span>
                          	        </div>
                          	    </div>
                              `,
                          }
                      ]
                  },
                  {
                      'id': '_todo',
                      'title': 'To Do',
                      'class': 'light-danger',
                      'item': [{
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-success mr-3">
                          	            <img alt="Pic" src="assets/media/users/300_16.jpg" />
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">Server Setup</span>
                          	            <span class="label label-inline label-light-dark font-weight-bold">Completed</span>
                          	        </div>
                          	    </div>
                              `,
                          },
                          {
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-success mr-3">
                          	            <img alt="Pic" src="assets/media/users/300_15.jpg" />
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">Report Generation</span>
                          	            <span class="label label-inline label-light-warning font-weight-bold">Due</span>
                          	        </div>
                          	    </div>
                              `,
                          }
                      ]
                  },
                  {
                      'id': '_working',
                      'title': 'Working',
                      'class': 'light-primary',
                      'item': [{
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-success mr-3">
                              	         <img alt="Pic" src="assets/media/users/300_24.jpg" />
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">Marketing</span>
                          	            <span class="label label-inline label-light-danger font-weight-bold">Planning</span>
                          	        </div>
                          	    </div>
                              `,
                          },
                          {
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-light-info mr-3">
                          	            <span class="symbol-label font-size-h4">A.P</span>
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">Finance</span>
                          	            <span class="label label-inline label-light-primary font-weight-bold">Done</span>
                          	        </div>
                          	    </div>
                              `,
                          }
                      ]
                  },
                  {
                      'id': '_done',
                      'title': 'Done',
                      'class': 'light-success',
                      'item': [{
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-success mr-3">
                          	            <img alt="Pic" src="assets/media/users/300_11.jpg" />
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">SEO Optimization</span>
                          	            <span class="label label-inline label-light-success font-weight-bold">In progress</span>
                          	        </div>
                          	    </div>
                              `,
                          },
                          {
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-success mr-3">
                          	            <img alt="Pic" src="assets/media/users/300_20.jpg" />
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">Product Team</span>
                          	            <span class="label label-inline label-light-danger font-weight-bold">In progress</span>
                          	        </div>
                          	    </div>
                              `,
                          }
                      ]
                  },
                  {
                      'id': '_deploy',
                      'title': 'Deploy',
                      'class': 'light-primary',
                      'item': [{
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-light-warning mr-3">
                          	            <span class="symbol-label font-size-h4">D.L</span>
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">SEO Optimization</span>
                          	            <span class="label label-inline label-light-success font-weight-bold">In progress</span>
                          	        </div>
                          	    </div>
                              `,
                          },
                          {
                              'title': `
                                  <div class="d-flex align-items-center">
                          	        <div class="symbol symbol-light-danger mr-3">
                          	            <span class="symbol-label font-size-h4">E.K</span>
                          	        </div>
                          	        <div class="d-flex flex-column align-items-start">
                          	            <span class="text-dark-50 font-weight-bold mb-1">Requirement Study</span>
                          	            <span class="label label-inline label-light-warning font-weight-bold">Scheduled</span>
                          	        </div>
                          	    </div>
                              `,
                          }
                      ]
                  }
              ]
          });
  
          var toDoButton = document.getElementById('addToDo');
          toDoButton.addEventListener('click', function() {
              kanban.addElement(
                  '_todo', {
                      'title': `
                          <div class="d-flex align-items-center">
                              <div class="symbol symbol-light-primary mr-3">
                                  <img alt="Pic" src="assets/media/users/300_14.jpg" />
                              </div>
                              <div class="d-flex flex-column align-items-start">
                                  <span class="text-dark-50 font-weight-bold mb-1">Requirement Study</span>
                                  <span class="label label-inline label-light-success font-weight-bold">Scheduled</span>
                              </div>
                          </div>
                      `
                  }
              );
          });
  
          var addBoardDefault = document.getElementById('addDefault');
          addBoardDefault.addEventListener('click', function() {
              kanban.addBoards(
                  [{
                      'id': '_default',
                      'title': 'New Board',
                      'class': 'primary-light',
                      'item': [{
                              'title': `
                                  <div class="d-flex align-items-center">
                                      <div class="symbol symbol-success mr-3">
                                          <img alt="Pic" src="assets/media/users/300_13.jpg" />
                                      </div>
                                      <div class="d-flex flex-column align-items-start">
                                          <span class="text-dark-50 font-weight-bold mb-1">Payment Modules</span>
                                          <span class="label label-inline label-light-primary font-weight-bold">In development</span>
                                      </div>
                                  </div>
                          `},{
                              'title': `
                                  <div class="d-flex align-items-center">
                                      <div class="symbol symbol-success mr-3">
                                          <img alt="Pic" src="assets/media/users/300_12.jpg" />
                                      </div>
                                      <div class="d-flex flex-column align-items-start">
                                      <span class="text-dark-50 font-weight-bold mb-1">New Project</span>
                                      <span class="label label-inline label-light-danger font-weight-bold">Pending</span>
                                  </div>
                              </div>
                          `}
                      ]
                  }]
              )
          });
  
          var removeBoard = document.getElementById('removeBoard');
          removeBoard.addEventListener('click', function() {
              kanban.removeBoard('_done');
          });
      }
  
      // Public functions
      return {
          init: function() {
              _demo1();
              _demo2();
              _demo3();
              _demo4();
          }
      };
  }();
  
  jQuery(document).ready(function() {
      KTKanbanBoardDemo.init();
  });
  
  /******/ })()
  ;
  //# sourceMappingURL=kanban-board.js.map