@refinitiv-ui/efx-grid 6.0.29 → 6.0.31

package/lib/rt-grid/es6/ColumnDefinition.d.ts

@@ -91,6 +91,8 @@ declare class ColumnDefinition {
 
     public isTimeSeries(): boolean;
 
+    public isTimeSeriesChild(): boolean;
+
     public isFormulaField(): boolean;
 
     public static isFormulaField(field: string): boolean;

package/lib/rt-grid/es6/ColumnDefinition.js

@@ -590,6 +590,12 @@ ColumnDefinition.prototype.isTimeSeries = function() {
 /** @public
 * @return {boolean}
 */
+ColumnDefinition.prototype.isTimeSeriesChild = function() {
+	return FieldDefinition.isTimeSeriesChild(this.getField());
+};
+/** @public
+* @return {boolean}
+*/
 ColumnDefinition.prototype.isFormulaField = function() {
 	return this._formula ? true : false;
 };

package/lib/rt-grid/es6/FieldDefinition.d.ts

@@ -20,12 +20,16 @@ declare namespace FieldDefinition {
 
     function setFieldCaching(caching: boolean): void;
 
+    function disableTimeSeriesExpansion(disabled: boolean): void;
+
     function isFormula(field: string): boolean;
 
     function isAdc(field: string): boolean;
 
     function isRealTimeField(field: string): boolean;
 
+    function isTimeSeriesChild(field: string): boolean;
+
     function isTimeSeries(field: string): boolean;
 
 }

package/lib/rt-grid/es6/FieldDefinition.js

@@ -182,6 +182,11 @@ FieldDefinition._lang = 'en';
 * @private
 */
 FieldDefinition._caching = false;
+/**
+* @type {boolean}
+* @private
+*/
+FieldDefinition._timeSeriesExpansion = true;
 
 /**
  * @type {Object.<string, boolean>}
@@ -269,6 +274,14 @@ FieldDefinition.setFieldCaching = function (caching) {
 	FieldDefinition._caching = caching;
 };
 
+/** @public
+* @function
+* @param {boolean} disabled=true if disable it, time series will not be expand
+*/
+FieldDefinition.disableTimeSeriesExpansion = function(disabled) {
+	FieldDefinition._timeSeriesExpansion = disabled != false ? false : true;
+};
+
 /** @public
 * @param {string} field
 * @return {boolean}
@@ -301,7 +314,7 @@ FieldDefinition.isRealTimeField = function(field) {
 		return false;
 	}
 
-	if(FieldDefinition.getFieldProperty(field, "timeSeriesChild")) {
+	if(FieldDefinition.isTimeSeriesChild(field)) {
 		return false;
 	}
 
@@ -312,6 +325,14 @@ FieldDefinition.isRealTimeField = function(field) {
 	return FieldDefinition.getFieldProperty(field, "IsRealtimeField") !== false;
 };
 
+/** @public
+* @param {string} field
+* @return {boolean}
+*/
+FieldDefinition.isTimeSeriesChild = function(field) {
+	return FieldDefinition.getFieldProperty(field, "timeSeriesChild") ? true : false;
+};
+
 /** @public
 * @param {string} field
 * @return {boolean}=true if field is time series field
@@ -321,6 +342,11 @@ FieldDefinition.isTimeSeries = function (field) {
 		return false;
 	}
 
+	// If we disable time series expansion, the grid won't have a time series field.
+	if(!FieldDefinition._timeSeriesExpansion) {
+		return false;
+	}
+
 	// We can check time series using a cache to avoid duplicating checks in regular expressions.
 	var timeSeriesField = FieldDefinition.getFieldProperty(field, "timeSeries");
 	if (timeSeriesField != null) {

package/lib/rt-grid/es6/Grid.d.ts

@@ -81,6 +81,7 @@ declare namespace Grid {
         formulaEngine?: boolean|null,
         adcPollingInterval?: number|null,
         fieldCaching?: boolean|null,
+        timeSeriesExpansion?: boolean|null,
         childDataField?: string|null,
         topSection?: boolean|null
     };

package/lib/rt-grid/es6/Grid.js

@@ -84,6 +84,7 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @property {boolean=} formulaEngine=false If enabled, field with leading equal sign will be treated as a formula and rows will be filled with the calculated values.
 * @property {number=} adcPollingInterval=0 Length of polling interval for refreshing ADC data in milliseconds. The default value (0) means no polling.
 * @property {boolean=} fieldCaching=false If enabled, field definition will be caching internal mechanism
+* @property {boolean=} timeSeriesExpansion=true If disabled, the time series field will be treated as a normal field and not expanded.
 * @property {string=} childDataField=CHILD_VALUES The given field will be used to store children's static data, such as row color assignment.
 * @property {boolean=} topSection=true If disabled, title section will not be rendered
 */
@@ -530,6 +531,11 @@ Grid.prototype._pollingEnabled = true;
 * @private
 */
 Grid.prototype._fieldCaching = false;
+/** @type {boolean}
+* @private
+*/
+Grid.prototype._timeSeriesExpansion = true;
+
 /** @type {string}
 * @private
 */
@@ -790,6 +796,11 @@ Grid.prototype.initialize = function(gridOption) {
 		FieldDefinition.setFieldCaching(t._fieldCaching);
 	}
 
+	if(gridOption["timeSeriesExpansion"] != null) {
+		t._timeSeriesExpansion = gridOption["timeSeriesExpansion"];
+		FieldDefinition.disableTimeSeriesExpansion(!t._timeSeriesExpansion);
+	}
+
 	if (gridOption["icons"] && gridOption["icons"]["rowGrouping"] && gridOption["icons"]["rowGrouping"]["expander"]) {
 		StyleLoader.chainIcon = gridOption["icons"]["rowGrouping"]["expander"];
 	}
@@ -1112,6 +1123,9 @@ Grid.prototype.getConfigObject = function (gridOptions) {
 	if(this._fieldCaching) {
 		obj["fieldCaching"] = this._fieldCaching;
 	}
+	if(this._timeSeriesExpansion != true) {
+		obj["timeSeriesExpansion"] = this._timeSeriesExpansion;
+	}
 
 	if(this._childDataField) {
 		obj["childDataField"] = this._childDataField;

package/lib/rt-grid/es6/RowDefinition.d.ts

@@ -136,7 +136,7 @@ declare class RowDefinition {
 
 declare const ROW_DEF: string;
 
-declare const ROW_TYPES: RowDefinition.RowTypes|null;
+declare const ROW_TYPES: RowDefinition.RowTypes;
 
 declare function rowData(userInput: string): boolean;
 

package/lib/rt-grid/es6/RowDefinition.js

@@ -17,12 +17,12 @@ import { DataTable } from "../../core/es6/data/DataTable.js";
 */
 
 /** @typedef {Object} RowDefinition~RowTypes
-* @property {string} CONTENT="CONTENT"
-* @property {string} CHAIN="CHAIN"
-* @property {string} CONSTITUENT="CONSTITUENT"
-* @property {string} GROUP_HEADER="GROUP_HEADER"
-* @property {string} SUBGROUP_HEADER="SUBGROUP_HEADER"
-* @property {string} GROUP_MEMBER="GROUP_MEMBER"
+* @property {string} CONTENT="CONTENT" Regular row
+* @property {string} CHAIN="CHAIN" Chain RIC row
+* @property {string} CONSTITUENT="CONSTITUENT" Constituent row
+* @property {string} GROUP_HEADER="GROUP_HEADER" Row of segment separator at the very top
+* @property {string} SUBGROUP_HEADER="SUBGROUP_HEADER" Row of nested segment separator
+* @property {string} GROUP_MEMBER="GROUP_MEMBER" Child row displayed under segment separator
 */
 
 /** @type {string}
@@ -31,7 +31,7 @@ import { DataTable } from "../../core/es6/data/DataTable.js";
 */
 var ROW_DEF = "ROW_DEF";
 
-/** @type {RowDefinition~RowTypes}
+/** @type {!RowDefinition~RowTypes}
 * @public
 * @const
 */

package/lib/rt-grid/es6/SnapshotFiller.js

@@ -381,6 +381,9 @@ SnapshotFiller.prototype._onRTKSuccess = function (fields, serverResult) {
 		var dataRow = data2D[i];
 		ric = dataRow[0];
 
+		if (ricMap[ric]) {
+			continue; // we interested only first row of ric
+		}
 		var snapData = ricMap[ric] = {};
 
 		// loop for create rowData for update

package/lib/tr-grid-column-stack/es6/ColumnStack.js

@@ -1311,6 +1311,10 @@ ColumnStackPlugin.prototype._onColumnRemoved = function (e) {
 				} else {
 					stackOpt.activeColumn = stackOpt.stackRefs[0];
 				}
+
+				// TODO: Add a proper way to set visibility to activeColumn when activeColumn is changed
+				var activeColIndex = this._getColumnIndex(stackOpt.activeColumn);
+				this._setColumnVisibility(activeColIndex, true);
 				this._updateUI();
 			}
 		}

package/lib/tr-grid-content-wrap/es6/ContentWrap.d.ts

@@ -4,11 +4,11 @@ import { GridPlugin } from '../../tr-grid-util/es6/GridPlugin.js';
 declare namespace ContentWrapPlugin {
 
     type Options = {
-        evenRowHeight?: boolean
+        evenRowHeight?: boolean|null
     };
 
     type ColumnOptions = {
-        contentWrap?: boolean
+        contentWrap?: boolean|null
     };
 
 }
@@ -29,11 +29,11 @@ declare class ContentWrapPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
-    public adjustRowHeight(sectionRef: any, from?: number, to?: number): boolean;
+    public adjustRowHeight(sectionRef: any, from?: number|null, to?: number|null): boolean;
 
     public adjustRowHeightAt(sectionRef: any, rowIndex: number): boolean;
 
-    public enableContentWrapping(colIndex: number, bool?: boolean): void;
+    public enableContentWrapping(colIndex: number, bool?: boolean|null): void;
 
     public isWrappingContent(colIndex: number): boolean;
 

package/lib/tr-grid-content-wrap/es6/ContentWrap.js

@@ -17,7 +17,7 @@ import { GridPlugin } from '../../tr-grid-util/es6/GridPlugin.js';
 var ContentWrapPlugin = function ContentWrapPlugin() {
   this._onColumnAdded = this._onColumnAdded.bind(this);
   this._onRecalculation = this._onRecalculation.bind(this);
-  this._setReCalculationTimer = this._setReCalculationTimer.bind(this);
+  this._requestRecalculation = this._requestRecalculation.bind(this);
   this._hosts = [];
 };
 
@@ -77,10 +77,10 @@ ContentWrapPlugin.prototype.initialize = function (host, options) {
 
   this._hosts.push(host);
 
-  window.addEventListener("load", this._setReCalculationTimer); // Since CSS can impact font, we need adjust accordingly
+  window.addEventListener("load", this._requestRecalculation); // Since CSS can impact font, we need adjust accordingly
 
-  host.listen("widthChanged", this._setReCalculationTimer);
-  host.listen("postSectionDataBinding", this._setReCalculationTimer); // In case of lazy loading
+  host.listen("widthChanged", this._requestRecalculation);
+  host.listen("postSectionDataBinding", this._requestRecalculation); // In case of lazy loading
 
   this.config(options);
   host.listen("columnAdded", this._onColumnAdded);
@@ -99,11 +99,13 @@ ContentWrapPlugin.prototype.unload = function (host) {
 
   this._hosts.splice(at, 1);
 
-  window.removeEventListener("load", this._setReCalculationTimer);
-  host.unlisten("widthChanged", this._setReCalculationTimer);
-  host.unlisten("postSectionDataBinding", this._setReCalculationTimer);
+  window.removeEventListener("load", this._requestRecalculation);
+  host.unlisten("widthChanged", this._requestRecalculation);
+  host.unlisten("postSectionDataBinding", this._requestRecalculation);
   host.unlisten("columnAdded", this._onColumnAdded);
 
+  this._dispose();
+
   this._clearTimer();
 };
 /** @public
@@ -182,7 +184,7 @@ ContentWrapPlugin.prototype.getConfigObject = function (gridOptions) {
 
 
 ContentWrapPlugin.prototype.adjustRowHeight = function (sectionRef, from, to) {
-  if (this._adjusting || this._hosts.length === 0) {
+  if (this._adjusting || !this._hosts.length) {
     return false; // Quite if grid has not been registered or in the process of adjusting row height
   }
 
@@ -198,17 +200,30 @@ ContentWrapPlugin.prototype.adjustRowHeight = function (sectionRef, from, to) {
     return false;
   }
 
+  var sectionElem = section.getElement();
+
+  if (!sectionElem || !sectionElem.offsetParent) {
+    return false;
+  }
+
   this._adjusting = true; // Prevent infinite loop
 
   var dirtyRows = []; // Collect dirty rows
 
-  var results = this._calculateRowHeight(section, from, to, dirtyRows); // Setting row height for multiple rows can cause performance issue
+  var maxHeight = NaN;
+  var heights = null;
 
+  if (this._evenRowHeight) {
+    maxHeight = this._calcMaxRowHeight(section, dirtyRows, from, to);
+  } else {
+    heights = this._calcRowHeights(section, dirtyRows, from, to);
+  } // Setting row height for multiple rows can cause performance issue
 
-  var rowCount = dirtyRows.length;
+
+  var dirtyCount = dirtyRows.length;
   var prevFState = false;
 
-  if (rowCount > this._freezingThreshold) {
+  if (dirtyCount > this._freezingThreshold) {
     if (section.getFrozenLayout) {
       prevFState = section.getFrozenLayout();
       section.setFrozenLayout(true);
@@ -219,29 +234,25 @@ ContentWrapPlugin.prototype.adjustRowHeight = function (sectionRef, from, to) {
   var r, rowIndex;
 
   if (this._evenRowHeight) {
-    var max = results["max"];
-
-    for (r = 0; r < rowCount; ++r) {
+    for (r = 0; r < dirtyCount; ++r) {
       rowIndex = dirtyRows[r];
-      section.setRowHeight(rowIndex, max);
+      section.setRowHeight(rowIndex, maxHeight);
     }
   } else {
-    var heights = results["heights"];
-
-    for (r = 0; r < rowCount; ++r) {
+    for (r = 0; r < dirtyCount; ++r) {
       rowIndex = dirtyRows[r];
       section.setRowHeight(rowIndex, heights[rowIndex]);
     }
   }
 
-  if (rowCount > this._freezingThreshold) {
+  if (dirtyCount > this._freezingThreshold) {
     if (section.setFrozenLayout) {
       section.setFrozenLayout(prevFState);
     }
   }
 
   this._adjusting = false;
-  return rowCount ? true : false;
+  return dirtyCount ? true : false;
 };
 /** @public
 * @param {Object} sectionRef core grid SectionReference object
@@ -300,8 +311,8 @@ ContentWrapPlugin.prototype._setColumnContentWrapping = function (colIndex, colu
 /** @private */
 
 
-ContentWrapPlugin.prototype._setReCalculationTimer = function () {
-  if (!this._recalTimer) {
+ContentWrapPlugin.prototype._requestRecalculation = function () {
+  if (!this._recalTimer && !this._adjusting) {
     this._recalTimer = setTimeout(this._onRecalculation, 100);
   }
 };
@@ -328,7 +339,7 @@ ContentWrapPlugin.prototype._clearTimer = function () {
 
 
 ContentWrapPlugin.prototype._getSteppingHeight = function (height) {
-  return Math.floor(height + 1) + 12; // Add top and bottom padding
+  return Math.ceil(height) + 14; // Add top and bottom padding
 };
 /** @private
 * @param {Object} section ILayoutGrid
@@ -343,25 +354,31 @@ ContentWrapPlugin.prototype._calculateRowHeightAt = function (section, rowIndex)
   var colCount = section.getColumnCount();
 
   for (var c = 0; c < colCount; ++c) {
-    if (this.isWrappingContent(c)) {
-      var cell = section.getCell(c, rowIndex, false); // TODO: Handle cell spanning
+    if (!this.isWrappingContent(c)) {
+      continue;
+    }
 
-      if (cell && cell.isVisible()) {
-        var cellContent = cell.getContent();
+    var cell = section.getCell(c, rowIndex, false); // TODO: Handle cell spanning
 
-        if (cellContent) {
-          if (!cellContent.offsetParent) {
-            // Cell content is not in the document, so the height cannot be calculated
-            return NaN;
-          }
+    if (!cell || !cell.isVisible()) {
+      continue;
+    }
 
-          var contentHeight = this._getSteppingHeight(cellContent.offsetHeight);
+    var cellContent = cell.getContent();
 
-          if (contentHeight > maxHeight) {
-            maxHeight = contentHeight;
-          }
-        }
-      }
+    if (!cellContent) {
+      continue;
+    }
+
+    if (!cellContent.offsetParent) {
+      // Cell content is not in the document, so the height cannot be calculated
+      continue;
+    }
+
+    var contentHeight = this._getSteppingHeight(cellContent.offsetHeight);
+
+    if (contentHeight > maxHeight) {
+      maxHeight = contentHeight;
     }
   }
 
@@ -369,61 +386,90 @@ ContentWrapPlugin.prototype._calculateRowHeightAt = function (section, rowIndex)
 };
 /** @private
 * @param {Object} section ILayoutGrid
+* @param {!Array.<number>} dirtyRows
 * @param {number=} from
 * @param {number=} to
-* @param {Array.<number>=} opt_dirtyRows
-* @return {!Object}
+* @return {number}
 */
 
 
-ContentWrapPlugin.prototype._calculateRowHeight = function (section, from, to, opt_dirtyRows) {
-  if (!from || from < 0) {
+ContentWrapPlugin.prototype._calcMaxRowHeight = function (section, dirtyRows, from, to) {
+  if (from == null) {
+    from = section.getFirstIndexInView();
+  } else if (!from || from < 0) {
     from = 0;
   }
 
-  var rowCount = section.getRowCount();
+  if (to == null) {
+    to = section.getLastIndexInView() + 1;
+  } else {
+    var rowCount = section.getRowCount();
 
-  if (!to || to > rowCount) {
-    to = rowCount;
+    if (!to || to > rowCount) {
+      to = rowCount;
+    }
   }
 
-  var r, h;
-  var results = {};
+  var r;
+  var max = 0;
 
-  if (this._evenRowHeight) {
-    var max = 0;
-
-    for (r = from; r < to; ++r) {
-      h = this._calculateRowHeightAt(section, r);
+  for (r = from; r < to; ++r) {
+    var h = this._calculateRowHeightAt(section, r);
 
-      if (max < h) {
-        max = h;
-      }
+    if (max < h) {
+      max = h;
     }
+  }
 
-    results["max"] = max;
-
+  if (max) {
     for (r = from; r < to; ++r) {
-      if (max && opt_dirtyRows && max !== section.getRowHeight(r)) {
-        opt_dirtyRows.push(r);
+      if (max !== section.getRowHeight(r)) {
+        dirtyRows.push(r);
       }
     }
-  } else {
-    var heights = new Array(to);
+  }
 
-    for (r = from; r < to; ++r) {
-      h = this._calculateRowHeightAt(section, r);
-      heights[r] = h;
+  return max;
+};
+/** @private
+* @param {Object} section ILayoutGrid
+* @param {!Array.<number>} dirtyRows
+* @param {number=} from
+* @param {number=} to
+* @return {!Array.<number>}
+*/
 
-      if (h && opt_dirtyRows && h !== section.getRowHeight(r)) {
-        opt_dirtyRows.push(r);
-      }
+
+ContentWrapPlugin.prototype._calcRowHeights = function (section, dirtyRows, from, to) {
+  if (from == null) {
+    from = section.getFirstIndexInView();
+  } else if (!from || from < 0) {
+    from = 0;
+  }
+
+  if (to == null) {
+    to = section.getLastIndexInView() + 1;
+  } else {
+    var rowCount = section.getRowCount();
+
+    if (!to || to > rowCount) {
+      to = rowCount;
     }
+  }
+
+  var heights = new Array(to);
 
-    results["heights"] = heights;
+  for (var r = from; r < to; ++r) {
+    var h = this._calculateRowHeightAt(section, r);
+
+    heights[r] = h;
+
+    if (h && h !== section.getRowHeight(r)) {
+      dirtyRows.push(r);
+    }
   }
 
-  return results;
+  return heights;
 };
 /** @private
 * @param {number} colIndex
@@ -434,7 +480,7 @@ ContentWrapPlugin.prototype._calculateRowHeight = function (section, from, to, o
 ContentWrapPlugin.prototype._wrapContent = function (colIndex, bool) {
   this._hosts[0].enableColumnClass(colIndex, "wrap", bool, "content");
 
-  this._setReCalculationTimer();
+  this._requestRecalculation();
 };
 /** @public
 * @param {number} colIndex

package/lib/tr-grid-util/es6/DragUI.d.ts

@@ -10,6 +10,8 @@ declare class DragUI {
 
     public onThemeLoaded(colors: any): void;
 
+    public setContent(content: any): void;
+
 }
 
 export default DragUI;

package/lib/tr-grid-util/es6/DragUI.js

@@ -9,7 +9,9 @@ import ElfUtil from "./ElfUtil.js";
 var DragUI = function(options) {
 	this._dragBox = options.dragBox;
 	this._dragBoxIcon = options.dragBoxIcon;
-
+	this._dragBoxContent = document.createElement("div");
+	this._dragBoxContent.className = "drag-box-content";
+	this._dragBox.appendChild(this._dragBoxContent);
 };
 
 /** @type {string}
@@ -60,6 +62,10 @@ DragUI.applyThemeColor = function(grid) {
 */
 DragUI.prototype.onThemeLoaded = function(colors) {
 	if(!DragUI._styles) {
+		var cursor = "grabbing";
+		if (ElfUtil.getElfVersion() < 3) {
+			cursor = "move";
+		}
 		var styles = [ // Main Styles without theme
 			".tr-row-guideline", [ // Backward compatability of row dragging
 				"position: absolute;",
@@ -104,6 +110,10 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 				"top: 0;",
 				"position: absolute;"
 			],
+			".drag-box-content", [
+				"overflow-x: clip;",
+				"text-overflow: ellipsis;"
+			],
 			".drag-box-icon", [
 				"top: -4px;",
 				"left: 12px;",
@@ -128,7 +138,7 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 				"--grid-void-icon-color: #FFFFFF;"
 			],
 			".mouse-dragging .cell:hover", [ // for change mouse cursor when hover header while dragging
-				"cursor: grabbing !important;"
+				"cursor: " + cursor + " !important;"
 			],
 			".tr-grid .column .cell.drag-indicator", [ // --grid-drag-indicator defualt is "none"
 				"border-top: var(--grid-drag-indicator) !important;",
@@ -175,27 +185,31 @@ DragUI.prototype.renderDragBox = function (e, grid) {
 	}
 
 	var gridElem = grid.getElement();
+	var dragBoxHost = gridElem;
 	var gridParent = grid.getParent().parentNode;
-	var pn = this._dragBox.parentNode;
-	if(!pn) {
-		gridParent.appendChild(this._dragBox);
+	if (gridParent.nodeType === 11) {
+		dragBoxHost = gridParent;
 	}
 
-	var iconParent = this._dragBoxIcon.parentNode;
+	var parent = this._dragBox.parentNode;
+	if(!parent) {
+		dragBoxHost.appendChild(this._dragBox);
+	}
 
-	var dragBoxIcon = e.dragBoxIcon || this._dragBox.dragBoxIcon;
+	var dragBoxIcon = e.dragBoxIcon || this._dragBox.dragBoxIcon; // The user-supplied icon
 	this._dragBoxIcon.style.visibility = "visible";
+	parent = this._dragBoxIcon.parentNode;
 	var drop = true;
 	if(dragBoxIcon === "insertion") {
 		drop = false;
 		this._dragBoxIcon.icon = "add";
-		if(!iconParent) {
+		if(!parent) {
 			this._dragBox.appendChild(this._dragBoxIcon);
 		}
 	} else if (dragBoxIcon === "not-allowed" || dragBoxIcon === "no-drop" || dragBoxIcon === "void" ) {
 		drop = false;
 		this._dragBoxIcon.icon = "void";
-		if(!iconParent) {
+		if(!parent) {
 			this._dragBox.appendChild(this._dragBoxIcon);
 		}
 	} else {
@@ -213,5 +227,21 @@ DragUI.prototype.renderDragBox = function (e, grid) {
 	return drop;
 };
 
+/** @public
+* @param {*} content Element, Node, string, number, or everything else.
+*/
+DragUI.prototype.setContent = function(content) {
+	if (content && content["getElement"]) {
+		content = content["getElement"]();
+	}
+
+	var dragBoxContent = this._dragBoxContent;
+	var currentContent = dragBoxContent._content;
+	if (content !== currentContent) {
+		dragBoxContent._content = content;
+		Dom.setContent(dragBoxContent, content);
+	}
+};
+
 export default DragUI;
 export {DragUI};