// Generated by CoffeeScript 1.10.0
(function() {
  window.OpenSeadragonComponent = {
    props: {
      config: {
        type: Object,
        required: true
      },
      overlay: {
        type: Object
      }
    },
    mounted: function() {

      /* OpenSeadragon viewer creation
       */
      var OverlayComponent, overlay_component, svg_overlay;
      this.viewer = OpenSeadragon(this.config);

      /* SVG overlay creation
       */
      svg_overlay = this.viewer.svgOverlay();
      OverlayComponent = Vue.extend(window.OverlayComponent);
      overlay_component = new OverlayComponent({
        propsData: {
          data: this.overlay.data
        }
      });
      overlay_component.$mount();
      this.$el.querySelector('svg g').appendChild(overlay_component.$el);

      /* Click event registration
       */
      return this.$el.querySelectorAll(this.overlay.selector).forEach((function(_this) {
        return function(d) {
          return svg_overlay.onClick(d, function() {
            _this.overlay.data[0].width = 0.1;
            return console.log('click', arguments);
          });
        };
      })(this));
    },
    template: '<div id="openseadragon"></div>'
  };

}).call(this);