@syncfusion/ej2-treegrid 22.2.9 → 23.1.36

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 };