@checksub_team/peaks_timeline 1.16.0-alpha.1 → 2.0.0-alpha.0

package/src/lines.js

@@ -1,550 +0,0 @@
-/**
- * @file
- *
- * Defines the {@link lines} class.
- *
- * @module lines
- */
-
-define([
-  './segments-group',
-  './line',
-  './line-indicator',
-  './utils'
-], function(
-    SegmentsGroup,
-    Line,
-    LineIndicator,
-    Utils) {
-  'use strict';
-
-  function Lines(peaks, view, layer) {
-    this._peaks = peaks;
-    this._view = view;
-    this._layer = layer;
-    this._linesByPosition = {};
-    this._autoAddToLayer = false;
-    this._areSourceInteractionsAllowed = true;
-    this._areSegmentInteractionsAllowed = true;
-
-    this._automaticallyCreatedLineId = null;
-    this._automaticLineCreationPosition = null;
-    this._automaticLineCreationTimeout = null;
-
-    this._segmentsGroups = {};
-    this._segmentsGroupToLine = {};
-
-    this._lineId = 0;
-
-    this._lineIndicator = new LineIndicator(
-      peaks,
-      view,
-      document.getElementById('line-indicator-container')
-    );
-
-    this._peaks.on('line.heightChanged', this._onLineHeightChanged.bind(this));
-    this._peaks.on('line.add', this._onLineAdd.bind(this));
-    this._peaks.on('line.remove', this._onLineRemove.bind(this));
-
-    this._peaks.on('sources.show', this._onSourcesWrappingChanged.bind(this));
-    this._peaks.on('sources.hide', this._onSourcesWrappingChanged.bind(this));
-
-    this._peaks.on('segment.updated', this._onSegmentsUpdate.bind(this));
-    this._peaks.on('segments.add', this._onSegmentsAdd.bind(this));
-    this._peaks.on('segments.remove', this._onSegmentsRemove.bind(this));
-    this._peaks.on('segments.remove_all', this._onSegmentsRemoveAll.bind(this));
-    this._peaks.on('segments.dragend', this._onSegmentUpdated.bind(this));
-  }
-
-  Lines.prototype.fitToView = function() {
-    this._lineIndicator.fitToView();
-  };
-
-  Lines.prototype._onSegmentsAdd = function(segments) {
-    var self = this;
-
-    segments.forEach(function(segment) {
-      if (!self._segmentsGroups[segment.line]) {
-        self._segmentsGroups[segment.line] = new SegmentsGroup(self._peaks, self._view, true);
-      }
-
-      self._segmentsGroups[segment.line].onSegmentsAdd([segment]);
-      if (Utils.objectHasProperty(self._segmentsGroupToLine, segment.line)) {
-        self._segmentsGroupToLine[segment.line].refreshSegmentsHeight();
-      }
-    });
-  };
-
-  Lines.prototype._onSegmentsUpdate = function(segment) {
-    this._segmentsGroups[segment.line].onSegmentsUpdate(segment);
-  };
-
-  Lines.prototype._onSegmentUpdated = function(segment) {
-    this._segmentsGroups[segment.line].onSegmentUpdated();
-  };
-
-  Lines.prototype._onSegmentsRemove = function(segments) {
-    var self = this;
-
-    segments.forEach(function(segment) {
-      self._segmentsGroups[segment.line].onSegmentsRemove([segment]);
-    });
-  };
-
-  Lines.prototype._onSegmentsRemoveAll = function(lineId) {
-    this._segmentsGroups[lineId].onSegmentsRemoveAll();
-
-    if (Utils.objectHasProperty(this._segmentsGroupToLine, lineId)) {
-      this._segmentsGroupToLine[lineId].refreshSegmentsHeight();
-    }
-  };
-
-  Lines.prototype._onLineHeightChanged = function(position) {
-    this._updateLinesPosition(position);
-    this._view.updateTimeline();
-  };
-
-  Lines.prototype._onLineAdd = function(position) {
-    this._createLine(position);
-    this._setInteractions(position);
-    this._updateLinesPosition(position);
-  };
-
-  Lines.prototype._onLineRemove = function(position) {
-    this.removeLine(position);
-    this._updateLinesPosition(position);
-  };
-
-  Lines.prototype._onSourcesWrappingChanged = function(sources) {
-    sources.forEach(function(source) {
-      if (this._linesByPosition[source.position]) {
-        this._linesByPosition[source.position].updateLineHeight(source, 'wrappingChanged');
-      }
-    }.bind(this));
-  };
-
-  Lines.prototype.changeLineHeight = function(from, to) {
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        if (!this._linesByPosition[position].isSegmentsLine()) {
-          this._linesByPosition[position].changeHeight(from, to);
-        }
-      }
-    }
-  };
-
-  Lines.prototype.addSourceGroup = function(source, sourceGroup, position) {
-    if (!this._linesByPosition[position] || this._linesByPosition[position].isSegmentsLine()) {
-      this._createLine(position);
-      this._setInteractions(position);
-    }
-
-    source.position = position;
-    this._linesByPosition[position].addSourceGroup(source, sourceGroup);
-  };
-
-  Lines.prototype.addSegments = function(lineId, position) {
-    this._createLine(position);
-
-    this._linesByPosition[position].allowInteractions(this._areSegmentInteractionsAllowed);
-    this._linesByPosition[position].addSegments(this._segmentsGroups[lineId]);
-
-    this._segmentsGroupToLine[lineId] = this._linesByPosition[position];
-
-    this._setInteractions(position);
-
-    this._updateLinesPosition(position);
-  };
-
-  Lines.prototype.removeSourceGroup = function(source, isPermanent) {
-    if (!this._linesByPosition[source.position]) {
-      return null;
-    }
-
-    var sourceGroup = this._linesByPosition[source.position].removeSourceGroup(source, isPermanent);
-
-    if (isPermanent) {
-      this._updateLinesPosition(source.position);
-    }
-
-    return sourceGroup;
-  };
-
-  Lines.prototype.removeLine = function(pos) {
-    var oldLine = this._linesByPosition[pos];
-    var lineId = oldLine.getId();
-
-    if (this._automaticallyCreatedLineId === lineId) {
-      this._automaticallyCreatedLineId = null;
-    }
-    oldLine.destroy();
-
-    delete this._linesByPosition[pos];
-
-    this._lineIndicator.removeIndicator(lineId, false);
-
-    return oldLine;
-  };
-
-  Lines.prototype.isLineVisible = function(position) {
-    return this._linesByPosition[position] ? this._linesByPosition[position].isVisible() : false;
-  };
-
-  Lines.prototype.getVisibleLines = function() {
-    var positions = {};
-
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        if (this._linesByPosition[position].isVisible()) {
-          positions[position] = true;
-        }
-      }
-    }
-    return positions;
-  };
-
-  Lines.prototype.getSourcesOnLineAfter = function(lineId, time) {
-    return this._linesByPosition[lineId].getSourcesAfter(time);
-  };
-
-  Lines.prototype.getSegmentsGroups = function() {
-    return this._segmentsGroups;
-  };
-
-  Lines.prototype.addToLayer = function(layer) {
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        this._linesByPosition[position].addToLayer(layer);
-      }
-    }
-
-    this._autoAddToLayer = true;
-  };
-
-  Lines.prototype.updateLines = function(position) {
-    this._updateLinesPosition(position);
-  };
-
-  Lines.prototype._updateLinesPosition = function(position) {
-    var line = this._linesByPosition[position];
-    var dy = null;
-    var newY;
-
-    if (line) {
-      newY = line.getY() + line.lineHeight() + this._peaks.options.interline;
-    }
-    else {
-      var previousLine;
-
-      while ((previousLine === undefined || previousLine === null) && position > 0) {
-        previousLine = this._linesByPosition[--position];
-      }
-
-      newY = previousLine ? previousLine.getY() + previousLine.lineHeight() + this._peaks.options.interline : 0;
-    }
-
-    for (var pos in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, pos)) {
-        if (parseInt(pos, 10) > position) {
-          if (dy === null) {
-            dy = newY - this._linesByPosition[pos].getY();
-            this._linesByPosition[pos].moveOnY(dy);
-          }
-          else {
-            this._linesByPosition[pos].moveOnY(dy);
-          }
-        }
-      }
-    }
-
-    this._lineIndicator.updateIndicators();
-    this._lineIndicator.draw();
-    this._view.refresh();
-  };
-
-  Lines.prototype.setOffsetY = function(frameOffset) {
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        var line = this._linesByPosition[position];
-
-        line.y(line.getInitialY() - frameOffset);
-      }
-    }
-
-    this._lineIndicator.updateIndicators();
-    this._lineIndicator.draw();
-  };
-
-  Lines.prototype.height = function() {
-    var height = 2 * this._peaks.options.padding;
-
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        height += this._linesByPosition[position].lineHeight() + this._peaks.options.interline;
-      }
-    }
-
-    height -= this._peaks.options.interline;
-
-    return height;
-  };
-
-  Lines.prototype.linesLength = function() {
-    var length = 0;
-
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        var lineLength = this._linesByPosition[position].lineLength();
-
-        if (lineLength > length) {
-          length = lineLength;
-        }
-      }
-    }
-
-    return length;
-  };
-
-  Lines.prototype.stopAutomaticLineCreation = function() {
-    if (this._automaticLineCreationTimeout) {
-      clearTimeout(this._automaticLineCreationTimeout);
-    }
-    this._automaticLineCreationTimeout = null;
-    this._automaticLineCreationPosition = null;
-    this._automaticallyCreatedLineId = null;
-  };
-
-  Lines.prototype.manageAutomaticLineCreation = function(newLinePosition, initialPosition, sources) {
-    if (this._automaticallyCreatedLineId !== null) {
-      return;
-    }
-    else if (
-      this._automaticLineCreationPosition !== null
-      && this._automaticLineCreationPosition !== newLinePosition
-    ) {
-      this.stopAutomaticLineCreation();
-    }
-
-    if (this._automaticLineCreationTimeout) {
-      return;
-    }
-
-    this._automaticLineCreationPosition = newLinePosition;
-    this._automaticLineCreationTimeout = setTimeout(function() {
-      this._automaticLineCreationTimeout = null;
-
-      var currentLine = this._linesByPosition[initialPosition];
-
-      if (currentLine.countRemainingElements() === sources.length) {
-        this.stopAutomaticLineCreation();
-        return;
-      }
-
-      this._automaticallyCreatedLineId = this._createLine(newLinePosition);
-      this._setInteractions(newLinePosition);
-      this.moveSourcesToPosition(sources, currentLine.getPosition(), newLinePosition);
-    }.bind(this), this._peaks.options.automaticLineCreationDelay);
-  };
-
-  Lines.prototype.manageVerticalPosition = function(sources, startTime, endTime, mouseX, mouseY) {
-    if (mouseX === null || mouseX === undefined) {
-      return;
-    }
-
-    const position = sources[0].position;
-    const linePos = this.getLinesUnderY(mouseY);
-
-    if (linePos[0] !== linePos[1]) {
-      this.manageAutomaticLineCreation(linePos[0] + 1, position, sources);
-    }
-    else {
-      this.stopAutomaticLineCreation();
-
-      if (
-        mouseX !== null && mouseX !== undefined
-        && linePos[0] !== position
-        && !this._linesByPosition[linePos[0]].isSegmentsLine()
-      ) {
-        var mouseTime = this._view.pixelsToTime(mouseX + this._view.getFrameOffset());
-        var sourceDuration = Utils.roundTime(endTime - startTime);
-
-        if (this._hasSpaceForSourceAt(linePos[0], mouseTime, sourceDuration)) {
-          this.moveSourcesToPosition(sources, position, linePos[0]);
-        }
-      }
-    }
-  };
-
-  Lines.prototype._hasSpaceForSourceAt = function(linePosition, mouseTime, sourceDuration) {
-    var line = this._linesByPosition[linePosition];
-
-    if (!line || line.isSegmentsLine()) {
-      return false;
-    }
-
-    var sourcesAround = line.getSourcesAround(mouseTime);
-
-    if (sourcesAround.overlapping) {
-      return false;
-    }
-    else if (!sourcesAround.right) {
-      return true;
-    }
-    else {
-      var leftLimit = sourcesAround.left ? sourcesAround.left.endTime : 0;
-      var rightLimit = sourcesAround.right.startTime;
-
-      return sourceDuration <= Utils.roundTime(rightLimit - leftLimit);
-    }
-  };
-
-  Lines.prototype.getLineByPosition = function(pos) {
-    return this._linesByPosition[pos];
-  };
-
-  Lines.prototype.getLastPosition = function() {
-    var keys = Object.keys(this._linesByPosition);
-
-    return keys.pop();
-  };
-
-  Lines.prototype.getLinesUnderY = function(y) {
-    var height;
-    var pos = [-1, this.getLastPosition() + 1];
-
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        height = this._linesByPosition[position].lineHeight();
-
-        if (y > this._linesByPosition[position].getY()) {
-          pos[0] = Math.max(pos[0], parseInt(position, 10));
-        }
-
-        if (y < this._linesByPosition[position].getY() + height) {
-          pos[1] = Math.min(pos[1], parseInt(position, 10));
-        }
-      }
-    }
-
-    return pos;
-  };
-
-  Lines.prototype.moveSourcesToPosition = function(sources, initialPosition, targetPosition) {
-    sources.forEach(function(source) {
-      var sourceGroup = this._linesByPosition[initialPosition].removeSourceGroup(source, true);
-
-      if (sourceGroup) {
-        sourceGroup.moveTo(this._linesByPosition[targetPosition].getKonvaGroup());
-      }
-
-      this.addSourceGroup(source, sourceGroup, targetPosition);
-    }.bind(this));
-
-    this._updateLinesPosition(initialPosition);
-  };
-
-  Lines.prototype._getNextLineId = function() {
-    this._lineId++;
-    return this._lineId;
-  };
-
-  Lines.prototype._createLine = function(position) {
-    var y = this._peaks.options.padding;
-    var currentPos;
-    var newLinesByPosition = Object.assign({},this._linesByPosition);
-
-    for (var pos in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, pos)) {
-        currentPos = parseInt(pos, 10);
-        if (currentPos < position) {
-          y += this._linesByPosition[pos].lineHeight() + this._peaks.options.interline;
-        }
-        else {
-          // This code assumes that lines are ordered in ascending order of position
-          // This is the case as the keys are integers
-          if (Utils.objectHasProperty(this._linesByPosition, position)) {
-            var newPosition = currentPos + 1;
-
-            this._linesByPosition[currentPos].updatePosition(newPosition);
-            newLinesByPosition[newPosition] = this._linesByPosition[currentPos];
-
-            if (!this._linesByPosition[newPosition]) {
-              break;
-            }
-          }
-        }
-      }
-    }
-
-    var line = new Line(this._peaks, this._view, y, this._getNextLineId(), position);
-
-    this._lineIndicator.addIndicator(line);
-
-    if (this._autoAddToLayer) {
-      line.addToLayer(this._layer);
-    }
-
-    newLinesByPosition[position] = line;
-    this._linesByPosition = newLinesByPosition;
-
-    return line.getId();
-  };
-
-  Lines.prototype.updateSegments = function(frameStartTime, frameEndTime) {
-    for (var lineId in this._segmentsGroups) {
-      if (Utils.objectHasProperty(this._segmentsGroups, lineId)) {
-        this._segmentsGroups[lineId].updateSegments(frameStartTime, frameEndTime);
-      }
-    }
-  };
-
-  Lines.prototype.manageCollision = function(sources, newStartTime, newEndTime) {
-    return this._linesByPosition[sources[0].position].manageCollision(sources, newStartTime, newEndTime);
-  };
-
-  Lines.prototype.manageOrder = function(sources, startTime, endTime) {
-    // Assuming all ordered elements have the same position
-    return this._linesByPosition[sources[0].position].manageOrder(sources, startTime, endTime);
-  };
-
-  Lines.prototype._setInteractions = function(position) {
-    var line = this._linesByPosition[position];
-
-    if (this._areInteractionsOverridden) {
-      line.allowInteractions(this._areInteractionsAllowed);
-    }
-    else {
-      line.allowInteractions(
-        line.isSegmentsLine() ?
-          this._areSegmentInteractionsAllowed :
-          this._areSourceInteractionsAllowed
-      );
-    }
-  };
-
-  Lines.prototype.overrideInteractions = function(bool, areInteractionsAllowed) {
-    this._areInteractionsOverridden = typeof bool !== 'undefined' ?
-      bool : this._areInteractionsOverridden;
-    this._areInteractionsAllowed = typeof areInteractionsAllowed !== 'undefined' ?
-      areInteractionsAllowed : this._areInteractionsAllowed;
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        this._setInteractions(position);
-      }
-    }
-  };
-
-  Lines.prototype.allowInteractions = function(forSources, forSegments) {
-    this._areSourceInteractionsAllowed = typeof forSources !== 'undefined' ?
-      forSources : this._areSourceInteractionsAllowed;
-    this._areSegmentInteractionsAllowed = typeof forSegments !== 'undefined' ?
-      forSegments : this._areSegmentInteractionsAllowed;
-    for (var position in this._linesByPosition) {
-      if (Utils.objectHasProperty(this._linesByPosition, position)) {
-        this._setInteractions(position);
-      }
-    }
-  };
-
-  return Lines;
-});