import _ from 'lodash';
import Base from './base.js';

export default _.extend({}, Base, {
  type: 'match-fragment',

  _render() {
    if (this._repeat.textValue === '') {
      return this.proxy(this._content);
    } else {
      return this._content.render(this.container.group());
    }
  },

  _position() {
    var box, paths = [];

    this._content.transform(this._repeat.contentPosition());

    box = this._content.getBBox();

    if (this._repeat.hasSkip()) {
      paths.push(Snap.format('M0,{box.cy}q10,0 10,-10v-{vert}q0,-10 10,-10h{horiz}q10,0 10,10v{vert}q0,10 10,10', {
        box,
        vert: box.height / 2 - 10,
        horiz: box.width - 10
      }));
    }

    if (this._repeat.hasLoop()) {
      paths.push(Snap.format('M{box.x},{box.cy}q-10,0 -10,10v{vert}q0,10 10,10h{box.width}q10,0 10,-10v-{vert}q0,-10 -10,-10', {
        box,
        vert: box.height / 2 - 10
      }));
    }

    if (paths.length) {
      this.container.prepend(
        this.container.path(paths.join('')));
    }
  }
});