"use strict";

class Kanban_Board extends Component {
  async on_load() {
    if (this.args.data_source) {
      const response = await fetch(this.args.data_source);
      this.data.columns = await response.json();
    } else if (this.args.columns) {
      this.data.columns = this.args.columns;
    }
  }
  on_ready() {
    // Drag and drop functionality
    this.setup_drag_and_drop();
  }
  setup_drag_and_drop() {
    let dragged_card = null;

    // Make cards draggable
    this.$.find('[data-card-id]').each(function () {
      const $card = $(this);
      $card.on('dragstart', function (e) {
        dragged_card = this;
        $(this).css('opacity', '0.5');
      });
      $card.on('dragend', function (e) {
        $(this).css('opacity', '1');
      });
    });

    // Make columns droppable
    this.$.find('[data-column-cards]').each(function () {
      const $column = $(this);
      $column.on('dragover', function (e) {
        e.preventDefault();
        $column.addClass('bg-light');
      });
      $column.on('dragleave', function (e) {
        $column.removeClass('bg-light');
      });
      $column.on('drop', function (e) {
        e.preventDefault();
        $column.removeClass('bg-light');
        if (dragged_card) {
          $column.append(dragged_card);

          // Trigger callback
          if (this.args.on_move) {
            const card_id = $(dragged_card).attr('data-card-id');
            const column_id = $column.attr('data-column-cards');
            this.args.on_move(card_id, column_id);
          }
        }
      }.bind(this));
    }.bind(this));
  }
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJLYW5iYW5fQm9hcmQiLCJKcWh0bWxfQ29tcG9uZW50Iiwib25fbG9hZCIsImFyZ3MiLCJkYXRhX3NvdXJjZSIsInJlc3BvbnNlIiwiZmV0Y2giLCJkYXRhIiwiY29sdW1ucyIsImpzb24iLCJvbl9yZWFkeSIsInNldHVwX2RyYWdfYW5kX2Ryb3AiLCJkcmFnZ2VkX2NhcmQiLCIkIiwiZmluZCIsImVhY2giLCIkY2FyZCIsIm9uIiwiZSIsImNzcyIsIiRjb2x1bW4iLCJwcmV2ZW50RGVmYXVsdCIsImFkZENsYXNzIiwicmVtb3ZlQ2xhc3MiLCJhcHBlbmQiLCJvbl9tb3ZlIiwiY2FyZF9pZCIsImF0dHIiLCJjb2x1bW5faWQiLCJiaW5kIl0sInNvdXJjZXMiOlsicnN4L3RoZW1lL2NvbXBvbmVudHMvX2FyY2hpdmVkL3VuZmluaXNoZWQvS2FuYmFuX0JvYXJkLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImNsYXNzIEthbmJhbl9Cb2FyZCBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIGFzeW5jIG9uX2xvYWQoKSB7XG4gICAgICAgIGlmICh0aGlzLmFyZ3MuZGF0YV9zb3VyY2UpIHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgZmV0Y2godGhpcy5hcmdzLmRhdGFfc291cmNlKTtcbiAgICAgICAgICAgIHRoaXMuZGF0YS5jb2x1bW5zID0gYXdhaXQgcmVzcG9uc2UuanNvbigpO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuYXJncy5jb2x1bW5zKSB7XG4gICAgICAgICAgICB0aGlzLmRhdGEuY29sdW1ucyA9IHRoaXMuYXJncy5jb2x1bW5zO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25fcmVhZHkoKSB7XG4gICAgICAgIC8vIERyYWcgYW5kIGRyb3AgZnVuY3Rpb25hbGl0eVxuICAgICAgICB0aGlzLnNldHVwX2RyYWdfYW5kX2Ryb3AoKTtcbiAgICB9XG5cbiAgICBzZXR1cF9kcmFnX2FuZF9kcm9wKCkge1xuICAgICAgICBsZXQgZHJhZ2dlZF9jYXJkID0gbnVsbDtcblxuICAgICAgICAvLyBNYWtlIGNhcmRzIGRyYWdnYWJsZVxuICAgICAgICB0aGlzLiQuZmluZCgnW2RhdGEtY2FyZC1pZF0nKS5lYWNoKGZ1bmN0aW9uKCkge1xuICAgICAgICAgICAgY29uc3QgJGNhcmQgPSAkKHRoaXMpO1xuXG4gICAgICAgICAgICAkY2FyZC5vbignZHJhZ3N0YXJ0JywgZnVuY3Rpb24oZSkge1xuICAgICAgICAgICAgICAgIGRyYWdnZWRfY2FyZCA9IHRoaXM7XG4gICAgICAgICAgICAgICAgJCh0aGlzKS5jc3MoJ29wYWNpdHknLCAnMC41Jyk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgJGNhcmQub24oJ2RyYWdlbmQnLCBmdW5jdGlvbihlKSB7XG4gICAgICAgICAgICAgICAgJCh0aGlzKS5jc3MoJ29wYWNpdHknLCAnMScpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIC8vIE1ha2UgY29sdW1ucyBkcm9wcGFibGVcbiAgICAgICAgdGhpcy4kLmZpbmQoJ1tkYXRhLWNvbHVtbi1jYXJkc10nKS5lYWNoKGZ1bmN0aW9uKCkge1xuICAgICAgICAgICAgY29uc3QgJGNvbHVtbiA9ICQodGhpcyk7XG5cbiAgICAgICAgICAgICRjb2x1bW4ub24oJ2RyYWdvdmVyJywgZnVuY3Rpb24oZSkge1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICAkY29sdW1uLmFkZENsYXNzKCdiZy1saWdodCcpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgICRjb2x1bW4ub24oJ2RyYWdsZWF2ZScsIGZ1bmN0aW9uKGUpIHtcbiAgICAgICAgICAgICAgICAkY29sdW1uLnJlbW92ZUNsYXNzKCdiZy1saWdodCcpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgICRjb2x1bW4ub24oJ2Ryb3AnLCBmdW5jdGlvbihlKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICRjb2x1bW4ucmVtb3ZlQ2xhc3MoJ2JnLWxpZ2h0Jyk7XG5cbiAgICAgICAgICAgICAgICBpZiAoZHJhZ2dlZF9jYXJkKSB7XG4gICAgICAgICAgICAgICAgICAgICRjb2x1bW4uYXBwZW5kKGRyYWdnZWRfY2FyZCk7XG5cbiAgICAgICAgICAgICAgICAgICAgLy8gVHJpZ2dlciBjYWxsYmFja1xuICAgICAgICAgICAgICAgICAgICBpZiAodGhpcy5hcmdzLm9uX21vdmUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGNhcmRfaWQgPSAkKGRyYWdnZWRfY2FyZCkuYXR0cignZGF0YS1jYXJkLWlkJyk7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjb2x1bW5faWQgPSAkY29sdW1uLmF0dHIoJ2RhdGEtY29sdW1uLWNhcmRzJyk7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmFyZ3Mub25fbW92ZShjYXJkX2lkLCBjb2x1bW5faWQpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfS5iaW5kKHRoaXMpKTtcbiAgICAgICAgfS5iaW5kKHRoaXMpKTtcbiAgICB9XG59XG4iXSwibWFwcGluZ3MiOiI7O0FBQUEsTUFBTUEsWUFBWSxTQUFTQyxnQkFBZ0IsQ0FBQztFQUN4QyxNQUFNQyxPQUFPQSxDQUFBLEVBQUc7SUFDWixJQUFJLElBQUksQ0FBQ0MsSUFBSSxDQUFDQyxXQUFXLEVBQUU7TUFDdkIsTUFBTUMsUUFBUSxHQUFHLE1BQU1DLEtBQUssQ0FBQyxJQUFJLENBQUNILElBQUksQ0FBQ0MsV0FBVyxDQUFDO01BQ25ELElBQUksQ0FBQ0csSUFBSSxDQUFDQyxPQUFPLEdBQUcsTUFBTUgsUUFBUSxDQUFDSSxJQUFJLENBQUMsQ0FBQztJQUM3QyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUNOLElBQUksQ0FBQ0ssT0FBTyxFQUFFO01B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