@checksub_team/peaks_timeline 1.4.28 → 1.4.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checksub_team/peaks_timeline",
-  "version": "1.4.28",
+  "version": "1.4.31",
   "description": "JavaScript UI component for displaying audio waveforms",
   "main": "./peaks.js",
   "types": "./peaks.js.d.ts",

package/peaks.js

@@ -14889,6 +14889,15 @@ module.exports = function (Konva, Utils) {
         this._height = this._segmentsGroup.getCurrentHeight();
         segmentsGroup.addToGroup(this._group);
     };
+    Line.prototype.refreshSegmentsHeight = function () {
+        if (this.isSegmentsLine) {
+            var oldHeight = this._height;
+            this._height = this._segmentsGroup.getCurrentHeight();
+            if (this._height !== oldHeight) {
+                this._peaks.emit('line.heightChanged', this._position);
+            }
+        }
+    };
     Line.prototype._canBePlacedBetween = function (startTime, endTime, startLimit, endLimit) {
         var timeWidth = endTime - startTime;
         var newTimes = null;
@@ -15158,6 +15167,7 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
         this._areSourceInteractionsAllowed = true;
         this._areSegmentInteractionsAllowed = true;
         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));
@@ -15176,6 +15186,9 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
                 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) {
@@ -15192,6 +15205,9 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
     };
     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);
@@ -15217,7 +15233,7 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
         }
     };
     Lines.prototype.addSourceGroup = function (sourceGroup, position) {
-        if (!this._linesByPosition[position]) {
+        if (!this._linesByPosition[position] || this._linesByPosition[position].isSegmentsLine()) {
             this._createLine(position);
             this._setInteractions(position);
         }
@@ -15229,6 +15245,7 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
         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);
     };
@@ -16515,7 +16532,7 @@ module.exports = function (Konva, SegmentMarker) {
             fill: segment.color + Math.round(segment.opacity * 255).toString(16),
             stroke: segment.textColor + 'FF',
             strokeWidth: 1,
-            draggable: true
+            draggable: this._segment.editable
         });
         var self = this;
         this._rectangle.dragBoundFunc(function () {
@@ -16760,6 +16777,11 @@ module.exports = function (Utils) {
         if (!Utils.isInteger(options.line)) {
             throw new TypeError('peaks.segments.' + context + ': line must be an integer');
         }
+        if (Utils.isNullOrUndefined(options.editable)) {
+            options.editable = true;
+        } else if (!Utils.isBoolean(options.editable)) {
+            throw new TypeError('peaks.segments.' + context + ': editable must be a boolean');
+        }
     }
     function Segment(peaks, id, startTime, endTime, labelText, color, textColor, handleTextColor, opacity, editable, allowDeletion, line) {
         var opts = {
@@ -17106,18 +17128,20 @@ module.exports = function (SegmentShape, Utils, Konva) {
     SegmentsGroup.prototype.find = function (startTime, endTime) {
         var currentSegment = null;
         var visibleSegments = [];
-        do {
-            if (!currentSegment) {
-                currentSegment = this._segments[this._firstSegmentId];
-            } else {
-                currentSegment = this._segments[currentSegment.nextSegmentId];
-            }
-            if (currentSegment.segment.isVisible(startTime, endTime)) {
-                visibleSegments.push(currentSegment.segment);
-            } else if (visibleSegments.length) {
-                break;
-            }
-        } while (currentSegment.nextSegmentId);
+        if (this._firstSegmentId) {
+            do {
+                if (!currentSegment) {
+                    currentSegment = this._segments[this._firstSegmentId];
+                } else {
+                    currentSegment = this._segments[currentSegment.nextSegmentId];
+                }
+                if (currentSegment.segment.isVisible(startTime, endTime)) {
+                    visibleSegments.push(currentSegment.segment);
+                } else if (visibleSegments.length) {
+                    break;
+                }
+            } while (currentSegment.nextSegmentId);
+        }
         return visibleSegments;
     };
     SegmentsGroup.prototype._draw = function () {
@@ -17135,8 +17159,12 @@ module.exports = function (SegmentShape, Utils, Konva) {
                 break;
             }
         }
-        if (!currentHeight && this._segments) {
-            currentHeight = this._peaks.options.segmentHeight;
+        if (!currentHeight) {
+            if (Object.keys(this._segments).length > 0) {
+                currentHeight = this._peaks.options.segmentHeight;
+            } else {
+                currentHeight = this._peaks.options.emptyLineHeight;
+            }
         }
         return currentHeight;
     };
@@ -17233,20 +17261,25 @@ module.exports = function (SegmentShape, Utils, Konva) {
                     }
                 } else if (segment.startTime >= newStartTime) {
                     if (newStartTime < previousSegment.endTime) {
-                        if (previousSegment.startTime + previousSegment.minSize > newStartTime) {
-                            newStartTime = previousSegment.startTime + previousSegment.minSize;
-                            startLimited = true;
-                        }
-                        if (previousSegment.endTime !== newStartTime) {
-                            newXs = this.manageCollision(previousSegment, this._view.timeToPixels(previousSegment.startTime), this._view.timeToPixels(newStartTime));
-                            if (newXs.startX !== null) {
-                                previousSegment.startTime = this._view.pixelsToTime(newXs.startX);
+                        if (previousSegment.editable) {
+                            if (previousSegment.startTime + previousSegment.minSize > newStartTime) {
+                                newStartTime = previousSegment.startTime + previousSegment.minSize;
+                                startLimited = true;
                             }
-                            if (newXs.endX !== null) {
-                                previousSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                            if (previousSegment.endTime !== newStartTime) {
+                                newXs = this.manageCollision(previousSegment, this._view.timeToPixels(previousSegment.startTime), this._view.timeToPixels(newStartTime));
+                                if (newXs.startX !== null) {
+                                    previousSegment.startTime = this._view.pixelsToTime(newXs.startX);
+                                }
+                                if (newXs.endX !== null) {
+                                    previousSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                                }
+                                this._updateSegment(previousSegment);
+                                this.addToUpdatedSegments(previousSegment);
                             }
-                            this._updateSegment(previousSegment);
-                            this.addToUpdatedSegments(previousSegment);
+                        } else {
+                            newStartTime = previousSegment.endTime;
+                            startLimited = true;
                         }
                     }
                 }
@@ -17274,20 +17307,25 @@ module.exports = function (SegmentShape, Utils, Konva) {
                     }
                 } else if (segment.endTime <= newEndTime) {
                     if (newEndTime > nextSegment.startTime) {
-                        if (nextSegment.endTime - nextSegment.minSize < newEndTime) {
-                            newEndTime = nextSegment.endTime - nextSegment.minSize;
-                            endLimited = true;
-                        }
-                        if (nextSegment.startTime !== newEndTime) {
-                            newXs = this.manageCollision(nextSegment, this._view.timeToPixels(newEndTime), this._view.timeToPixels(nextSegment.endTime));
-                            if (newXs.startX !== null) {
-                                nextSegment.startTime = this._view.pixelsToTime(newXs.startX);
+                        if (nextSegment.editable) {
+                            if (nextSegment.endTime - nextSegment.minSize < newEndTime) {
+                                newEndTime = nextSegment.endTime - nextSegment.minSize;
+                                endLimited = true;
                             }
-                            if (newXs.endX !== null) {
-                                nextSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                            if (nextSegment.startTime !== newEndTime) {
+                                newXs = this.manageCollision(nextSegment, this._view.timeToPixels(newEndTime), this._view.timeToPixels(nextSegment.endTime));
+                                if (newXs.startX !== null) {
+                                    nextSegment.startTime = this._view.pixelsToTime(newXs.startX);
+                                }
+                                if (newXs.endX !== null) {
+                                    nextSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                                }
+                                this._updateSegment(nextSegment);
+                                this.addToUpdatedSegments(nextSegment);
                             }
-                            this._updateSegment(nextSegment);
-                            this.addToUpdatedSegments(nextSegment);
+                        } else {
+                            newEndTime = nextSegment.startTime;
+                            endLimited = true;
                         }
                     }
                 }
@@ -18230,11 +18268,8 @@ module.exports = function (Utils) {
         } else if (options.wrapping === 'complete') {
             options.wrapped = false;
         }
-        if (!Utils.isNullOrUndefined(options.tts) && !Utils.isBoolean(options.tts)) {
-            throw new TypeError('peaks.sources.' + context + ': tts must be a boolean or undefined');
-        }
     }
-    function Source(peaks, id, originId, elementId, title, url, previewUrl, binaryUrl, kind, duration, startTime, endTime, mediaStartTime, mediaEndTime, color, borderColor, selectedColor, textColor, borderWidth, wrapped, position, draggable, resizable, wrapping, previewHeight, binaryHeight, tts) {
+    function Source(peaks, id, originId, elementId, title, url, previewUrl, binaryUrl, kind, duration, startTime, endTime, mediaStartTime, mediaEndTime, color, borderColor, selectedColor, textColor, borderWidth, wrapped, position, draggable, resizable, wrapping, previewHeight, binaryHeight) {
         var opts = {
             title: title,
             url: url,
@@ -18257,8 +18292,7 @@ module.exports = function (Utils) {
             resizable: resizable,
             wrapping: wrapping,
             previewHeight: previewHeight,
-            binaryHeight: binaryHeight,
-            tts: tts
+            binaryHeight: binaryHeight
         };
         validateSource(peaks, opts, 'add()');
         this._peaks = peaks;
@@ -18288,7 +18322,6 @@ module.exports = function (Utils) {
         this._previewHeight = opts.previewHeight;
         this._binaryHeight = opts.binaryHeight;
         this._minSize = peaks.options.minSourceSize;
-        this._tts = opts.tts;
     }
     Object.defineProperties(Source.prototype, {
         id: {
@@ -18494,14 +18527,6 @@ module.exports = function (Utils) {
             get: function () {
                 return this._minSize;
             }
-        },
-        tts: {
-            get: function () {
-                return this._tts;
-            },
-            set: function (tts) {
-                this._tts = tts;
-            }
         }
     });
     Source.prototype.updateTimes = function (newStartTime, newEndTime) {
@@ -18611,8 +18636,7 @@ module.exports = function (Utils) {
             resizable: this.resizable,
             wrapping: this.wrapping,
             previewHeight: this.previewHeight,
-            binaryHeight: this.binaryHeight,
-            tts: this.tts
+            binaryHeight: this.binaryHeight
         };
         Utils.extend(opts, options);
         validateSource(this._peaks, opts, 'update()');
@@ -18638,7 +18662,6 @@ module.exports = function (Utils) {
         this._wrapping = opts.wrapping;
         this._previewHeight = opts.previewHeight;
         this._binaryHeight = opts.binaryHeight;
-        this._tts = opts.tts;
         this._peaks.emit('source.update', this);
     };
     Source.prototype.isVisible = function (startTime, endTime) {
@@ -19177,7 +19200,7 @@ module.exports = function (Colors, Segment, Utils) {
         if (!Utils.isObject(options)) {
             throw new TypeError('peaks.segments.add(): expected a Segment object parameter');
         }
-        var segment = new Segment(this._peaks, Utils.isNullOrUndefined(options.id) ? this._getNextSegmentId() : options.id, options.startTime, options.endTime, options.labelText, options.color || this._getSegmentColor(), options.textColor || '#000000', options.handleTextColor || '#000000', options.opacity || 1, true, options.allowDeletion || false, options.line);
+        var segment = new Segment(this._peaks, Utils.isNullOrUndefined(options.id) ? this._getNextSegmentId() : options.id, options.startTime, options.endTime, options.labelText, options.color || this._getSegmentColor(), options.textColor || '#000000', options.handleTextColor || '#000000', options.opacity || 1, options.editable, options.allowDeletion || false, options.line);
         return segment;
     };
     TimelineSegments.prototype.getSegments = function () {
@@ -19276,8 +19299,10 @@ module.exports = function (Colors, Segment, Utils) {
         return this._removeSegments(fnFilter);
     };
     TimelineSegments.prototype.removeAll = function (lineId) {
-        this._segments = [];
-        this._segmentsById = {};
+        var indexes = this._findSegment(function (segment) {
+            return segment.line === lineId;
+        });
+        this._removeIndexes(indexes);
         this._peaks.emit('segments.remove_all', lineId);
     };
     return TimelineSegments;
@@ -19325,8 +19350,7 @@ module.exports = function (Source, Utils) {
                 resizable: sourceToCut.resizable,
                 wrapping: sourceToCut.wrapping,
                 previewHeight: sourceToCut.previewHeight,
-                binaryHeight: sourceToCut.binaryHeight,
-                tts: sourceToCut.tts
+                binaryHeight: sourceToCut.binaryHeight
             }]);
         this._peaks.emit('sources.updated');
     };
@@ -19341,7 +19365,7 @@ module.exports = function (Source, Utils) {
         if (!Utils.isObject(options)) {
             throw new TypeError('peaks.sources.add(): expected a Source object parameter');
         }
-        var source = new Source(this._peaks, options.id || this._getNextSourceId(), options.originId, options.elementId, options.title, options.url, options.previewUrl, options.binaryUrl, options.kind, options.duration, options.startTime, options.endTime, options.mediaStartTime, options.mediaEndTime, options.color, options.borderColor, options.selectedColor, options.textColor, options.borderWidth, options.wrapped, options.position, options.draggable, options.resizable, options.wrapping, options.previewHeight, options.binaryHeight, options.tts);
+        var source = new Source(this._peaks, options.id || this._getNextSourceId(), options.originId, options.elementId, options.title, options.url, options.previewUrl, options.binaryUrl, options.kind, options.duration, options.startTime, options.endTime, options.mediaStartTime, options.mediaEndTime, options.color, options.borderColor, options.selectedColor, options.textColor, options.borderWidth, options.wrapped, options.position, options.draggable, options.resizable, options.wrapping, options.previewHeight, options.binaryHeight);
         return source;
     };
     TimelineSources.prototype.getSources = function () {

package/src/line.js

@@ -279,6 +279,18 @@ define([
     segmentsGroup.addToGroup(this._group);
   };
 
+  Line.prototype.refreshSegmentsHeight = function() {
+    if (this.isSegmentsLine) {
+      var oldHeight = this._height;
+
+      this._height = this._segmentsGroup.getCurrentHeight();
+
+      if (this._height !== oldHeight) {
+        this._peaks.emit('line.heightChanged', this._position);
+      }
+    }
+  };
+
   Line.prototype._canBePlacedBetween = function(startTime, endTime, startLimit, endLimit) {
     var timeWidth = endTime - startTime;
     var newTimes = null;

package/src/lines.js

@@ -29,6 +29,7 @@ define([
     this._areSegmentInteractionsAllowed = true;
 
     this._segmentsGroups = {};
+    this._segmentsGroupToLine = {};
 
     this._lineId = 0;
 
@@ -58,6 +59,9 @@ define([
       }
 
       self._segmentsGroups[segment.line].onSegmentsAdd([segment]);
+      if (Utils.objectHasProperty(self._segmentsGroupToLine, segment.line)) {
+        self._segmentsGroupToLine[segment.line].refreshSegmentsHeight();
+      }
     });
   };
 
@@ -79,6 +83,10 @@ define([
 
   Lines.prototype._onSegmentsRemoveAll = function(lineId) {
     this._segmentsGroups[lineId].onSegmentsRemoveAll();
+
+    if (Utils.objectHasProperty(this._segmentsGroupToLine, lineId)) {
+      this._segmentsGroupToLine[lineId].refreshSegmentsHeight();
+    }
   };
 
   Lines.prototype._onLineHeightChanged = function(position) {
@@ -110,7 +118,7 @@ define([
   };
 
   Lines.prototype.addSourceGroup = function(sourceGroup, position) {
-    if (!this._linesByPosition[position]) {
+    if (!this._linesByPosition[position] || this._linesByPosition[position].isSegmentsLine()) {
       this._createLine(position);
       this._setInteractions(position);
     }
@@ -126,6 +134,8 @@ define([
     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);

package/src/segment-shape.js

@@ -52,7 +52,7 @@ define([
       fill: segment.color + Math.round(segment.opacity * 255).toString(16),
       stroke: segment.textColor + 'FF',
       strokeWidth: 1,
-      draggable: true
+      draggable: this._segment.editable
     });
 
     var self = this;

package/src/segment.js

@@ -54,6 +54,13 @@ define([
     if (!Utils.isInteger(options.line)) {
       throw new TypeError('peaks.segments.' + context + ': line must be an integer');
     }
+
+    if (Utils.isNullOrUndefined(options.editable)) {
+      options.editable = true;
+    }
+    else if (!Utils.isBoolean(options.editable)) {
+      throw new TypeError('peaks.segments.' + context + ': editable must be a boolean');
+    }
   }
 
   /**

package/src/segments-group.js

@@ -326,21 +326,23 @@ define([
     var currentSegment = null;
     var visibleSegments = [];
 
-    do {
-      if (!currentSegment) {
-        currentSegment = this._segments[this._firstSegmentId];
-      }
-      else {
-        currentSegment = this._segments[currentSegment.nextSegmentId];
-      }
+    if (this._firstSegmentId) {
+      do {
+        if (!currentSegment) {
+          currentSegment = this._segments[this._firstSegmentId];
+        }
+        else {
+          currentSegment = this._segments[currentSegment.nextSegmentId];
+        }
 
-      if (currentSegment.segment.isVisible(startTime, endTime)) {
-        visibleSegments.push(currentSegment.segment);
-      }
-      else if (visibleSegments.length) {
-        break;
-      }
-    } while (currentSegment.nextSegmentId);
+        if (currentSegment.segment.isVisible(startTime, endTime)) {
+          visibleSegments.push(currentSegment.segment);
+        }
+        else if (visibleSegments.length) {
+          break;
+        }
+      } while (currentSegment.nextSegmentId);
+    }
 
     return visibleSegments;
   };
@@ -370,8 +372,13 @@ define([
       }
     }
 
-    if (!currentHeight && this._segments) {
-      currentHeight = this._peaks.options.segmentHeight;
+    if (!currentHeight) {
+      if (Object.keys(this._segments).length > 0) {
+        currentHeight = this._peaks.options.segmentHeight;
+      }
+      else {
+        currentHeight = this._peaks.options.emptyLineHeight;
+      }
     }
 
     return currentHeight;
@@ -520,27 +527,34 @@ define([
           // startMarker moved to the left
           if (newStartTime < previousSegment.endTime) {
             // there is collision
-            if (previousSegment.startTime + previousSegment.minSize > newStartTime) {
-              newStartTime = previousSegment.startTime + previousSegment.minSize;
-              startLimited = true;
-            }
+            if (previousSegment.editable) {
+              if (previousSegment.startTime + previousSegment.minSize > newStartTime) {
+                newStartTime = previousSegment.startTime + previousSegment.minSize;
+                startLimited = true;
+              }
 
-            if (previousSegment.endTime !== newStartTime) {
-              newXs = this.manageCollision(
-                previousSegment,
-                this._view.timeToPixels(previousSegment.startTime),
-                this._view.timeToPixels(newStartTime)
-              );
+              if (previousSegment.endTime !== newStartTime) {
+                newXs = this.manageCollision(
+                  previousSegment,
+                  this._view.timeToPixels(previousSegment.startTime),
+                  this._view.timeToPixels(newStartTime)
+                );
 
-              if (newXs.startX !== null) {
-                previousSegment.startTime = this._view.pixelsToTime(newXs.startX);
-              }
+                if (newXs.startX !== null) {
+                  previousSegment.startTime = this._view.pixelsToTime(newXs.startX);
+                }
 
-              if (newXs.endX !== null) {
-                previousSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                if (newXs.endX !== null) {
+                  previousSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                }
+
+                this._updateSegment(previousSegment);
+                this.addToUpdatedSegments(previousSegment);
               }
-              this._updateSegment(previousSegment);
-              this.addToUpdatedSegments(previousSegment);
+            }
+            else {
+              newStartTime = previousSegment.endTime;
+              startLimited = true;
             }
           }
         }
@@ -578,27 +592,34 @@ define([
           // endMarker moved to the right
           if (newEndTime > nextSegment.startTime) {
             // there is collision
-            if (nextSegment.endTime - nextSegment.minSize < newEndTime) {
-              newEndTime = nextSegment.endTime - nextSegment.minSize;
-              endLimited = true;
-            }
+            if (nextSegment.editable) {
+              if (nextSegment.endTime - nextSegment.minSize < newEndTime) {
+                newEndTime = nextSegment.endTime - nextSegment.minSize;
+                endLimited = true;
+              }
 
-            if (nextSegment.startTime !== newEndTime) {
-              newXs = this.manageCollision(
-                nextSegment,
-                this._view.timeToPixels(newEndTime),
-                this._view.timeToPixels(nextSegment.endTime)
-              );
+              if (nextSegment.startTime !== newEndTime) {
+                newXs = this.manageCollision(
+                  nextSegment,
+                  this._view.timeToPixels(newEndTime),
+                  this._view.timeToPixels(nextSegment.endTime)
+                );
 
-              if (newXs.startX !== null) {
-                nextSegment.startTime = this._view.pixelsToTime(newXs.startX);
-              }
+                if (newXs.startX !== null) {
+                  nextSegment.startTime = this._view.pixelsToTime(newXs.startX);
+                }
+
+                if (newXs.endX !== null) {
+                  nextSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                }
 
-              if (newXs.endX !== null) {
-                nextSegment.endTime = this._view.pixelsToTime(newXs.endX);
+                this._updateSegment(nextSegment);
+                this.addToUpdatedSegments(nextSegment);
               }
-              this._updateSegment(nextSegment);
-              this.addToUpdatedSegments(nextSegment);
+            }
+            else {
+              newEndTime = nextSegment.startTime;
+              endLimited = true;
             }
           }
         }

package/src/source.js

@@ -197,10 +197,6 @@ define([
     else if (options.wrapping === 'complete') {
       options.wrapped = false;
     }
-
-    if (!Utils.isNullOrUndefined(options.tts) && !Utils.isBoolean(options.tts)) {
-      throw new TypeError('peaks.sources.' + context + ': tts must be a boolean or undefined');
-    }
   }
 
   /**
@@ -226,7 +222,7 @@ define([
   function Source(peaks, id, originId, elementId, title, url, previewUrl, binaryUrl, kind,
     duration, startTime, endTime, mediaStartTime, mediaEndTime, color, borderColor,
     selectedColor, textColor, borderWidth, wrapped, position, draggable, resizable, wrapping,
-    previewHeight, binaryHeight, tts) {
+    previewHeight, binaryHeight) {
     var opts = {
       title: title,
       url: url,
@@ -249,8 +245,7 @@ define([
       resizable: resizable,
       wrapping: wrapping,
       previewHeight: previewHeight,
-      binaryHeight: binaryHeight,
-      tts: tts
+      binaryHeight: binaryHeight
     };
 
     validateSource(peaks, opts, 'add()');
@@ -282,7 +277,6 @@ define([
     this._previewHeight = opts.previewHeight;
     this._binaryHeight = opts.binaryHeight;
     this._minSize = peaks.options.minSourceSize;
-    this._tts = opts.tts;
   }
 
   Object.defineProperties(Source.prototype, {
@@ -503,15 +497,6 @@ define([
       get: function() {
         return this._minSize;
       }
-    },
-    tts: {
-      get: function() {
-        return this._tts;
-      },
-
-      set: function(tts) {
-        this._tts = tts;
-      }
     }
   });
 
@@ -653,8 +638,7 @@ define([
       resizable: this.resizable,
       wrapping: this.wrapping,
       previewHeight: this.previewHeight,
-      binaryHeight: this.binaryHeight,
-      tts: this.tts
+      binaryHeight: this.binaryHeight
     };
 
     Utils.extend(opts, options);
@@ -683,7 +667,6 @@ define([
     this._wrapping = opts.wrapping;
     this._previewHeight = opts.previewHeight;
     this._binaryHeight = opts.binaryHeight;
-    this._tts = opts.tts;
 
     this._peaks.emit('source.update', this);
   };

package/src/timeline-segments.js

@@ -136,7 +136,7 @@ define([
       options.textColor || '#000000',
       options.handleTextColor || '#000000',
       options.opacity || 1,
-      true, // editable
+      options.editable,
       options.allowDeletion || false,
       options.line
     );
@@ -382,8 +382,11 @@ define([
    */
 
   TimelineSegments.prototype.removeAll = function(lineId) {
-    this._segments = [];
-    this._segmentsById = {};
+    var indexes = this._findSegment(function(segment) {
+      return segment.line === lineId;
+    });
+
+    this._removeIndexes(indexes);
     this._peaks.emit('segments.remove_all', lineId);
   };
 

package/src/timeline-sources.js

@@ -87,8 +87,7 @@ define([
       resizable: sourceToCut.resizable,
       wrapping: sourceToCut.wrapping,
       previewHeight: sourceToCut.previewHeight,
-      binaryHeight: sourceToCut.binaryHeight,
-      tts: sourceToCut.tts
+      binaryHeight: sourceToCut.binaryHeight
     }]);
 
     this._peaks.emit('sources.updated');
@@ -160,8 +159,7 @@ define([
       options.resizable,
       options.wrapping,
       options.previewHeight,
-      options.binaryHeight,
-      options.tts
+      options.binaryHeight
     );
 
     return source;