@syncfusion/ej2-treegrid 22.2.9 → 23.1.39

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -42,18 +42,19 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         return new TreeVirtualRowModelGenerator(this.parent);
     };
     VirtualTreeContentRenderer.prototype.getRowByIndex = function (index) {
-        return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
-    };
-    VirtualTreeContentRenderer.prototype.getMovableVirtualRowByIndex = function (index) {
-        return this.getRowCollection(index, true);
+        if (this.parent.enableVirtualization && this.parent.isFrozenGrid()) {
+            return this.getRowCollection(index, true);
+        }
+        else {
+            return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
+        }
     };
     VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {
         return this.getRowCollection(index, false, false, true);
     };
     VirtualTreeContentRenderer.prototype.getRowCollection = function (index, isMovable, isRowObject, isFrozenRight) {
         var startIdx = parseInt(this.parent.getRows()[0].getAttribute(literals.dataRowIndex), 10);
-        var rowCollection = isMovable ? this.parent.getMovableDataRows() : this.parent.getDataRows();
-        rowCollection = isFrozenRight ? this.parent.getFrozenRightDataRows() : rowCollection;
+        var rowCollection = this.parent.getDataRows();
         var collection = isRowObject ? this.parent.getCurrentViewRecords() : rowCollection;
         var selectedRow = collection[index - startIdx];
         if (this.parent.frozenRows && this.parent.pageSettings.currentPage > 1) {
@@ -106,8 +107,8 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.endIndex = this.parent.pageSettings.pageSize - 1;
         }
         if ((this.endIndex - this.startIndex !== this.parent.pageSettings.pageSize) &&
-            (this.totalRecords > this.parent.pageSettings.pageSize) &&
-            (this.endIndex === this.totalRecords)) {
+            (this.totalRecords > this.parent.pageSettings.pageSize)
+            && (this.endIndex === this.totalRecords)) {
             args.startIndex = this.endIndex - this.parent.pageSettings.pageSize;
             args.endIndex = this.endIndex;
         }
@@ -505,29 +506,16 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         }
     };
     VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
-        var isFrozen = this.parent.isFrozenGrid();
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
             && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || this.parent.isFrozenGrid()) {
             if (getValue('isExpandCollapse', e)) {
                 this.isRemoteExpand = true;
             }
-            if (isFrozen && ((isNullOrUndefined(this.requestType) && getValue('requestTypes', this).indexOf('isFrozen') === -1) ||
-                (this.parent.enableVirtualMaskRow && this.requestType === 'virtualscroll'))) {
-                getValue('requestTypes', this).push('isFrozen');
-                this.requestType = 'isFrozen';
-            }
             _super.prototype.appendContent.call(this, target, newChild, e);
             if (getValue('requestTypes', this).indexOf('isFrozen') !== -1) {
                 getValue('requestTypes', this).splice(getValue('requestTypes', this).indexOf('isFrozen'), 1);
                 this.requestType = this.requestType === 'isFrozen' ? undefined : this.requestType;
             }
-            if (isFrozen && (!this.isExpandCollapse || this.translateY === 0)) {
-                this.translateY = this.translateY < 0 ? 0 : this.translateY;
-                getValue('virtualEle', this).adjustTable(0, this.translateY);
-            }
-            else {
-                this.isExpandCollapse = false;
-            }
         }
         else {
             var info = e.virtualInfo.sentinelInfo && e.virtualInfo.sentinelInfo.axis === 'Y' &&

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3-dark.scss

@@ -1,3 +1,3 @@
 
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'treegrid/material3-dark.scss';

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3.scss

@@ -1,3 +1,3 @@
 
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'treegrid/material3.scss';

package/styles/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);

package/styles/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);

package/styles/treegrid/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
 @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';

package/styles/treegrid/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'ej2-inputs/styles/input/bootstrap-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
 @import 'ej2-buttons/styles/button/bootstrap-definition.scss';

package/styles/treegrid/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
 @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';

package/styles/treegrid/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';

package/styles/treegrid/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';

package/styles/treegrid/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
 @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';

package/styles/treegrid/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'ej2-inputs/styles/input/fabric-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
 @import 'ej2-buttons/styles/button/fabric-definition.scss';

package/styles/treegrid/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
 @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';

package/styles/treegrid/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'ej2-inputs/styles/input/fluent-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
 @import 'ej2-buttons/styles/button/fluent-definition.scss';

package/styles/treegrid/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
 @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';

package/styles/treegrid/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'ej2-inputs/styles/input/highcontrast-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
 @import 'ej2-buttons/styles/button/highcontrast-definition.scss';

package/styles/treegrid/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/treegrid/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'ej2-inputs/styles/input/material-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
 @import 'ej2-buttons/styles/button/material-dark-definition.scss';

package/styles/treegrid/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/treegrid/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'ej2-inputs/styles/input/material-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/material-definition.scss';
 @import 'ej2-buttons/styles/button/material-definition.scss';

package/styles/treegrid/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/treegrid/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/material3-dark-definition.scss';

package/styles/treegrid/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/treegrid/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'ej2-inputs/styles/input/material3-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';

package/styles/treegrid/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);

package/styles/treegrid/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
 @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';

package/styles/treegrid/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);

package/styles/treegrid/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'ej2-inputs/styles/input/tailwind-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
 @import 'ej2-buttons/styles/button/tailwind-definition.scss';

package/src/treegrid/renderer/virtual-tree-freeze-render.d.ts

@@ -1,59 +0,0 @@
-import { Column, IGrid, NotifyArgs, Row, ServiceLocator } from '@syncfusion/ej2-grids';
-import { ColumnVirtualFreezeRenderer, VirtualFreezeHdrRenderer, VirtualFreezeRenderer } from '@syncfusion/ej2-grids';
-/**
- * VirtualTreeFreezeRenderer is used to render the virtual table within the frozen and movable content table
- *
- * @hidden
- */
-export declare class VirtualTreeFreezeRenderer extends VirtualFreezeRenderer {
-    protected serviceLoc: ServiceLocator;
-    constructor(parent: IGrid, locator?: ServiceLocator);
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    renderTable(): void;
-    /**
-     * @param {HTMLElement} target - specifies the target
-     * @param {DocumentFragment} newChild - specifies the newChild
-     * @param {NotifyArgs} e - specifies the notifyargs
-     * @returns {void}
-     * @hidden
-     */
-    appendContent(target: HTMLElement, newChild: DocumentFragment, e: NotifyArgs): void;
-    /**
-     * @param {Object[]} data - specifies the data
-     * @param {NotifyArgs} e - specifies the notifyargs
-     * @returns {Row<Column>[]} returns the row
-     * @hidden
-     */
-    generateRows(data: Object[], e?: NotifyArgs): Row<Column>[];
-}
-/**
- * ColumnVirtualTreeFreezeRenderer is used to render the virtual table within the frozen and movable content table
- *
- * @hidden
- */
-export declare class ColumnVirtualTreeFreezeRenderer extends ColumnVirtualFreezeRenderer {
-    protected serviceLoc: ServiceLocator;
-    constructor(parent?: IGrid, locator?: ServiceLocator);
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    renderTable(): void;
-    appendContent(target: HTMLElement, newChild: DocumentFragment, e: NotifyArgs): void;
-}
-/**
- * VirtualTreeFreezeHdrRenderer is used to render the virtual table within the frozen and movable header table
- *
- * @hidden
- */
-export declare class VirtualTreeFreezeHdrRenderer extends VirtualFreezeHdrRenderer {
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    renderTable(): void;
-    protected rfshMovable(): void;
-}

package/src/treegrid/renderer/virtual-tree-freeze-render.js

@@ -1,163 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { ColumnFreezeContentRenderer, FreezeContentRender, FreezeRowModelGenerator, RenderType } from '@syncfusion/ej2-grids';
-import * as literals from '../base/constant';
-import { ColumnVirtualFreezeRenderer, setDebounce, VirtualFreezeHdrRenderer, VirtualFreezeRenderer } from '@syncfusion/ej2-grids';
-import { TreeInterSectionObserver, VirtualTreeContentRenderer } from './virtual-tree-content-render';
-import { getValue } from '@syncfusion/ej2-base';
-/**
- * VirtualTreeFreezeRenderer is used to render the virtual table within the frozen and movable content table
- *
- * @hidden
- */
-var VirtualTreeFreezeRenderer = /** @class */ (function (_super) {
-    __extends(VirtualTreeFreezeRenderer, _super);
-    function VirtualTreeFreezeRenderer(parent, locator) {
-        var _this = _super.call(this, parent, locator) || this;
-        _this.addEventListener();
-        return _this;
-    }
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    VirtualTreeFreezeRenderer.prototype.renderTable = function () {
-        this.freezeRowGenerator = new FreezeRowModelGenerator(this.parent);
-        this.virtualRenderer = new VirtualTreeContentRenderer(this.parent, this.serviceLoc);
-        this.virtualRenderer.header = this.serviceLoc.getService('rendererFactory')
-            .getRenderer(RenderType.Header).virtualHdrRenderer;
-        FreezeContentRender.prototype.renderTable.call(this);
-        this.virtualRenderer.setPanel(this.parent.getContent());
-        this.scrollbar = this.parent.getContent().querySelector('.e-movablescrollbar');
-        var movableCont = this.getMovableContent();
-        var minHeight = this.parent.height;
-        this.virtualRenderer.virtualEle.content = this.virtualRenderer.content = this.getPanel().querySelector('.' + literals.content);
-        this.virtualRenderer.virtualEle.content.style.overflowX = 'hidden';
-        this.virtualRenderer.virtualEle.renderFrozenWrapper(minHeight);
-        this.virtualRenderer.virtualEle.renderFrozenPlaceHolder();
-        if (this.parent.enableColumnVirtualization) {
-            this.virtualRenderer.virtualEle.movableContent = this.virtualRenderer.movableContent
-                = this.getPanel().querySelector('.' + literals.movableContent);
-            this.virtualRenderer.virtualEle.renderMovableWrapper(minHeight);
-            this.virtualRenderer.virtualEle.renderMovablePlaceHolder();
-            var tbl = movableCont.querySelector('table');
-            this.virtualRenderer.virtualEle.movableTable = tbl;
-            this.virtualRenderer.virtualEle.movableWrapper.appendChild(tbl);
-            movableCont.appendChild(this.virtualRenderer.virtualEle.movableWrapper);
-            movableCont.appendChild(this.virtualRenderer.virtualEle.movablePlaceholder);
-        }
-        this.virtualRenderer.virtualEle.wrapper.appendChild(this.getFrozenContent());
-        this.virtualRenderer.virtualEle.wrapper.appendChild(movableCont);
-        this.virtualRenderer.virtualEle.table = this.getTable();
-        setDebounce(this.parent, this.virtualRenderer, this.scrollbar, this.getMovableContent());
-    };
-    /**
-     * @param {HTMLElement} target - specifies the target
-     * @param {DocumentFragment} newChild - specifies the newChild
-     * @param {NotifyArgs} e - specifies the notifyargs
-     * @returns {void}
-     * @hidden
-     */
-    VirtualTreeFreezeRenderer.prototype.appendContent = function (target, newChild, e) {
-        getValue('observer', this.virtualRenderer).options.debounceEvent = false;
-        this.virtualRenderer['observers'] = new TreeInterSectionObserver(getValue('observer', this.virtualRenderer).element, getValue('observer', this.virtualRenderer).options, getValue('observer', this.virtualRenderer).movableEle);
-        this.virtualRenderer['contents'] = this.getPanel().firstChild;
-        _super.prototype.appendContent.call(this, target, newChild, e);
-    };
-    /**
-     * @param {Object[]} data - specifies the data
-     * @param {NotifyArgs} e - specifies the notifyargs
-     * @returns {Row<Column>[]} returns the row
-     * @hidden
-     */
-    VirtualTreeFreezeRenderer.prototype.generateRows = function (data, e) {
-        return _super.prototype.generateRows.call(this, data, e);
-    };
-    return VirtualTreeFreezeRenderer;
-}(VirtualFreezeRenderer));
-export { VirtualTreeFreezeRenderer };
-/**
- * ColumnVirtualTreeFreezeRenderer is used to render the virtual table within the frozen and movable content table
- *
- * @hidden
- */
-var ColumnVirtualTreeFreezeRenderer = /** @class */ (function (_super) {
-    __extends(ColumnVirtualTreeFreezeRenderer, _super);
-    function ColumnVirtualTreeFreezeRenderer(parent, locator) {
-        var _this = _super.call(this, parent, locator) || this;
-        _this.serviceLoc = locator;
-        _this.eventListener('on');
-        return _this;
-    }
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    ColumnVirtualTreeFreezeRenderer.prototype.renderTable = function () {
-        this.virtualRenderer = new VirtualTreeContentRenderer(this.parent, this.serviceLoc);
-        this.virtualRenderer.header = this.serviceLoc.getService('rendererFactory')
-            .getRenderer(RenderType.Header).virtualHdrRenderer;
-        this.freezeRowGenerator = new FreezeRowModelGenerator(this.parent);
-        ColumnFreezeContentRenderer.prototype.renderTable.call(this);
-        this.virtualRenderer.setPanel(this.parent.getContent());
-        this.scrollbar = this.parent.getContent().querySelector('.e-movablescrollbar');
-        var frozenRightCont = this.getFrozenRightContent();
-        var frzCont = this.getFrozenContent();
-        var movableCont = this.getMovableContent();
-        if (this.parent.getFrozenMode() === 'Right') {
-            frzCont = frozenRightCont;
-        }
-        this.virtualRenderer.virtualEle.content = this.virtualRenderer.content = this.getPanel().querySelector('.' + literals.content);
-        this.virtualRenderer.virtualEle.content.style.overflowX = 'hidden';
-        var minHeight = this.parent.height;
-        this.virtualRenderer.virtualEle.renderFrozenWrapper(minHeight);
-        this.virtualRenderer.virtualEle.renderFrozenPlaceHolder();
-        _super.prototype['renderVirtualFrozenLeft'].call(this, frzCont, movableCont);
-        _super.prototype['renderVirtualFrozenRight'].call(this, frzCont, movableCont);
-        _super.prototype['renderVirtualFrozenLeftRight'].call(this, frzCont, movableCont, frozenRightCont);
-        this.virtualRenderer.virtualEle.table = this.getTable();
-        setDebounce(this.parent, this.virtualRenderer, this.scrollbar, this.getMovableContent());
-    };
-    ColumnVirtualTreeFreezeRenderer.prototype.appendContent = function (target, newChild, e) {
-        getValue('observer', this.virtualRenderer).options.debounceEvent = false;
-        this.virtualRenderer['observers'] = new TreeInterSectionObserver(getValue('observer', this.virtualRenderer).element, getValue('observer', this.virtualRenderer).options, getValue('observer', this.virtualRenderer).movableEle);
-        this.virtualRenderer['contents'] = this.getPanel().firstChild;
-        _super.prototype.appendContent.call(this, target, newChild, e);
-    };
-    return ColumnVirtualTreeFreezeRenderer;
-}(ColumnVirtualFreezeRenderer));
-export { ColumnVirtualTreeFreezeRenderer };
-/**
- * VirtualTreeFreezeHdrRenderer is used to render the virtual table within the frozen and movable header table
- *
- * @hidden
- */
-var VirtualTreeFreezeHdrRenderer = /** @class */ (function (_super) {
-    __extends(VirtualTreeFreezeHdrRenderer, _super);
-    function VirtualTreeFreezeHdrRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    VirtualTreeFreezeHdrRenderer.prototype.renderTable = function () {
-        _super.prototype.renderTable.call(this);
-    };
-    VirtualTreeFreezeHdrRenderer.prototype.rfshMovable = function () {
-        _super.prototype.rfshMovable.call(this);
-    };
-    return VirtualTreeFreezeHdrRenderer;
-}(VirtualFreezeHdrRenderer));
-export { VirtualTreeFreezeHdrRenderer };