@checksub_team/peaks_timeline 1.4.46 → 1.4.48

package/package.json

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

package/peaks.js

@@ -16693,21 +16693,26 @@ module.exports = function (Konva, SegmentMarker, Utils) {
 module.exports = function (Utils) {
     'use strict';
     function validateSegment(peaks, options, context) {
+        var shouldNotifyUpdate = false;
         if (!Utils.isValidTime(options.startTime)) {
             throw new TypeError('peaks.segments.' + context + ': startTime should be a valid number');
         }
         if (!Utils.isValidTime(options.endTime)) {
-            throw new TypeError('peaks.segments.' + context + ': endTime should be a valid number');
+            options.endTime = options.startTime;
+            shouldNotifyUpdate = true;
         }
         options.startTime = Utils.roundTime(options.startTime);
         options.endTime = Utils.roundTime(options.endTime);
         if (options.startTime < 0) {
             options.startTime = 0;
+            shouldNotifyUpdate = true;
         }
         if (options.endTime < 0) {
             options.endTime = 0;
+            shouldNotifyUpdate = true;
         } else if (options.endTime - options.startTime < peaks.options.minSegmentSize) {
             options.endTime = options.startTime + peaks.options.minSegmentSize;
+            shouldNotifyUpdate = true;
         }
         options.startTime = Utils.roundTime(options.startTime);
         options.endTime = Utils.roundTime(options.endTime);
@@ -16732,6 +16737,7 @@ module.exports = function (Utils) {
         } else if (!Utils.isValidColor(options.hoverColor)) {
             throw new TypeError('peaks.segments.' + context + ': hoverColor must be a boolean');
         }
+        return shouldNotifyUpdate;
     }
     function Segment(peaks, id, startTime, endTime, labelText, color, textColor, handleTextColor, hoverColor, opacity, editable, allowDeletion, line, indicators) {
         var opts = {
@@ -16748,7 +16754,7 @@ module.exports = function (Utils) {
             line: line,
             indicators: indicators
         };
-        validateSegment(peaks, opts, 'add()');
+        var shouldNotifyUpdate = validateSegment(peaks, opts, 'add()');
         this._peaks = peaks;
         this._id = id;
         this._startTime = opts.startTime;
@@ -16764,6 +16770,9 @@ module.exports = function (Utils) {
         this._line = opts.line;
         this._indicators = opts.indicators;
         this._minSize = peaks.options.minSegmentSize;
+        if (shouldNotifyUpdate) {
+            peaks.emit('segments.updated', [this]);
+        }
     }
     Object.defineProperties(Segment.prototype, {
         id: {

package/src/segment.js

@@ -12,39 +12,41 @@ define([
   'use strict';
 
   function validateSegment(peaks, options, context) {
+    var shouldNotifyUpdate = false;
+
     if (!Utils.isValidTime(options.startTime)) {
-      // eslint-disable-next-line max-len
       throw new TypeError('peaks.segments.' + context + ': startTime should be a valid number');
     }
 
     if (!Utils.isValidTime(options.endTime)) {
-      // eslint-disable-next-line max-len
-      throw new TypeError('peaks.segments.' + context + ': endTime should be a valid number');
+      options.endTime = options.startTime;
+      shouldNotifyUpdate = true;
     }
 
     options.startTime = Utils.roundTime(options.startTime);
     options.endTime = Utils.roundTime(options.endTime);
     if (options.startTime < 0) {
       options.startTime = 0;
+      shouldNotifyUpdate = true;
     }
 
     if (options.endTime < 0) {
       options.endTime = 0;
+      shouldNotifyUpdate = true;
     }
     else if (options.endTime - options.startTime < peaks.options.minSegmentSize) {
       options.endTime = options.startTime + peaks.options.minSegmentSize;
+      shouldNotifyUpdate = true;
     }
 
     options.startTime = Utils.roundTime(options.startTime);
     options.endTime = Utils.roundTime(options.endTime);
 
     if (options.opacity < 0 || options.opacity > 1) {
-      // eslint-disable-next-line max-len
       throw new RangeError('peaks.segments.' + context + ': opacity should be between 0 and 1');
     }
 
     if (Utils.isNullOrUndefined(options.labelText)) {
-      // Set default label text
       options.labelText = '';
     }
     else if (!Utils.isString(options.labelText)) {
@@ -68,6 +70,8 @@ define([
     else if (!Utils.isValidColor(options.hoverColor)) {
       throw new TypeError('peaks.segments.' + context + ': hoverColor must be a boolean');
     }
+
+    return shouldNotifyUpdate;
   }
 
   /**
@@ -110,7 +114,7 @@ define([
       indicators:      indicators
     };
 
-    validateSegment(peaks, opts, 'add()');
+    var shouldNotifyUpdate = validateSegment(peaks, opts, 'add()');
 
     this._peaks           = peaks;
     this._id              = id;
@@ -127,6 +131,10 @@ define([
     this._line            = opts.line;
     this._indicators      = opts.indicators;
     this._minSize         = peaks.options.minSegmentSize;
+
+    if (shouldNotifyUpdate) {
+      peaks.emit('segments.updated', [this]);
+    }
   }
 
   Object.defineProperties(Segment.prototype, {