// Generated by CoffeeScript 1.10.0
(function() {
  var app, main_component, side_component;

  main_component = {
    props: {
      data: {
        type: Array,
        required: true
      },
      value: {
        type: Object,
        required: true
      }
    },
    template: '<div class=\'main\'>\n  <div v-for="item in data" class=\'object\'>\n    <div v-on:click="select(item)" :class="{selected: item === value}">{{item.title}}</div>\n  </div>\n</div>',
    methods: {
      select: function(d) {
        return this.$emit('input', d);
      }
    }
  };

  side_component = {
    props: {
      value: {
        type: Object,
        required: true
      }
    },
    template: '<div class=\'side\'>\n  <div class=\'object\'>\n    <div>{{value.title}}</div>\n    <div>{{value.subtitle}}</div>\n    <div>{{value.description}}</div>\n  </div>\n</div>'
  };

  app = new Vue({
    el: '#app',
    data: {
      list: [],
      selection: {}
    },
    components: {
      'mainsec': main_component,
      'sidesec': side_component
    },
    mounted: function() {
      return d3.json('data.json', (function(_this) {
        return function(data) {
          _this.list = data;
          return _this.selection = data[0];
        };
      })(this));
    }
  });

}).call(this);