@checksub_team/peaks_timeline 2.4.0-alpha.0 → 2.4.0-alpha.1

package/package.json

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

package/peaks.js

@@ -14563,7 +14563,7 @@ module.exports = function (Utils, Invoker, Konva) {
     };
     return Axis;
 }(_dereq_('../utils'), _dereq_('./invoker'), _dereq_('konva'));
-},{"../utils":116,"./invoker":90,"konva":43}],87:[function(_dereq_,module,exports){
+},{"../utils":117,"./invoker":90,"konva":43}],87:[function(_dereq_,module,exports){
 module.exports = function (Data, Utils) {
     'use strict';
     function DataRetriever(peaks) {
@@ -14639,7 +14639,7 @@ module.exports = function (Data, Utils) {
     };
     return DataRetriever;
 }(_dereq_('./data'), _dereq_('../utils'));
-},{"../utils":116,"./data":88}],88:[function(_dereq_,module,exports){
+},{"../utils":117,"./data":88}],88:[function(_dereq_,module,exports){
 module.exports = function () {
     'use strict';
     function Data(type, content) {
@@ -14762,7 +14762,7 @@ module.exports = function (Utils, Konva) {
     };
     return DefaultSegmentMarker;
 }(_dereq_('../utils'), _dereq_('konva'));
-},{"../utils":116,"konva":43}],90:[function(_dereq_,module,exports){
+},{"../utils":117,"konva":43}],90:[function(_dereq_,module,exports){
 module.exports = function () {
     'use strict';
     var raf = typeof window !== 'undefined' && window.requestAnimationFrame || function (fn) {
@@ -15494,7 +15494,7 @@ module.exports = function (SourceGroup, Utils, Konva) {
     };
     return LineGroup;
 }(_dereq_('./source-group'), _dereq_('../utils'), _dereq_('konva'));
-},{"../utils":116,"./source-group":102,"konva":43}],92:[function(_dereq_,module,exports){
+},{"../utils":117,"./source-group":102,"konva":43}],92:[function(_dereq_,module,exports){
 module.exports = function (SegmentsGroup, LineGroup, LineIndicator, Utils) {
     'use strict';
     function LineGroups(peaks, view, layer) {
@@ -15966,7 +15966,7 @@ module.exports = function (SegmentsGroup, LineGroup, LineIndicator, Utils) {
     };
     return LineGroups;
 }(_dereq_('./segments-group'), _dereq_('./line-group'), _dereq_('./line-indicator'), _dereq_('../utils'));
-},{"../utils":116,"./line-group":91,"./line-indicator":93,"./segments-group":101}],93:[function(_dereq_,module,exports){
+},{"../utils":117,"./line-group":91,"./line-indicator":93,"./segments-group":101}],93:[function(_dereq_,module,exports){
 module.exports = function (Konva, SVGs, Invoker, Utils) {
     'use strict';
     function LineIndicator(peaks, view, container) {
@@ -16346,7 +16346,7 @@ module.exports = function (Konva, SVGs, Invoker, Utils) {
     };
     return LineIndicator;
 }(_dereq_('konva'), _dereq_('./svgs'), _dereq_('./invoker'), _dereq_('../utils'));
-},{"../utils":116,"./invoker":90,"./svgs":104,"konva":43}],94:[function(_dereq_,module,exports){
+},{"../utils":117,"./invoker":90,"./svgs":104,"konva":43}],94:[function(_dereq_,module,exports){
 module.exports = function (Konva) {
     'use strict';
     var RADIUS = 5;
@@ -16427,7 +16427,7 @@ module.exports = function (DefaultSegmentMarker, Utils, Konva) {
         createSegmentLabel: createSegmentLabel
     };
 }(_dereq_('./default-segment-marker'), _dereq_('../utils'), _dereq_('konva'));
-},{"../utils":116,"./default-segment-marker":89,"konva":43}],96:[function(_dereq_,module,exports){
+},{"../utils":117,"./default-segment-marker":89,"konva":43}],96:[function(_dereq_,module,exports){
 module.exports = function (SourceGroup, Invoker, Source, Utils, Konva) {
     'use strict';
     var TIME_X_OFFSET = 20;
@@ -16814,7 +16814,7 @@ module.exports = function (SourceGroup, Invoker, Source, Utils, Konva) {
     };
     return ModeLayer;
 }(_dereq_('./source-group'), _dereq_('./invoker'), _dereq_('../models/source'), _dereq_('../utils'), _dereq_('konva'));
-},{"../models/source":112,"../utils":116,"./invoker":90,"./source-group":102,"konva":43}],97:[function(_dereq_,module,exports){
+},{"../models/source":112,"../utils":117,"./invoker":90,"./source-group":102,"konva":43}],97:[function(_dereq_,module,exports){
 module.exports = function (Konva) {
     'use strict';
     function getMarkerObject(obj) {
@@ -17136,7 +17136,7 @@ module.exports = function (Utils, Invoker, Konva) {
     };
     return PlayheadLayer;
 }(_dereq_('../utils'), _dereq_('./invoker'), _dereq_('konva'));
-},{"../utils":116,"./invoker":90,"konva":43}],99:[function(_dereq_,module,exports){
+},{"../utils":117,"./invoker":90,"konva":43}],99:[function(_dereq_,module,exports){
 module.exports = function (Konva) {
     'use strict';
     function SegmentMarker(options) {
@@ -17587,7 +17587,7 @@ module.exports = function (Konva, SegmentMarker, Utils) {
     };
     return SegmentShape;
 }(_dereq_('konva'), _dereq_('./segment-marker'), _dereq_('../utils'));
-},{"../utils":116,"./segment-marker":99,"konva":43}],101:[function(_dereq_,module,exports){
+},{"../utils":117,"./segment-marker":99,"konva":43}],101:[function(_dereq_,module,exports){
 module.exports = function (SegmentShape, Utils, Konva) {
     'use strict';
     function SegmentsGroup(peaks, view, allowEditing) {
@@ -18127,7 +18127,7 @@ module.exports = function (SegmentShape, Utils, Konva) {
     };
     return SegmentsGroup;
 }(_dereq_('./segment-shape'), _dereq_('../utils'), _dereq_('konva'));
-},{"../utils":116,"./segment-shape":100,"konva":43}],102:[function(_dereq_,module,exports){
+},{"../utils":117,"./segment-shape":100,"konva":43}],102:[function(_dereq_,module,exports){
 module.exports = function (WaveformBuilder, WaveformShape, Loader, Invoker, Utils, Konva) {
     'use strict';
     var SPACING_BETWEEN_PREVIEW_AND_BORDER_RATIO = 0.15;
@@ -19857,7 +19857,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Loader, Invoker, Util
     };
     return SourceGroup;
 }(_dereq_('./waveform-builder'), _dereq_('./waveform-shape'), _dereq_('./loader'), _dereq_('./invoker'), _dereq_('../utils'), _dereq_('konva'));
-},{"../utils":116,"./invoker":90,"./loader":94,"./waveform-builder":105,"./waveform-shape":106,"konva":43}],103:[function(_dereq_,module,exports){
+},{"../utils":117,"./invoker":90,"./loader":94,"./waveform-builder":105,"./waveform-shape":106,"konva":43}],103:[function(_dereq_,module,exports){
 module.exports = function (SourceGroup, LineGroups, DataRetriever, Invoker, Utils, Konva) {
     'use strict';
     function SourcesLayer(peaks, view, allowEditing) {
@@ -20584,7 +20584,7 @@ module.exports = function (SourceGroup, LineGroups, DataRetriever, Invoker, Util
     };
     return SourcesLayer;
 }(_dereq_('./source-group'), _dereq_('./line-groups'), _dereq_('./data-retriever'), _dereq_('./invoker'), _dereq_('../utils'), _dereq_('konva'));
-},{"../utils":116,"./data-retriever":87,"./invoker":90,"./line-groups":92,"./source-group":102,"konva":43}],104:[function(_dereq_,module,exports){
+},{"../utils":117,"./data-retriever":87,"./invoker":90,"./line-groups":92,"./source-group":102,"konva":43}],104:[function(_dereq_,module,exports){
 module.exports = function () {
     'use strict';
     var SVGs = {
@@ -20824,7 +20824,7 @@ module.exports = function (WaveformData, Utils) {
     };
     return WaveformBuilder;
 }(_dereq_('waveform-data'), _dereq_('../utils'));
-},{"../utils":116,"waveform-data":85}],106:[function(_dereq_,module,exports){
+},{"../utils":117,"waveform-data":85}],106:[function(_dereq_,module,exports){
 module.exports = function (Utils, Konva) {
     'use strict';
     function scaleY(amplitude, height, scale) {
@@ -20934,7 +20934,7 @@ module.exports = function (Utils, Konva) {
     };
     return WaveformShape;
 }(_dereq_('../utils'), _dereq_('konva'));
-},{"../utils":116,"konva":43}],107:[function(_dereq_,module,exports){
+},{"../utils":117,"konva":43}],107:[function(_dereq_,module,exports){
 module.exports = function () {
     'use strict';
     var nodes = [
@@ -21077,7 +21077,7 @@ module.exports = function (Line, Utils) {
     };
     return LineHandler;
 }(_dereq_('./models/line'), _dereq_('./utils'));
-},{"./models/line":110,"./utils":116}],109:[function(_dereq_,module,exports){
+},{"./models/line":110,"./utils":117}],109:[function(_dereq_,module,exports){
 module.exports = function (Colors, EventEmitter, SegmentHandler, SourceHandler, LineHandler, KeyboardHandler, Player, View, MarkerFactories, Utils) {
     'use strict';
     function Peaks() {
@@ -21369,7 +21369,7 @@ module.exports = function (Colors, EventEmitter, SegmentHandler, SourceHandler,
     };
     return Peaks;
 }(_dereq_('colors.css'), _dereq_('eventemitter2'), _dereq_('./segment-handler'), _dereq_('./source-handler'), _dereq_('./line-handler'), _dereq_('./keyboard-handler'), _dereq_('./player'), _dereq_('./view'), _dereq_('./components/marker-factories'), _dereq_('./utils'));
-},{"./components/marker-factories":95,"./keyboard-handler":107,"./line-handler":108,"./player":113,"./segment-handler":114,"./source-handler":115,"./utils":116,"./view":117,"colors.css":1,"eventemitter2":2}],110:[function(_dereq_,module,exports){
+},{"./components/marker-factories":95,"./keyboard-handler":107,"./line-handler":108,"./player":113,"./segment-handler":114,"./source-handler":115,"./utils":117,"./view":118,"colors.css":1,"eventemitter2":2}],110:[function(_dereq_,module,exports){
 module.exports = function (Utils) {
     'use strict';
     function validateLine(options, context) {
@@ -21488,7 +21488,7 @@ module.exports = function (Utils) {
     };
     return Line;
 }(_dereq_('../utils'));
-},{"../utils":116}],111:[function(_dereq_,module,exports){
+},{"../utils":117}],111:[function(_dereq_,module,exports){
 module.exports = function (Utils) {
     'use strict';
     function validateSegment(peaks, options, context) {
@@ -21804,9 +21804,10 @@ module.exports = function (Utils) {
     };
     return Segment;
 }(_dereq_('../utils'));
-},{"../utils":116}],112:[function(_dereq_,module,exports){
-module.exports = function (Utils) {
+},{"../utils":117}],112:[function(_dereq_,module,exports){
+module.exports = function (SourceKeys, Utils) {
     'use strict';
+    var RESERVED_SOURCE_KEYS = SourceKeys;
     function validateSource(peaks, options, context) {
         if (!Utils.isValidTime(options.startTime)) {
             throw new TypeError('peaks.sources.' + context + ': startTime should be a valid number');
@@ -22176,7 +22177,7 @@ module.exports = function (Utils) {
         for (var i = 0; i < customParams.length; i += 2) {
             var key = customParams[i];
             var value = customParams[i + 1];
-            if (key && key.startsWith('custom_')) {
+            if (key && typeof key === 'string' && !key.startsWith('_') && !RESERVED_SOURCE_KEYS.has(key)) {
                 this[key] = value;
             }
         }
@@ -22800,7 +22801,7 @@ module.exports = function (Utils) {
         this._waveformData = opts.waveformData;
         if (options && typeof options === 'object') {
             for (var key in options) {
-                if (Object.prototype.hasOwnProperty.call(options, key) && key.startsWith('custom_')) {
+                if (key && typeof key === 'string' && Object.prototype.hasOwnProperty.call(options, key) && !key.startsWith('_') && !RESERVED_SOURCE_KEYS.has(key)) {
                     this[key] = options[key];
                 }
             }
@@ -22838,7 +22839,7 @@ module.exports = function (Utils) {
     Source.prototype.toSerializable = function () {
         var serializable = {};
         for (var key in this) {
-            if (Object.prototype.hasOwnProperty.call(this, key) && key.startsWith('custom_')) {
+            if (key && typeof key === 'string' && Object.prototype.hasOwnProperty.call(this, key) && !key.startsWith('_') && !RESERVED_SOURCE_KEYS.has(key)) {
                 serializable[key] = this[key];
             }
         }
@@ -22855,8 +22856,8 @@ module.exports = function (Utils) {
         return serializable;
     };
     return Source;
-}(_dereq_('../utils'));
-},{"../utils":116}],113:[function(_dereq_,module,exports){
+}(_dereq_('../source-keys'), _dereq_('../utils'));
+},{"../source-keys":116,"../utils":117}],113:[function(_dereq_,module,exports){
 module.exports = function (Utils) {
     'use strict';
     function Player(peaks) {
@@ -22889,7 +22890,7 @@ module.exports = function (Utils) {
     };
     return Player;
 }(_dereq_('./utils'));
-},{"./utils":116}],114:[function(_dereq_,module,exports){
+},{"./utils":117}],114:[function(_dereq_,module,exports){
 module.exports = function (Colors, Segment, Utils) {
     'use strict';
     function SegmentHandler(peaks) {
@@ -23051,9 +23052,10 @@ module.exports = function (Colors, Segment, Utils) {
     };
     return SegmentHandler;
 }(_dereq_('colors.css'), _dereq_('./models/segment'), _dereq_('./utils'));
-},{"./models/segment":111,"./utils":116,"colors.css":1}],115:[function(_dereq_,module,exports){
-module.exports = function (Source, Utils) {
+},{"./models/segment":111,"./utils":117,"colors.css":1}],115:[function(_dereq_,module,exports){
+module.exports = function (Source, SourceKeys, Utils) {
     'use strict';
+    var SOURCE_OPTION_KEYS = SourceKeys;
     function SourceHandler(peaks) {
         this._peaks = peaks;
         this._sources = [];
@@ -23122,11 +23124,11 @@ module.exports = function (Source, Utils) {
             targetSpeed: sourceToCut.targetSpeed,
             waveformData: sourceToCut.waveformData
         };
-        for (var key in sourceToCut) {
-            if (key.startsWith('custom_')) {
+        Object.keys(sourceToCut).forEach(function (key) {
+            if (key && !key.startsWith('_') && !SOURCE_OPTION_KEYS.has(key)) {
                 newSourceOptions[key] = sourceToCut[key];
             }
-        }
+        });
         var newSource = this._add([newSourceOptions])[0];
         this._peaks.emit('sources.updated', [
             sourceToCut,
@@ -23144,13 +23146,13 @@ module.exports = function (Source, Utils) {
         if (!Utils.isObject(options)) {
             throw new TypeError('peaks.sources.add(): expected a Source object parameter');
         }
-        var customParams = [];
+        var extraParams = [];
         Object.entries(options).forEach(function ([key, value]) {
-            if (key.startsWith('custom_')) {
-                customParams.push(key, value);
+            if (key && typeof key === 'string' && !key.startsWith('_') && !SOURCE_OPTION_KEYS.has(key)) {
+                extraParams.push(key, value);
             }
         });
-        var source = new Source(this._peaks, options.id || this._getNextSourceId(), options.lineId, options.originId, options.elementId, options.title, options.titleAlignments, options.url, options.previewUrl, options.binaryUrl, options.kind, options.subkind, options.duration, options.startTime, options.endTime, options.mediaStartTime, options.mediaEndTime, options.color, options.backgroundColor, options.hoverBackgroundColor, options.selectedBackgroundColor, options.borderColor, options.selectedBorderColor, options.warningColor, options.warningWidth, options.volumeSliderColor, options.volumeSliderWidth, options.volumeSliderDraggingWidth, options.textFont, options.textFontSize, options.textColor, options.textBackgroundColor, options.textPosition, options.textAutoScroll, options.borderWidth, options.borderRadius, options.wrapped, options.draggable, options.orderable, options.resizable, options.cuttable, options.deletable, options.wrapping, options.previewHeight, options.binaryHeight, options.indicators, options.markers, options.buttons, options.markerColor, options.markerWidth, options.volume, options.volumeRange, options.loading, options.targetSpeed, options.waveformData, ...customParams);
+        var source = new Source(this._peaks, options.id || this._getNextSourceId(), options.lineId, options.originId, options.elementId, options.title, options.titleAlignments, options.url, options.previewUrl, options.binaryUrl, options.kind, options.subkind, options.duration, options.startTime, options.endTime, options.mediaStartTime, options.mediaEndTime, options.color, options.backgroundColor, options.hoverBackgroundColor, options.selectedBackgroundColor, options.borderColor, options.selectedBorderColor, options.warningColor, options.warningWidth, options.volumeSliderColor, options.volumeSliderWidth, options.volumeSliderDraggingWidth, options.textFont, options.textFontSize, options.textColor, options.textBackgroundColor, options.textPosition, options.textAutoScroll, options.borderWidth, options.borderRadius, options.wrapped, options.draggable, options.orderable, options.resizable, options.cuttable, options.deletable, options.wrapping, options.previewHeight, options.binaryHeight, options.indicators, options.markers, options.buttons, options.markerColor, options.markerWidth, options.volume, options.volumeRange, options.loading, options.targetSpeed, options.waveformData, ...extraParams);
         return source;
     };
     SourceHandler.prototype.getSources = function () {
@@ -23265,8 +23267,68 @@ module.exports = function (Source, Utils) {
         this._peaks.emit('handler.sources.hide', [this._sourcesById[sourceId]]);
     };
     return SourceHandler;
-}(_dereq_('./models/source'), _dereq_('./utils'));
-},{"./models/source":112,"./utils":116}],116:[function(_dereq_,module,exports){
+}(_dereq_('./models/source'), _dereq_('./source-keys'), _dereq_('./utils'));
+},{"./models/source":112,"./source-keys":116,"./utils":117}],116:[function(_dereq_,module,exports){
+module.exports = function () {
+    'use strict';
+    return new Set([
+        'id',
+        'lineId',
+        'originId',
+        'elementId',
+        'title',
+        'titleAlignments',
+        'url',
+        'previewUrl',
+        'binaryUrl',
+        'kind',
+        'subkind',
+        'duration',
+        'startTime',
+        'endTime',
+        'mediaStartTime',
+        'mediaEndTime',
+        'color',
+        'backgroundColor',
+        'hoverBackgroundColor',
+        'selectedBackgroundColor',
+        'borderColor',
+        'selectedBorderColor',
+        'warningColor',
+        'warningWidth',
+        'volumeSliderColor',
+        'volumeSliderWidth',
+        'volumeSliderDraggingWidth',
+        'textFont',
+        'textFontSize',
+        'textColor',
+        'textBackgroundColor',
+        'textPosition',
+        'textAutoScroll',
+        'borderWidth',
+        'borderRadius',
+        'wrapped',
+        'draggable',
+        'orderable',
+        'resizable',
+        'cuttable',
+        'deletable',
+        'wrapping',
+        'previewHeight',
+        'binaryHeight',
+        'indicators',
+        'markers',
+        'buttons',
+        'markerColor',
+        'markerWidth',
+        'volume',
+        'volumeRange',
+        'loading',
+        'targetSpeed',
+        'waveformData'
+    ]);
+}();
+},{}],117:[function(_dereq_,module,exports){
 module.exports = function (UUID) {
     'use strict';
     if (typeof Number.isFinite !== 'function') {
@@ -23496,7 +23558,7 @@ module.exports = function (UUID) {
         }
     };
 }(_dereq_('uuid'));
-},{"uuid":62}],117:[function(_dereq_,module,exports){
+},{"uuid":62}],118:[function(_dereq_,module,exports){
 module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLayer, Axis, Utils, Konva) {
     'use strict';
     function View(container, peaks) {
@@ -24145,6 +24207,6 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
     };
     return View;
 }(_dereq_('./components/mouse-drag-handler'), _dereq_('./components/playhead-layer'), _dereq_('./components/sources-layer'), _dereq_('./components/mode-layer'), _dereq_('./components/axis'), _dereq_('./utils'), _dereq_('konva'));
-},{"./components/axis":86,"./components/mode-layer":96,"./components/mouse-drag-handler":97,"./components/playhead-layer":98,"./components/sources-layer":103,"./utils":116,"konva":43}]},{},[109])(109)
+},{"./components/axis":86,"./components/mode-layer":96,"./components/mouse-drag-handler":97,"./components/playhead-layer":98,"./components/sources-layer":103,"./utils":117,"konva":43}]},{},[109])(109)
 });
 //# sourceMappingURL=peaks.js.map

package/src/models/source.js

@@ -7,10 +7,16 @@
  */
 
 define([
+  '../source-keys',
   '../utils'
-], function(Utils) {
+], function(SourceKeys, Utils) {
   'use strict';
 
+  // Keys that belong to the Source API / options bag.
+  // Any other user-provided keys are treated as metadata fields and preserved
+  // as enumerable own-properties on the Source instance.
+  var RESERVED_SOURCE_KEYS = SourceKeys;
+
   function validateSource(peaks, options, context) {
     if (!Utils.isValidTime(options.startTime)) {
       throw new TypeError('peaks.sources.' + context + ': startTime should be a valid number');
@@ -572,7 +578,7 @@ define([
       var key = customParams[i];
       var value = customParams[i + 1];
 
-      if (key && key.startsWith('custom_')) {
+      if (key && typeof key === 'string' && !key.startsWith('_') && !RESERVED_SOURCE_KEYS.has(key)) {
         this[key] = value;
       }
     }
@@ -1262,7 +1268,10 @@ define([
 
     if (options && typeof options === 'object') {
       for (var key in options) {
-        if (Object.prototype.hasOwnProperty.call(options, key) && key.startsWith('custom_')) {
+        if (key && typeof key === 'string'
+          && Object.prototype.hasOwnProperty.call(options, key)
+          && !key.startsWith('_')
+          && !RESERVED_SOURCE_KEYS.has(key)) {
           this[key] = options[key];
         }
       }
@@ -1334,9 +1343,12 @@ define([
   Source.prototype.toSerializable = function() {
     var serializable = {};
 
-    // Get all custom properties
+    // Get all user-defined metadata properties
     for (var key in this) {
-      if (Object.prototype.hasOwnProperty.call(this, key) && key.startsWith('custom_')) {
+      if (key && typeof key === 'string'
+        && Object.prototype.hasOwnProperty.call(this, key)
+        && !key.startsWith('_')
+        && !RESERVED_SOURCE_KEYS.has(key)) {
         serializable[key] = this[key];
       }
     }

package/src/source-handler.js

@@ -8,10 +8,13 @@
 
 define([
   './models/source',
+  './source-keys',
   './utils'
-], function(Source, Utils) {
+], function(Source, SourceKeys, Utils) {
   'use strict';
 
+  var SOURCE_OPTION_KEYS = SourceKeys;
+
   /**
    * Source parameters.
    *
@@ -114,11 +117,12 @@ define([
       waveformData: sourceToCut.waveformData
     };
 
-    for (var key in sourceToCut) {
-      if (key.startsWith('custom_')) {
+    // Preserve user-defined metadata fields on the new (cut) source.
+    Object.keys(sourceToCut).forEach(function(key) {
+      if (key && !key.startsWith('_') && !SOURCE_OPTION_KEYS.has(key)) {
         newSourceOptions[key] = sourceToCut[key];
       }
-    }
+    });
 
     var newSource = this._add([newSourceOptions])[0];
 
@@ -163,11 +167,11 @@ define([
       throw new TypeError('peaks.sources.add(): expected a Source object parameter');
     }
 
-    var customParams = [];
+    var extraParams = [];
 
     Object.entries(options).forEach(function([key, value]) {
-      if (key.startsWith('custom_')) {
-        customParams.push(key, value);
+      if (key && typeof key === 'string' && !key.startsWith('_') && !SOURCE_OPTION_KEYS.has(key)) {
+        extraParams.push(key, value);
       }
     });
 
@@ -227,7 +231,7 @@ define([
       options.loading,
       options.targetSpeed,
       options.waveformData,
-      ...customParams
+      ...extraParams
     );
 
     return source;

package/src/source-keys.js

@@ -0,0 +1,68 @@
+/**
+ * @file
+ *
+ * Defines the reserved Source option keys.
+ *
+ * @module source-keys
+ */
+
+define(function() {
+  'use strict';
+
+  return new Set([
+    'id',
+    'lineId',
+    'originId',
+    'elementId',
+    'title',
+    'titleAlignments',
+    'url',
+    'previewUrl',
+    'binaryUrl',
+    'kind',
+    'subkind',
+    'duration',
+    'startTime',
+    'endTime',
+    'mediaStartTime',
+    'mediaEndTime',
+    'color',
+    'backgroundColor',
+    'hoverBackgroundColor',
+    'selectedBackgroundColor',
+    'borderColor',
+    'selectedBorderColor',
+    'warningColor',
+    'warningWidth',
+    'volumeSliderColor',
+    'volumeSliderWidth',
+    'volumeSliderDraggingWidth',
+    'textFont',
+    'textFontSize',
+    'textColor',
+    'textBackgroundColor',
+    'textPosition',
+    'textAutoScroll',
+    'borderWidth',
+    'borderRadius',
+    'wrapped',
+    'draggable',
+    'orderable',
+    'resizable',
+    'cuttable',
+    'deletable',
+    'wrapping',
+    'previewHeight',
+    'binaryHeight',
+    'indicators',
+    'markers',
+    'buttons',
+    'markerColor',
+    'markerWidth',
+    'volume',
+    'volumeRange',
+    'loading',
+    'targetSpeed',
+    'waveformData'
+  ]);
+});