@refinitiv-ui/efx-grid 6.0.62 → 6.0.64

package/lib/grid/index.js

@@ -1,3 +1,3 @@
 import {Grid} from "./lib/efx-grid.js";
 export {Grid}
-window.EFX_GRID = { version: "6.0.62" };
+window.EFX_GRID = { version: "6.0.64" };

package/lib/row-segmenting/es6/RowSegmenting.d.ts

@@ -4,6 +4,7 @@ import { ExpanderIcon } from "../../tr-grid-util/es6/ExpanderIcon.js";
 import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { RowPainter } from "../../tr-grid-util/es6/RowPainter.js";
 import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
+import { Conflator } from "../../tr-grid-util/es6/Conflator.js";
 
 declare namespace RowSegmentingPlugin {
 
@@ -33,6 +34,8 @@ declare class RowSegmentingPlugin extends GridPlugin {
 
     public initialize(host: any, options?: any): void;
 
+    public requestSeparatorRefresh(): void;
+
     public unload(host?: any): void;
 
     public config(options?: any): void;

package/lib/row-segmenting/es6/RowSegmenting.js

@@ -4,6 +4,7 @@ import { ExpanderIcon } from "../../tr-grid-util/es6/ExpanderIcon.js";
 import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { RowPainter } from "../../tr-grid-util/es6/RowPainter.js";
 import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
+import { Conflator } from "../../tr-grid-util/es6/Conflator.js";
 
 /** @typedef {Object} RowSegmentingPlugin~Options
 * @description The options can be specified by `rowSegmenting` property of the main grid's options
@@ -37,6 +38,8 @@ var RowSegmentingPlugin = function (options) {
 	t._updateHeader = t._updateHeader.bind(t);
 	t._onArrowClick = t._onArrowClick.bind(t);
 	t._rtSortingLogic = t._rtSortingLogic.bind(t);
+	t._refreshSegmentSeparator = t._refreshSegmentSeparator.bind(t);
+	t._separatorRefreshConflator = new Conflator(10, t._refreshSegmentSeparator);
 
 	t._hosts = [];
 	this.config({ rowSegmenting: options });
@@ -51,6 +54,10 @@ RowSegmentingPlugin.prototype._userSortingLogic = null;
 * @private
 */
 RowSegmentingPlugin.prototype._spanning = true;
+/** @type {boolean}
+* @private
+*/
+RowSegmentingPlugin.prototype._prevSegmentBySegmentId = false;
 /** @type {Array.<number>}
 * @private
 */
@@ -83,6 +90,10 @@ RowSegmentingPlugin.prototype._segmentIdField = "SEGMENT_ID";
 * @private
 */
 RowSegmentingPlugin.prototype._runningId = 0;
+/** @type {Conflator}
+* @private
+*/
+RowSegmentingPlugin.prototype._separatorRefreshConflator = null;
 /** @type {Object}
 * @private
 */
@@ -125,7 +136,6 @@ RowSegmentingPlugin.prototype.initialize = function (host, options) {
 	}
 
 	ExpanderIcon.loadExpanderStyles();
-	ExpanderIcon.injectExpanderStyles(host.getElement());
 
 	this._hosts.push(host);
 	host.listen("preSectionDataBinding", this._onPreSectionDataBinding);
@@ -146,19 +156,34 @@ RowSegmentingPlugin.prototype.initialize = function (host, options) {
 	enabled = this._headerMenuClicked;
 	RowPainter.enableHeaderMenu(host, enabled ? true : false);
 };
-/**
- * @protected
- * @ignore
+
+/** request to set the segment separator with the segment ID field in row data
+ * @public
 */
-RowSegmentingPlugin.prototype._afterInit = function () {
+RowSegmentingPlugin.prototype.requestSeparatorRefresh = function () {
+	if(this._separatorRefreshConflator.conflate()) {
+		return;
+	}
+	this._refreshSegmentSeparator();
+};
+
+/** remove all segment separators then set the segment separator with the segment ID field in row data
+* @private
+*/
+RowSegmentingPlugin.prototype._refreshSegmentSeparator = function () {
+	if(this._prevSegmentBySegmentId) { // Check only the segmentation set by the segment ID field and exclude the segment separator set by the runtime API using the setSegmentSeparator method
+		this._prevSegmentBySegmentId = false;
+		this.unsetAllSegmentSeparators();
+	}
 	var dv = this._getDataView();
 	if(dv) {
-		var rowIds = dv.getAllRowIds();
+		var dt = dv.getDataSource();
+		var rowIds = dt.getAllRowIds();
 		var rowCount = rowIds.length;
 		var separatorMapping = {};
 		for (var i = 0; i < rowCount; i++) {
 			var rowId = rowIds[i];
-			var rowData = this._rowGetter(dv.getRowData(rowId));
+			var rowData = this._rowGetter(dt.getRowData(rowId));
 			var segmentId = rowData[this._segmentIdField];
 			// TODO: supports collapsed and expanded for save/restore
 
@@ -169,8 +194,8 @@ RowSegmentingPlugin.prototype._afterInit = function () {
 					separatorMapping[segmentId] = rowId;
 					this.setSegmentSeparator(rowId);
 				}
+				this._prevSegmentBySegmentId = true;
 			}
-
 		}
 	}
 };
@@ -184,6 +209,9 @@ RowSegmentingPlugin.prototype.unload = function (host) {
 	}
 	host.unlisten("preSectionDataBinding", this._onPreSectionDataBinding);
 	this._hosts.splice(at, 1);
+	if(this._hosts.length <= 0) {
+		this._separatorRefreshConflator.reset();
+	}
 	this._dispose();
 };
 
@@ -233,6 +261,7 @@ RowSegmentingPlugin.prototype.config = function (options) {
 	this.addListener(option, "clicked");
 	this.addListener(option, "segmentSeparatorBinding");
 	this.addListener(option, "nonSegmentSeparatorBinding");
+	this.requestSeparatorRefresh();
 };
 
 /** @public

package/lib/tr-grid-in-cell-editing/es6/InCellEditing.js

@@ -83,7 +83,8 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
 * @description Fired after the text editor has been closed and all operations are done. This is useful to clean up left over resource and get result text entered.
 * @type {Object}
 * @property {string=} text Text that user has entered
-* @property {boolean=} groupHeader if the row is header of row, it will be groupHeader
+* @property {boolean=} groupHeader This value is set to true if the editing row is a group header.
+* @property {boolean=} segmentSeparator This value is set to true if the editing row is a segment separator.
 * @property {Object} suggestionDetail Suggestion detail for auto suggest "item-select" event
 * @property {boolean} cancelled Readonly flag. Indicates whether the commit operation has been cancelled
 * @property {boolean} committed Readonly flag. The opposite of `cancelled` flag
@@ -94,7 +95,8 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
 * @type {Object}
 * @property {string=} text Text that user has entered
 * @property {boolean=} cancel Set to true to cancel the commit operation.
-* @property {boolean=} groupHeader if the row is header of row, it will be groupHeader
+* @property {boolean=} groupHeader This value is set to true if the editing row is a group header.
+* @property {boolean=} segmentSeparator This value is set to true if the editing row is a segment separator.
 * @property {Object} suggestionDetail Suggestion detail for auto suggest "item-select" event
 * @example
 * var cep = new InCellEditingPlugin();
@@ -1012,6 +1014,13 @@ InCellEditingPlugin.prototype._onDoubleClick = function (e, opt_host) {
   } else if (sectionType === "header") {
     return;
   }
+  var dataSource = arg["dataSource"];
+  if (dataSource != null) {
+    var rowId = dataSource.getRowId(arg["rowIndex"]);
+    if (dataSource.getGroupByRowId(rowId)) {
+      return;
+    }
+  }
 
   // Initialize internal states
   if (e["preventDefault"]) {
@@ -1069,7 +1078,8 @@ InCellEditingPlugin.prototype._openEditor = function (e, host, arg) {
   var dataSource = arg["dataSource"];
   if (dataSource != null) {
     var rowId = arg["rowId"] = this._getRowId(arg["rowIndex"]);
-    arg["groupHeader"] = dataSource.isSegmentSeparator(rowId) || dataSource.getGroupByRowId(rowId);
+    arg["segmentSeparator"] = dataSource.isSegmentSeparator(rowId);
+    arg["groupHeader"] = dataSource.getGroupByRowId(rowId);
     arg["rowData"] = this._getRow(dataSource, rowId);
   }
 

package/lib/tr-grid-row-filtering/es6/RowFiltering.d.ts

@@ -1,7 +1,8 @@
-import {Ext} from '../../tr-grid-util/es6/Ext.js';
-import {GridPlugin} from '../../tr-grid-util/es6/GridPlugin.js';
-import {FilterBuilder} from '../../tr-grid-util/es6/FilterBuilder.js';
-import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
+import {Ext} from "../../tr-grid-util/es6/Ext.js";
+import {GridPlugin} from "../../tr-grid-util/es6/GridPlugin.js";
+import {FilterBuilder} from "../../tr-grid-util/es6/FilterBuilder.js";
+import {FilterOperators} from "../../tr-grid-util/es6/FilterOperators.js";
+import {ElfUtil} from "../../tr-grid-util/es6/ElfUtil.js";
 import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace RowFilteringPlugin {

package/lib/tr-grid-row-filtering/es6/RowFiltering.js

@@ -1,9 +1,10 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
-import { Ext } from '../../tr-grid-util/es6/Ext.js';
-import { GridPlugin } from '../../tr-grid-util/es6/GridPlugin.js';
-import { FilterBuilder } from '../../tr-grid-util/es6/FilterBuilder.js';
-import { ElfUtil } from '../../tr-grid-util/es6/ElfUtil.js';
+import { Ext } from "../../tr-grid-util/es6/Ext.js";
+import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { FilterBuilder } from "../../tr-grid-util/es6/FilterBuilder.js";
+import { FilterOperators } from "../../tr-grid-util/es6/FilterOperators.js";
+import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 /** @event RowFilteringPlugin#click
 * @description click event is dispatched when a user clicks the column filter icon.
@@ -70,7 +71,7 @@ The expression can take various forms:<br>
 * @description Extension column options that can be specified on each individual grid's column option:
 * @property {RowFilteringPlugin~Expression=} filter An expression string or Function
 * @property {*=} filterState Context object that will be passed as the third parameter for the filter logic
-* @property {boolean=} filterIcon=true If disabled, filter icon will not be shown. This property only works with 'always' mode
+* @property {boolean=} filterIcon=true If disabled, filter icon will not be shown. This property only works with "always" mode
 */
 
 /** @typedef {Object} RowFilteringPlugin~FilterDialogOptions
@@ -121,6 +122,7 @@ var RowFilteringPlugin = function RowFilteringPlugin() {
   t._onPreSectionRender = t._onPreSectionRender.bind(t);
   t._onColumnAdded = t._onColumnAdded.bind(t);
   t._onColumnRemoved = t._onColumnRemoved.bind(t);
+  t._onPreLoadedDialog = t._onPreLoadedDialog.bind(t);
   t._onIconClicked = t._onIconClicked.bind(t);
   t._filterLogic = t._filterLogic.bind(t);
   t._updateAllColumnIcons = t._updateAllColumnIcons.bind(t);
@@ -219,6 +221,11 @@ RowFilteringPlugin.prototype._rowTransform = null;
 */
 
 RowFilteringPlugin.prototype._filterDialog = null;
+/** @type {boolean}
+* @private
+*/
+
+RowFilteringPlugin.prototype._dialogInitialized = false;
 /** @type {RowFilteringPlugin~FilterDialogOptions}
 * @private
 */
@@ -229,6 +236,12 @@ RowFilteringPlugin.prototype._dialogOptions = null;
 */
 
 RowFilteringPlugin._filterBuilder = null;
+/** @type {string}
+* @private
+*/
+
+RowFilteringPlugin._dialogTagName; // intentionally left undefined
+
 /** Array of DataView objects
 * @type {!Array.<Object>}
 * @private
@@ -292,8 +305,50 @@ RowFilteringPlugin.prototype.unload = function (host) {
   host.unlisten("columnAdded", this._onColumnAdded);
   host.unlisten("columnRemoved", this._onColumnRemoved);
 
+  if (!this._hosts.length) {
+    if (this._filterDialog) {
+      this._filterDialog.hide(); // Remove the dialog from document
+
+
+      this._filterDialog = null;
+      this._dialogInitialized = false;
+    }
+  }
+
   this._dispose();
 };
+/**
+* @protected
+* @ignore
+*/
+
+
+RowFilteringPlugin.prototype._afterInit = function () {
+  if (!this._filterDialog) {
+    this._filterDialog = RowFilteringPlugin._createDialog();
+    this._dialogInitialized = false;
+
+    if (this._filterDialog) {
+      this._filterDialog.style.display = "none";
+      document.body.appendChild(this._filterDialog);
+      setTimeout(this._onPreLoadedDialog, 10);
+    }
+  }
+};
+/** @private
+*/
+
+
+RowFilteringPlugin.prototype._onPreLoadedDialog = function () {
+  if (this._filterDialog) {
+    this._filterDialog.style.display = "";
+    var pn = this._filterDialog.parentNode;
+
+    if (pn) {
+      pn.removeChild(this._filterDialog);
+    }
+  }
+};
 /** @public
 * @param {Object=} options
 */
@@ -881,10 +936,10 @@ RowFilteringPlugin.prototype._removeColumnFilters = function (colIndex) {
     this._setColumnFilterOption(colIndex, null); // filterChanged fired
 
 
-    var inputExt = this._getPlugin('FilterInputPlugin'); // TODO: Use the event instead
+    var inputExt = this._getPlugin("FilterInputPlugin"); // TODO: Use the event instead
 
 
-    inputExt && inputExt.updateUI(colIndex, '');
+    inputExt && inputExt.updateUI(colIndex, "");
 
     this._requestFilterRefresh();
   }
@@ -909,7 +964,7 @@ RowFilteringPlugin.prototype.removeAllColumnFilters = function () {
   if (this._columnFilters.length) {
     this._columnFilters.length = 0;
 
-    var inputExt = this._getPlugin('FilterInputPlugin');
+    var inputExt = this._getPlugin("FilterInputPlugin");
 
     var colCount = this._getColumnCount();
 
@@ -917,7 +972,7 @@ RowFilteringPlugin.prototype.removeAllColumnFilters = function () {
       this._setColumnFilterOption(i, null); // filterChanged fired
 
 
-      inputExt && inputExt.updateUI(i, ''); // TODO: Use the event instead
+      inputExt && inputExt.updateUI(i, ""); // TODO: Use the event instead
     }
 
     this._updateAllColumnIcons();
@@ -1598,6 +1653,29 @@ RowFilteringPlugin.prototype.getUniqueValues = function (field, formatter, fmtFi
 
   return uniqueValues;
 };
+/** @private
+* @function
+* @returns {Element}
+*/
+
+
+RowFilteringPlugin._createDialog = function () {
+  var tag = RowFilteringPlugin._dialogTagName;
+
+  if (tag == null) {
+    var dialogVersion = ElfUtil.hasComponent("filter-dialog"); // WARNING: this cannot detect version 2 or less
+
+    if (dialogVersion) {
+      RowFilteringPlugin._dialogTagName = dialogVersion >= 3 ? "filter-dialog" : "tr-grid-filter-dialog";
+    } else {
+      RowFilteringPlugin._dialogTagName = "";
+    }
+
+    tag = RowFilteringPlugin._dialogTagName;
+  }
+
+  return tag ? document.createElement(tag) : null;
+};
 /** @public
 * @param {number} colIndex
 * @param {RowFilteringPlugin~FilterDialogOptions=} runtimeDialogOptions
@@ -1607,28 +1685,27 @@ RowFilteringPlugin.prototype.getUniqueValues = function (field, formatter, fmtFi
 RowFilteringPlugin.prototype.openDialog = function (colIndex, runtimeDialogOptions) {
   var stp = this._getPlugin("SortableTitlePlugin");
 
-  if (!this._filterDialog) {
-    // Check if dialog is filter v1 or v3
-    var dialogVersion = ElfUtil.hasComponent('filter-dialog');
-
-    if (!dialogVersion) {
-      console.log("Filter dialog doesn't exist");
-      return;
+  if (!this._filterDialog || !this._dialogInitialized) {
+    if (!this._filterDialog) {
+      this._filterDialog = RowFilteringPlugin._createDialog();
     }
 
-    if (dialogVersion >= 3) {
-      this._filterDialog = document.createElement("filter-dialog");
-    } else if (dialogVersion < 2) {
-      this._filterDialog = document.createElement("tr-grid-filter-dialog");
-    }
+    if (this._filterDialog) {
+      this._dialogInitialized = true;
 
-    if (!stp) {
-      this._filterDialog.hideSortUI();
-    } else {
-      this._filterDialog.addEventListener("sortChanged", this._onDialogSortChanged.bind(this));
+      if (!stp) {
+        this._filterDialog.hideSortUI();
+      } else {
+        this._filterDialog.addEventListener("sortChanged", this._onDialogSortChanged.bind(this));
+      }
+
+      this._filterDialog.addEventListener("filterChanged", this._onDialogFilterChanged.bind(this));
     }
+  }
 
-    this._filterDialog.addEventListener("filterChanged", this._onDialogFilterChanged.bind(this));
+  if (!this._filterDialog) {
+    console.log("Filter dialog does not exist");
+    return;
   }
 
   if (this._filterDialog.isShown) {
@@ -1920,12 +1997,16 @@ RowFilteringPlugin.prototype._onDialogFilterChanged = function (e) {
 
     for (var m = 0; m < condCount; ++m) {
       var cond = conditions[m];
-      var inputVal = cond[1]; // inputVal is hardcoded at index 1
+      var opDef = FilterOperators[cond[0]]; // string type has no need for formatted data or raw data. What is in display is the most important
 
-      var rawValues = uniqueValues[inputVal];
+      if (opDef && opDef.type !== "string") {
+        var inputVal = cond[1]; // inputVal is hardcoded at index 1
 
-      if (rawValues) {
-        cond[1] = rawValues[0];
+        var rawValues = uniqueValues[inputVal];
+
+        if (rawValues != null) {
+          cond[1] = rawValues[0];
+        }
       }
     }
 

package/lib/tr-grid-row-grouping/es6/RowGrouping.js

@@ -399,7 +399,6 @@ RowGroupingPlugin.prototype.initialize = function (host, options) {
 	this._hosts.push(host);
 
 	ExpanderIcon.loadExpanderStyles();
-	ExpanderIcon.injectExpanderStyles(host.getElement());
 
 	host.unloadPlugin("CollapsibleHeaderPlugin");
 	host.listen("columnMoved", this._onColumnIndexChanged);

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

@@ -1,5 +1,4 @@
 import { Ext } from "./Ext.js";
-import { injectCss, prettifyCss } from "./Util.js";
 import { ElementWrapper } from "./ElementWrapper.js";
 import { ElfUtil } from "./ElfUtil.js";
 
@@ -9,8 +8,6 @@ declare class ExpanderIcon extends ElementWrapper {
 
     public static loadExpanderStyles(): void;
 
-    public static injectExpanderStyles(elem: Element|null): void;
-
     public expand(): void;
 
     public collapse(): void;

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

@@ -1,9 +1,7 @@
 import { Ext } from "./Ext.js";
-import { injectCss, prettifyCss } from "./Util.js";
 import { ElementWrapper } from "./ElementWrapper.js";
 import { ElfUtil } from "./ElfUtil.js";
 
-
 /**
 * @constructor
 * @extends {ElementWrapper}
@@ -33,44 +31,6 @@ Ext.inherits(ExpanderIcon, ElementWrapper);
 */
 ExpanderIcon._iconName = ""; // static variable
 
-/** @description .expander is the actual arrow <br>
-* .folder is an element hosting .expander arrow
-* @type {string}
-* @private
-*/
-ExpanderIcon._styles = prettifyCss([
-	".tr-grid.expander-disabled .expander", [
-		"cursor: default;"
-	],
-	".tr-grid.folder-disabled .cell.folder", [
-		"cursor: default;"
-	],
-	".tr-grid .expander", [
-		"cursor: pointer;",
-		"display: inline-block;" // For transformation
-	],
-	".tr-grid .folder .expander:before", [
-		"content: none !important;" // Prevent deprecated styling
-	],
-	".tr-grid .fallback-arrow", [
-		"vertical-align: middle;",
-		"font-size: 7px;",
-		"line-height: 1;",
-		"display: inline-block;", // For transformation
-		"transform: scaleX(1.5);",
-		"font-family: Arial;"
-	],
-	".tr-grid .expander.closed", [
-		"transform: translate(0px, -1px) rotate(-90deg);"
-	],
-	".tr-grid .cell.closed .expander", [
-		"transform: translate(0px, -1px) rotate(-90deg);"
-	],
-	".tr-grid .tr-lg .cell.folder.content-header", [ // Used for header row in contentAsHeader mode, espectially with solar theme
-	  "background-color: inherit;"
-	]
-]);
-
 /** @private
 * @param {Event} e
 */
@@ -98,15 +58,6 @@ ExpanderIcon.loadExpanderStyles = function() {
 		}
 	}
 };
-/** @public
-* @param {Element} elem
-*/
-ExpanderIcon.injectExpanderStyles = function(elem) {
-	if(elem && elem.nodeType === 1 && !elem._expanderStyles) {
-		elem._expanderStyles = true; // Prevent loading the same style twice
-		injectCss(ExpanderIcon._styles, elem);
-	}
-};
 
 /** @private
 * @param {Object} cell

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

@@ -432,8 +432,6 @@ FilterBuilder.prototype.buildFilter = function() {
 	}
 
 	// Prepare user value to be in ready to use form to boost performance
-	var fieldName = this._fieldName;
-	var fmtFieldName = this._formattedFieldName;
 	var formatter = this._formatter;
 	var conds = this._conditions.slice();
 	for(var i = 0; i < condCount; ++i) {
@@ -456,12 +454,7 @@ FilterBuilder.prototype.buildFilter = function() {
 				cond.useUTCTime != null ? cond.useUTCTime : this._useUTCTime
 			);
 		} else if(opType === "string") {
-			if(formatter) { // WARNING: This is not in sync when _formattedDataAccessor exists
-				var dummyRow = {};
-				dummyRow[fieldName] = value;
-				dummyRow[fmtFieldName] = value;
-				value = formatter(dummyRow); // WARNING: dummyRow may not provide enough data for formatting correctly
-			}
+			// There is no need to format user input in the user condition
 			value = convertToString(value);
 			if(!opDef.caseSensitive) {
 				value = value.toLowerCase();

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

@@ -120,6 +120,36 @@ RowPainter._styles = prettifyCss([
 		"--grid-expanded-tag-bg-color: #4D4D4D;",
 		"--grid-row-menu-icon-color: #CCCCCC;",
 		"--grid-row-menu-icon-hover-color: #FFFFFF;"
+	],
+	".tr-grid.expander-disabled .expander", [
+		"cursor: default;"
+	],
+	".tr-grid.folder-disabled .cell.folder", [
+		"cursor: default;"
+	],
+	".tr-grid .expander", [
+		"cursor: pointer;",
+		"display: inline-block;" // For transformation
+	],
+	".tr-grid .folder .expander:before", [
+		"content: none !important;" // Prevent deprecated styling
+	],
+	".tr-grid .fallback-arrow", [
+		"vertical-align: middle;",
+		"font-size: 7px;",
+		"line-height: 1;",
+		"display: inline-block;", // For transformation
+		"transform: scaleX(1.5);",
+		"font-family: Arial;"
+	],
+	".tr-grid .expander.closed", [
+		"transform: translate(0px, -1px) rotate(-90deg);"
+	],
+	".tr-grid .cell.closed .expander", [
+		"transform: translate(0px, -1px) rotate(-90deg);"
+	],
+	".tr-grid .tr-lg .cell.folder.content-header", [ // Used for header row in contentAsHeader mode, espectially with solar theme
+	  "background-color: inherit;"
 	]
 ]);
 

package/lib/types/es6/RowFiltering.d.ts

@@ -1,7 +1,8 @@
-import {Ext} from '../../tr-grid-util/es6/Ext.js';
-import {GridPlugin} from '../../tr-grid-util/es6/GridPlugin.js';
-import {FilterBuilder} from '../../tr-grid-util/es6/FilterBuilder.js';
-import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
+import {Ext} from "../../tr-grid-util/es6/Ext.js";
+import {GridPlugin} from "../../tr-grid-util/es6/GridPlugin.js";
+import {FilterBuilder} from "../../tr-grid-util/es6/FilterBuilder.js";
+import {FilterOperators} from "../../tr-grid-util/es6/FilterOperators.js";
+import {ElfUtil} from "../../tr-grid-util/es6/ElfUtil.js";
 import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace RowFilteringPlugin {

package/lib/types/es6/RowSegmenting.d.ts

@@ -4,6 +4,7 @@ import { ExpanderIcon } from "../../tr-grid-util/es6/ExpanderIcon.js";
 import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { RowPainter } from "../../tr-grid-util/es6/RowPainter.js";
 import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
+import { Conflator } from "../../tr-grid-util/es6/Conflator.js";
 
 declare namespace RowSegmentingPlugin {
 
@@ -33,6 +34,8 @@ declare class RowSegmentingPlugin extends GridPlugin {
 
     public initialize(host: any, options?: any): void;
 
+    public requestSeparatorRefresh(): void;
+
     public unload(host?: any): void;
 
     public config(options?: any): void;

package/lib/versions.json

@@ -1,8 +1,8 @@
 {
-	"tr-grid-util": "1.3.128",
+	"tr-grid-util": "1.3.130",
 	"tr-grid-printer": "1.0.16",
 	"@grid/column-dragging": "1.0.14",
-	"@grid/row-segmenting": "1.0.24",
+	"@grid/row-segmenting": "1.0.28",
 	"@grid/statistics-row": "1.0.15",
 	"@grid/zoom": "1.0.11",
 	"tr-grid-auto-tooltip": "1.1.6",
@@ -19,13 +19,13 @@
 	"tr-grid-contextmenu": "1.0.39",
 	"tr-grid-filter-input": "0.9.33",
 	"tr-grid-heat-map": "1.0.29",
-	"tr-grid-in-cell-editing": "1.0.79",
+	"tr-grid-in-cell-editing": "1.0.80",
 	"tr-grid-pagination": "1.0.24",
 	"tr-grid-percent-bar": "1.0.22",
 	"tr-grid-range-bar": "2.0.5",
 	"tr-grid-row-dragging": "1.0.29",
-	"tr-grid-row-filtering": "1.0.57",
-	"tr-grid-row-grouping": "1.0.81",
+	"tr-grid-row-filtering": "1.0.59",
+	"tr-grid-row-grouping": "1.0.82",
 	"tr-grid-row-selection": "1.0.23",
 	"tr-grid-rowcoloring": "1.0.24",
 	"tr-grid-textformatting": "1.0.46",

package/package.json

@@ -66,5 +66,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.62"
+	"version": "6.0.64"
 }