// Generated by CoffeeScript 1.10.0
(function() {
  var app, radical_component, radicals_component;

  radical_component = {
    props: {
      value: {
        type: Object,
        required: true
      }
    },
    computed: {
      pinyin: function() {
        return PinyinConverter.convert(this.value.pinyin);
      }
    },
    template: '<div class="radical">\n  <div class="numbers">\n    <div class="number">{{value.number}}</div>\n    <div class="number">{{value.strokecount}}</div>\n  </div>\n  <div class="characters">\n    <div class="character">{{value.radical}}</div>\n    <div class="character simplified">{{value.simplifiedradical}}</div>\n  </div>\n  <div class="text">{{value.english}}</div>\n  <div class="text">({{pinyin}})</div>\n</div>'
  };

  radicals_component = {
    props: {
      value: {
        type: Array,
        required: true
      }
    },
    components: {
      'radical': radical_component
    },
    template: '<div class="radicals">\n  <radical v-for="item in value" :value="item" :class="\'_\'+item.strokecount%2"></radical>\n</div>'
  };

  app = new Vue({
    el: '#app',
    data: {
      data: []
    },
    components: {
      'radicals': radicals_component
    },
    mounted: function() {
      return d3.csv('data.csv', (function(_this) {
        return function(data) {
          return _this.data = data.sort(function(a, b) {
            return a.number - b.number;
          });
        };
      })(this));
    }
  });

}).call(this);