raise-common-lib 0.0.248 → 0.0.250

package/bundles/raise-common-lib.umd.js

@@ -1,11 +1,11 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/cdk/drag-drop'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('resize-observer-polyfill'), require('@syncfusion/ej2-data'), require('moment'), require('circular-json'), require('@angular/material/core'), require('@syncfusion/ej2-angular-layouts'), require('@angular/common'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/forms'), require('ng-inline-svg'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip'), require('@angular/material/checkbox'), require('@angular/material/select'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/button'), require('@syncfusion/ej2-inputs/src/maskedtextbox/maskedtextbox'), require('@syncfusion/ej2-data/src/manager'), require('@syncfusion/ej2-data/src/query')) :
-    typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/cdk/drag-drop', '@angular/common/http', '@syncfusion/ej2-base', 'resize-observer-polyfill', '@syncfusion/ej2-data', 'moment', 'circular-json', '@angular/material/core', '@syncfusion/ej2-angular-layouts', '@angular/common', '@angular/material/icon', '@angular/platform-browser', '@angular/forms', 'ng-inline-svg', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip', '@angular/material/checkbox', '@angular/material/select', '@angular/material/form-field', '@angular/material/input', '@angular/material/button', '@syncfusion/ej2-inputs/src/maskedtextbox/maskedtextbox', '@syncfusion/ej2-data/src/manager', '@syncfusion/ej2-data/src/query'], factory) :
-    (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.cdk['drag-drop'], global.ng.common.http, global.ej2Base, global.ResizeObserver, global.ej2Data, global.moment, global.CircularJSON, global.ng.material.core, global.ej2AngularLayouts, global.ng.common, global.ng.material.icon, global.ng.platformBrowser, global.ng.forms, global.ngInlineSvg, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip, global.ng.material.checkbox, global.ng.material.select, global.ng.material['form-field'], global.ng.material.input, global.ng.material.button, global.maskedtextbox, global.manager, global.query));
-}(this, (function (exports, core, ej2AngularGrids, lodash, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, dragDrop, http, ej2Base, ResizeObserver, ej2Data, moment, CircularJSON, core$1, ej2AngularLayouts, common, icon, platformBrowser, forms, ngInlineSvg, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip, checkbox, select, formField, input, button, maskedtextbox, manager, query) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('moment'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/cdk/drag-drop'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('resize-observer-polyfill'), require('@syncfusion/ej2-data'), require('circular-json'), require('@angular/material/core'), require('@syncfusion/ej2-angular-layouts'), require('@angular/common'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/forms'), require('ng-inline-svg'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip'), require('@angular/material/checkbox'), require('@angular/material/select'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/button'), require('@syncfusion/ej2-inputs/src/maskedtextbox/maskedtextbox'), require('@syncfusion/ej2-data/src/manager'), require('@syncfusion/ej2-data/src/query')) :
+    typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'moment', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/cdk/drag-drop', '@angular/common/http', '@syncfusion/ej2-base', 'resize-observer-polyfill', '@syncfusion/ej2-data', 'circular-json', '@angular/material/core', '@syncfusion/ej2-angular-layouts', '@angular/common', '@angular/material/icon', '@angular/platform-browser', '@angular/forms', 'ng-inline-svg', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip', '@angular/material/checkbox', '@angular/material/select', '@angular/material/form-field', '@angular/material/input', '@angular/material/button', '@syncfusion/ej2-inputs/src/maskedtextbox/maskedtextbox', '@syncfusion/ej2-data/src/manager', '@syncfusion/ej2-data/src/query'], factory) :
+    (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.moment, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.cdk['drag-drop'], global.ng.common.http, global.ej2Base, global.ResizeObserver, global.ej2Data, global.CircularJSON, global.ng.material.core, global.ej2AngularLayouts, global.ng.common, global.ng.material.icon, global.ng.platformBrowser, global.ng.forms, global.ngInlineSvg, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip, global.ng.material.checkbox, global.ng.material.select, global.ng.material['form-field'], global.ng.material.input, global.ng.material.button, global.maskedtextbox, global.manager, global.query));
+}(this, (function (exports, core, ej2AngularGrids, lodash, moment, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, dragDrop, http, ej2Base, ResizeObserver, ej2Data, CircularJSON, core$1, ej2AngularLayouts, common, icon, platformBrowser, forms, ngInlineSvg, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip, checkbox, select, formField, input, button, maskedtextbox, manager, query) { 'use strict';
 
-    ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
     moment = moment && moment.hasOwnProperty('default') ? moment['default'] : moment;
+    ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
     CircularJSON = CircularJSON && CircularJSON.hasOwnProperty('default') ? CircularJSON['default'] : CircularJSON;
 
     /******************************************************************************
@@ -443,6 +443,791 @@
         return {};
     }
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/date-tree-filter/date-tree-filter.helper.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function DateTreeFilterSetupOptions() { }
+    if (false) {
+        /** @type {?} */
+        DateTreeFilterSetupOptions.prototype.rows;
+        /** @type {?} */
+        DateTreeFilterSetupOptions.prototype.fields;
+        /** @type {?} */
+        DateTreeFilterSetupOptions.prototype.hints;
+    }
+    /**
+     * @record
+     */
+    function DateTreeFilterHelperOptions() { }
+    if (false) {
+        /** @type {?} */
+        DateTreeFilterHelperOptions.prototype.getTranslation;
+        /** @type {?} */
+        DateTreeFilterHelperOptions.prototype.getPopoverElement;
+        /** @type {?} */
+        DateTreeFilterHelperOptions.prototype.getGridElement;
+        /** @type {?} */
+        DateTreeFilterHelperOptions.prototype.applyRows;
+        /** @type {?|undefined} */
+        DateTreeFilterHelperOptions.prototype.parseDateValue;
+        /** @type {?|undefined} */
+        DateTreeFilterHelperOptions.prototype.dateFormats;
+    }
+    /**
+     * @record
+     */
+    function RsCommonGridDateTreeFactoryHost() { }
+    if (false) {
+        /** @type {?} */
+        RsCommonGridDateTreeFactoryHost.prototype.translation;
+        /** @type {?} */
+        RsCommonGridDateTreeFactoryHost.prototype.dateTreePopoverRef;
+        /** @type {?} */
+        RsCommonGridDateTreeFactoryHost.prototype.grid;
+    }
+    /** @type {?} */
+    var DATE_TREE_DEFAULT_DATE_FORMATS = [
+        "YYYY-MM-DD",
+        "MM/DD/YYYY",
+        "DD/MM/YYYY",
+        "YYYY/MM/DD",
+        "DD-MMM-YYYY",
+        "MMM DD, YYYY",
+    ];
+    var DateTreeFilterHelper = /** @class */ (function () {
+        function DateTreeFilterHelper(options) {
+            this.popoverVisible = false;
+            this.popoverField = "";
+            this.popoverStyle = {};
+            this.selectedByField = {};
+            this.fieldLabelMap = {};
+            this.dateFields = [];
+            this.sourceRows = [];
+            this.defaultDateFormats = [
+                "YYYY-MM-DD",
+                "MM/DD/YYYY",
+                "DD/MM/YYYY",
+                "YYYY/MM/DD",
+                "DD-MMM-YYYY",
+                "DD-MMM-YYYY hh:mm A",
+                "MMM DD, YYYY",
+                moment.ISO_8601,
+            ];
+            this.options = options;
+        }
+        /**
+         * @param {?} config
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.setup = /**
+         * @param {?} config
+         * @return {?}
+         */
+        function (config) {
+            var _this = this;
+            /** @type {?} */
+            var rows = config && config.rows ? config.rows : [];
+            /** @type {?} */
+            var fields = config && config.fields ? config.fields : [];
+            /** @type {?} */
+            var hints = config && config.hints ? config.hints : [];
+            this.sourceRows = rows;
+            this.dateFields = this.resolveDateTreeFieldsByHints(fields, hints);
+            this.fieldLabelMap = {};
+            (fields || []).forEach((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                if (!item || !item.columnName) {
+                    return;
+                }
+                _this.fieldLabelMap[item.columnName] =
+                    item.columnDisplayName || item.columnName;
+            }));
+            this.apply();
+        };
+        /**
+         * @param {?} args
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.handleGridActionBegin = /**
+         * @param {?} args
+         * @return {?}
+         */
+        function (args) {
+            /** @type {?} */
+            var requestType = this.getRequestType(args);
+            if (requestType === "filterchoicerequest" ||
+                requestType === "filtersearchbegin") {
+                args.filterChoiceCount = 15000;
+            }
+            if (requestType !== "filterbeforeopen") {
+                return;
+            }
+            /** @type {?} */
+            var columnName = this.resolveActionColumnName(args);
+            if (!this.isDateTreeField(columnName)) {
+                this.close();
+                return;
+            }
+            args.cancel = true;
+            this.open(columnName);
+        };
+        /**
+         * @param {?} selectionMap
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.updateSelection = /**
+         * @param {?} selectionMap
+         * @return {?}
+         */
+        function (selectionMap) {
+            this.selectedByField = selectionMap || {};
+            this.apply();
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.close = /**
+         * @return {?}
+         */
+        function () {
+            if (!this.popoverVisible) {
+                return;
+            }
+            this.popoverVisible = false;
+            this.popoverField = "";
+            this.popoverStyle = {};
+        };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.handleDocumentMouseDown = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            if (!this.popoverVisible) {
+                return;
+            }
+            /** @type {?} */
+            var target = (/** @type {?} */ (event.target));
+            if (!target) {
+                return;
+            }
+            if (this.isInsidePopover(target) || this.isDateFilterMenuItem(target)) {
+                return;
+            }
+            this.close();
+        };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.handleDocumentMouseOver = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            if (!this.popoverVisible) {
+                return;
+            }
+            /** @type {?} */
+            var target = (/** @type {?} */ (event.target));
+            if (!target) {
+                return;
+            }
+            if (this.isInsidePopover(target)) {
+                return;
+            }
+            /** @type {?} */
+            var menuItem = (/** @type {?} */ (target.closest(".e-menu-item")));
+            if (menuItem) {
+                if (!this.isDateFilterMenuItem(menuItem)) {
+                    this.close();
+                }
+                return;
+            }
+            /** @type {?} */
+            var otherFilterTarget = (/** @type {?} */ (target.closest(".e-filtermenudiv, .e-headercell .e-columnmenu, .e-columnmenu, .e-contextmenu")));
+            if (otherFilterTarget && !this.isDateFilterMenuItem(otherFilterTarget)) {
+                this.close();
+            }
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.updatePosition = /**
+         * @return {?}
+         */
+        function () {
+            if (!this.popoverVisible) {
+                return;
+            }
+            /** @type {?} */
+            var anchor = this.findDateFilterAnchorElement();
+            if (anchor) {
+                /** @type {?} */
+                var rect = anchor.getBoundingClientRect();
+                /** @type {?} */
+                var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+                /** @type {?} */
+                var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+                /** @type {?} */
+                var popoverElement = this.options.getPopoverElement
+                    ? this.options.getPopoverElement()
+                    : null;
+                /** @type {?} */
+                var popoverWidth = popoverElement && popoverElement.offsetWidth
+                    ? popoverElement.offsetWidth
+                    : 300;
+                /** @type {?} */
+                var popoverHeight = popoverElement && popoverElement.offsetHeight
+                    ? popoverElement.offsetHeight
+                    : 420;
+                /** @type {?} */
+                var edgeGap = 8;
+                /** @type {?} */
+                var anchorGap = 8;
+                /** @type {?} */
+                var top = rect.top - 6;
+                /** @type {?} */
+                var left = rect.right + anchorGap;
+                if (left + popoverWidth > viewportWidth - edgeGap) {
+                    left = rect.left - popoverWidth - anchorGap;
+                }
+                if (left < edgeGap) {
+                    left = edgeGap;
+                }
+                if (left + popoverWidth > viewportWidth - edgeGap) {
+                    left = Math.max(edgeGap, viewportWidth - popoverWidth - edgeGap);
+                }
+                if (top + popoverHeight > viewportHeight - edgeGap) {
+                    top = Math.max(edgeGap, viewportHeight - popoverHeight - edgeGap);
+                }
+                this.popoverStyle = {
+                    position: "fixed",
+                    left: left + "px",
+                    top: top + "px",
+                };
+                return;
+            }
+            /** @type {?} */
+            var gridElement = this.options.getGridElement
+                ? this.options.getGridElement()
+                : null;
+            if (gridElement && gridElement.getBoundingClientRect) {
+                /** @type {?} */
+                var fallbackRect = gridElement.getBoundingClientRect();
+                this.popoverStyle = {
+                    position: "fixed",
+                    left: Math.max(8, fallbackRect.right - 312) + "px",
+                    top: Math.max(8, fallbackRect.top + 8) + "px",
+                };
+            }
+        };
+        /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.open = /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        function (field) {
+            var _this = this;
+            this.popoverField = field;
+            this.popoverVisible = true;
+            this.updatePosition();
+            setTimeout((/**
+             * @return {?}
+             */
+            function () { return _this.updatePosition(); }), 50);
+            setTimeout((/**
+             * @return {?}
+             */
+            function () { return _this.updatePosition(); }), 150);
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.apply = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var filteredRows = this.filterRowsBySelectedDateTree(this.sourceRows || []);
+            this.options.applyRows(filteredRows);
+        };
+        /**
+         * @private
+         * @param {?} args
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.getRequestType = /**
+         * @private
+         * @param {?} args
+         * @return {?}
+         */
+        function (args) {
+            if (!args || !args.requestType) {
+                return "";
+            }
+            return String(args.requestType).trim().toLowerCase();
+        };
+        /**
+         * @private
+         * @param {?} args
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.resolveActionColumnName = /**
+         * @private
+         * @param {?} args
+         * @return {?}
+         */
+        function (args) {
+            if (!args) {
+                return "";
+            }
+            return (args.columnName ||
+                args.field ||
+                args.currentFilteringColumn ||
+                (args.column && (args.column.field || args.column.columnName)) ||
+                "");
+        };
+        /**
+         * @private
+         * @param {?} fields
+         * @param {?} hints
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.resolveDateTreeFieldsByHints = /**
+         * @private
+         * @param {?} fields
+         * @param {?} hints
+         * @return {?}
+         */
+        function (fields, hints) {
+            /** @type {?} */
+            var normalizedHints = (hints || [])
+                .filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return !!item; }))
+                .map((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return String(item).trim().toLowerCase(); }));
+            if (!fields || !fields.length || !normalizedHints.length) {
+                return [];
+            }
+            return fields
+                .filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                if (!item || !item.columnName) {
+                    return false;
+                }
+                /** @type {?} */
+                var columnName = String(item.columnName || "").toLowerCase();
+                /** @type {?} */
+                var displayName = String(item.columnDisplayName || "").toLowerCase();
+                return normalizedHints.some((/**
+                 * @param {?} hint
+                 * @return {?}
+                 */
+                function (hint) {
+                    return (columnName === hint ||
+                        displayName === hint ||
+                        (hint.length >= 3 &&
+                            (columnName.indexOf(hint) > -1 ||
+                                displayName.indexOf(hint) > -1)));
+                }));
+            }))
+                .map((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return item.columnName; }));
+        };
+        /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.isDateTreeField = /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        function (field) {
+            return this.dateFields.indexOf(field) > -1;
+        };
+        /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.getFieldDaySelectionMap = /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        function (field) {
+            if (!this.selectedByField[field]) {
+                this.selectedByField[field] = {};
+            }
+            return this.selectedByField[field];
+        };
+        /**
+         * @private
+         * @param {?} rows
+         * @param {?=} excludeField
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.filterRowsBySelectedDateTree = /**
+         * @private
+         * @param {?} rows
+         * @param {?=} excludeField
+         * @return {?}
+         */
+        function (rows, excludeField) {
+            var _this = this;
+            /** @type {?} */
+            var filteredRows = rows ? rows.slice() : [];
+            this.dateFields.forEach((/**
+             * @param {?} field
+             * @return {?}
+             */
+            function (field) {
+                if (excludeField && field === excludeField) {
+                    return;
+                }
+                /** @type {?} */
+                var selectedMap = _this.getFieldDaySelectionMap(field);
+                /** @type {?} */
+                var selectedKeys = Object.keys(selectedMap);
+                if (!selectedKeys.length) {
+                    return;
+                }
+                filteredRows = filteredRows.filter((/**
+                 * @param {?} row
+                 * @return {?}
+                 */
+                function (row) {
+                    /** @type {?} */
+                    var dayKey = _this.getDayKeyByRowValue(row[field]);
+                    return dayKey ? !!selectedMap[dayKey] : false;
+                }));
+            }));
+            return filteredRows;
+        };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.getDayKeyByRowValue = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            /** @type {?} */
+            var date = this.parseDateValue(value);
+            if (!date) {
+                return "";
+            }
+            return this.toDayKey(date.getFullYear(), date.getMonth() + 1, date.getDate());
+        };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.parseDateValue = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            if (this.options.parseDateValue) {
+                return this.options.parseDateValue(value);
+            }
+            if (!value) {
+                return null;
+            }
+            if (value instanceof Date) {
+                return value;
+            }
+            /** @type {?} */
+            var formats = this.options && this.options.dateFormats && this.options.dateFormats.length
+                ? this.options.dateFormats
+                : this.defaultDateFormats;
+            /** @type {?} */
+            var parsed = moment(value, formats, true);
+            if (parsed.isValid()) {
+                return parsed.toDate();
+            }
+            /** @type {?} */
+            var fallback = new Date(value);
+            return isNaN(fallback.getTime()) ? null : fallback;
+        };
+        /**
+         * @private
+         * @param {?} year
+         * @param {?} month
+         * @param {?} day
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.toDayKey = /**
+         * @private
+         * @param {?} year
+         * @param {?} month
+         * @param {?} day
+         * @return {?}
+         */
+        function (year, month, day) {
+            return year + "-" + this.pad2(month) + "-" + this.pad2(day);
+        };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.pad2 = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            return value < 10 ? "0" + value : String(value);
+        };
+        /**
+         * @private
+         * @param {?} target
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.isInsidePopover = /**
+         * @private
+         * @param {?} target
+         * @return {?}
+         */
+        function (target) {
+            /** @type {?} */
+            var popoverElement = this.options.getPopoverElement
+                ? this.options.getPopoverElement()
+                : null;
+            if (!target || !popoverElement) {
+                return false;
+            }
+            return popoverElement.contains(target);
+        };
+        /**
+         * @private
+         * @param {?} element
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.isDateFilterMenuItem = /**
+         * @private
+         * @param {?} element
+         * @return {?}
+         */
+        function (element) {
+            if (!element) {
+                return false;
+            }
+            /** @type {?} */
+            var menuItem = (/** @type {?} */ (element.closest(".e-menu-item")));
+            if (!menuItem) {
+                return false;
+            }
+            /** @type {?} */
+            var text = (menuItem.textContent || "").trim().toLowerCase();
+            /** @type {?} */
+            var translation = this.options.getTranslation
+                ? this.options.getTranslation()
+                : null;
+            /** @type {?} */
+            var filterText = String((translation && translation.FILTER) || "filter")
+                .trim()
+                .toLowerCase();
+            if (!text) {
+                return false;
+            }
+            if (text.indexOf(filterText) > -1 || text.indexOf("filter") > -1) {
+                return true;
+            }
+            /** @type {?} */
+            var cls = (menuItem.className || "").toLowerCase();
+            return cls.indexOf("filter") > -1;
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        DateTreeFilterHelper.prototype.findDateFilterAnchorElement = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var menuContainers = (/** @type {?} */ (Array.from(document.querySelectorAll(".e-columnmenu, .e-contextmenu"))));
+            /** @type {?} */
+            var visibleContainers = menuContainers.filter((/**
+             * @param {?} container
+             * @return {?}
+             */
+            function (container) {
+                if (!container || !container.getBoundingClientRect) {
+                    return false;
+                }
+                /** @type {?} */
+                var rect = container.getBoundingClientRect();
+                if (rect.width <= 0 || rect.height <= 0) {
+                    return false;
+                }
+                /** @type {?} */
+                var style = window.getComputedStyle(container);
+                if (!style || style.display === "none" || style.visibility === "hidden") {
+                    return false;
+                }
+                return true;
+            }));
+            if (!visibleContainers.length) {
+                return null;
+            }
+            /** @type {?} */
+            var currentContainer = visibleContainers[visibleContainers.length - 1];
+            /** @type {?} */
+            var menuItems = (/** @type {?} */ (Array.from(currentContainer.querySelectorAll(".e-menu-item"))));
+            /** @type {?} */
+            var visibleFilterItems = menuItems.filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                if (!_this.isDateFilterMenuItem(item)) {
+                    return false;
+                }
+                if (!item.getBoundingClientRect) {
+                    return false;
+                }
+                /** @type {?} */
+                var rect = item.getBoundingClientRect();
+                return rect.width > 0 && rect.height > 0;
+            }));
+            if (!visibleFilterItems.length) {
+                return null;
+            }
+            /** @type {?} */
+            var focusedItem = visibleFilterItems.find((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                return (item.classList.contains("e-focused") ||
+                    item.classList.contains("e-selected") ||
+                    item.classList.contains("e-hover"));
+            }));
+            return focusedItem || visibleFilterItems[visibleFilterItems.length - 1];
+        };
+        return DateTreeFilterHelper;
+    }());
+    if (false) {
+        /** @type {?} */
+        DateTreeFilterHelper.prototype.popoverVisible;
+        /** @type {?} */
+        DateTreeFilterHelper.prototype.popoverField;
+        /** @type {?} */
+        DateTreeFilterHelper.prototype.popoverStyle;
+        /** @type {?} */
+        DateTreeFilterHelper.prototype.selectedByField;
+        /** @type {?} */
+        DateTreeFilterHelper.prototype.fieldLabelMap;
+        /** @type {?} */
+        DateTreeFilterHelper.prototype.dateFields;
+        /**
+         * @type {?}
+         * @private
+         */
+        DateTreeFilterHelper.prototype.sourceRows;
+        /**
+         * @type {?}
+         * @private
+         */
+        DateTreeFilterHelper.prototype.options;
+        /**
+         * @type {?}
+         * @private
+         */
+        DateTreeFilterHelper.prototype.defaultDateFormats;
+    }
+    /**
+     * @param {?} host
+     * @return {?}
+     */
+    function resolveGridElement(host) {
+        if (!host || !host.grid) {
+            return null;
+        }
+        /** @type {?} */
+        var gridRef = host.grid;
+        if (gridRef.grid && gridRef.grid.element) {
+            return gridRef.grid.element;
+        }
+        if (gridRef.element) {
+            return gridRef.element;
+        }
+        return null;
+    }
+    /**
+     * @param {?} host
+     * @param {?} applyRows
+     * @param {?=} dateFormats
+     * @return {?}
+     */
+    function createRsCommonGridDateTreeHelper(host, applyRows, dateFormats) {
+        return new DateTreeFilterHelper({
+            getTranslation: (/**
+             * @return {?}
+             */
+            function () { return (host ? host.translation : null); }),
+            getPopoverElement: (/**
+             * @return {?}
+             */
+            function () {
+                return host && host.dateTreePopoverRef
+                    ? host.dateTreePopoverRef.nativeElement
+                    : null;
+            }),
+            getGridElement: (/**
+             * @return {?}
+             */
+            function () { return resolveGridElement(host); }),
+            applyRows: applyRows,
+            dateFormats: dateFormats && dateFormats.length
+                ? dateFormats
+                : DATE_TREE_DEFAULT_DATE_FORMATS,
+        });
+    }
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/common-grid/index.component.ts
@@ -450,6 +1235,7 @@
      */
     var CommonGridComponent = /** @class */ (function () {
         function CommonGridComponent(ref) {
+            var _this = this;
             this.ref = ref;
             this.showCheckBox = true;
             this.loaded = true;
@@ -496,6 +1282,23 @@
             this.alwaysShowCheckbox = false;
             this.disableSystemRow = false; // 禁用IsSytem = true的整行
             // 禁用IsSytem = true的整行
+            /**
+             * 开启日期树筛选（默认关闭，不影响现有页面）
+             */
+            this.enableDateTreeFilter = false;
+            /**
+             * 参与日期树筛选的列名或 hint，如 ['CreatedOn', 'ModifiedOn']
+             */
+            this.dateTreeFilterFields = [];
+            /**
+             * 未筛选原始数据（可选）。
+             * 不传时由组件在 dataSource 变更时自动快照；传则由页面自行维护 raw。
+             */
+            this.dateTreeSourceRows = null;
+            /**
+             * 内聚模式下仍向页面同步筛选结果（默认 false，一般无需绑定）
+             */
+            this.dateTreeEmitFilteredRows = false;
             this.recordDoubleClick = new core.EventEmitter();
             this.actionComplete = new core.EventEmitter();
             this.rowSelected = new core.EventEmitter();
@@ -513,6 +1316,16 @@
             this.rowDrop = new core.EventEmitter();
             this.rowDrag = new core.EventEmitter();
             this.rowDragStart = new core.EventEmitter();
+            /**
+             * 日期树筛选后的行数据（可选，复杂页面与 dateTreeSourceRows 搭配使用）
+             */
+            this.dateTreeFilteredRows = new core.EventEmitter();
+            /**
+             * 内聚模式：表格实际绑定的数据
+             */
+            this.dateTreeDisplayRows = [];
+            this.dateTreeRawRows = [];
+            this.dateTreeApplyingFilter = false;
             this.selectId = [];
             this.startPaging = false;
             this.indexList = [];
@@ -540,6 +1353,11 @@
                 return list;
             });
             this.translation = getTranslation();
+            this.dateTreeHelper = createRsCommonGridDateTreeHelper(this, (/**
+             * @param {?} rows
+             * @return {?}
+             */
+            function (rows) { return _this.onDateTreeRowsApplied(rows); }));
         }
         /**
          * @return {?}
@@ -567,6 +1385,36 @@
         function (index, item) {
             return index; // or a unique identifier in your object
         };
+        Object.defineProperty(CommonGridComponent.prototype, "gridBindDataSource", {
+            /** ejs-grid 绑定数据源：内聚模式用内部展示数据，否则用 dataSource */
+            get: /**
+             * ejs-grid 绑定数据源：内聚模式用内部展示数据，否则用 dataSource
+             * @return {?}
+             */
+            function () {
+                if (this.enableDateTreeFilter && this.dateTreeSourceRows == null) {
+                    return this.dateTreeDisplayRows;
+                }
+                return this.dataSource;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CommonGridComponent.prototype, "dateTreePopoverSourceRows", {
+            /** 日期树 popover 用的全量数据 */
+            get: /**
+             * 日期树 popover 用的全量数据
+             * @return {?}
+             */
+            function () {
+                if (this.dateTreeSourceRows != null) {
+                    return this.dateTreeSourceRows;
+                }
+                return this.dateTreeRawRows;
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @param {?} changes
          * @return {?}
@@ -576,12 +1424,16 @@
          * @return {?}
          */
         function (changes) {
-            if (changes.dataSource && changes.dataSource.currentValue) {
+            /** @type {?} */
+            var bindRows = changes.dataSource && changes.dataSource.currentValue
+                ? changes.dataSource.currentValue
+                : null;
+            if (bindRows) {
                 if (this.allowPaging &&
-                    changes.dataSource.currentValue.length &&
+                    bindRows.length &&
                     !this.pageSettings) {
                     this.pageSettings =
-                        changes.dataSource.currentValue.length > 9
+                        bindRows.length > 9
                             ? {
                                 pageSizes: ["All", "25", "50", "100"],
                                 pageSize: 50,
@@ -589,11 +1441,123 @@
                             : null;
                 }
             }
+            if (this.enableDateTreeFilter &&
+                this.dateTreeSourceRows == null &&
+                changes.dataSource &&
+                !this.dateTreeApplyingFilter) {
+                this.captureDateTreeRawFromDataSource(changes.dataSource.currentValue);
+            }
+            if (changes.enableDateTreeFilter && changes.enableDateTreeFilter.currentValue) {
+                this.captureDateTreeRawFromDataSource(this.dataSource);
+            }
+            if (changes.enableDateTreeFilter && !changes.enableDateTreeFilter.currentValue) {
+                this.dateTreeHelper && this.dateTreeHelper.close();
+                this.dateTreeDisplayRows = [];
+                this.dateTreeRawRows = [];
+            }
+            if (this.enableDateTreeFilter &&
+                (changes.enableDateTreeFilter ||
+                    changes.dateTreeFilterFields ||
+                    changes.dateTreeSourceRows ||
+                    changes.fields ||
+                    changes.dataSource)) {
+                this.refreshDateTreeFilter();
+            }
         };
         /**
+         * @private
+         * @param {?} rows
          * @return {?}
          */
-        CommonGridComponent.prototype._load = /**
+        CommonGridComponent.prototype.captureDateTreeRawFromDataSource = /**
+         * @private
+         * @param {?} rows
+         * @return {?}
+         */
+        function (rows) {
+            this.dateTreeRawRows = rows ? rows.slice() : [];
+        };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        CommonGridComponent.prototype.onDocumentMouseDown = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            if (this.enableDateTreeFilter && this.dateTreeHelper) {
+                this.dateTreeHelper.handleDocumentMouseDown(event);
+            }
+        };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        CommonGridComponent.prototype.onDocumentMouseOver = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            if (this.enableDateTreeFilter && this.dateTreeHelper) {
+                this.dateTreeHelper.handleDocumentMouseOver(event);
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        CommonGridComponent.prototype.refreshDateTreeFilter = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            if (!this.enableDateTreeFilter || !this.dateTreeHelper) {
+                return;
+            }
+            /** @type {?} */
+            var rows = this.dateTreeSourceRows != null
+                ? this.dateTreeSourceRows
+                : this.dateTreeRawRows || [];
+            this.dateTreeHelper.setup({
+                rows: rows,
+                fields: this.fields || [],
+                hints: this.dateTreeFilterFields || [],
+            });
+        };
+        /**
+         * @private
+         * @param {?} rows
+         * @return {?}
+         */
+        CommonGridComponent.prototype.onDateTreeRowsApplied = /**
+         * @private
+         * @param {?} rows
+         * @return {?}
+         */
+        function (rows) {
+            var _this = this;
+            /** @type {?} */
+            var result = rows || [];
+            this.dateTreeApplyingFilter = true;
+            if (this.enableDateTreeFilter && this.dateTreeSourceRows == null) {
+                this.dateTreeDisplayRows = result;
+            }
+            if (this.dateTreeSourceRows != null || this.dateTreeEmitFilteredRows) {
+                this.dateTreeFilteredRows.emit(result);
+            }
+            this.ref && this.ref.markForCheck();
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                _this.dateTreeApplyingFilter = false;
+            }), 0);
+        };
+        /**
+         * @return {?}
+         */
+        CommonGridComponent.prototype._load = /**
          * @return {?}
          */
         function () {
@@ -847,7 +1811,10 @@
                     args.requestType === "sorting")) {
                 this.startPaging = true;
             }
-            if (args.requestType == "filterchoicerequest" ||
+            if (this.enableDateTreeFilter && this.dateTreeHelper) {
+                this.dateTreeHelper.handleGridActionBegin(args);
+            }
+            else if (args.requestType == "filterchoicerequest" ||
                 args.requestType === "filtersearchbegin") {
                 args.filterChoiceCount = 15000;
             }
@@ -1220,7 +2187,7 @@
         CommonGridComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-common-grid",
-                        template: "<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"dataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"dataSource && dataSource.length ? contextMenuItems : null\"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n      [headerTemplate]=\"item.showHeaderTemplate ? headerTemplate : undefined\"\r\n      [isPrimaryKey]=\"item?.isPrimaryKey ? true : false\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
+                        template: "<rs-date-tree-filter-popover\r\n  *ngIf=\"enableDateTreeFilter && dateTreeHelper && dateTreeHelper.popoverVisible\"\r\n  #dateTreePopoverRef\r\n  [ngStyle]=\"dateTreeHelper.popoverStyle\"\r\n  [field]=\"dateTreeHelper.popoverField\"\r\n  [translation]=\"translation\"\r\n  [sourceRows]=\"dateTreePopoverSourceRows\"\r\n  [dateFields]=\"dateTreeHelper.dateFields\"\r\n  [selectedByField]=\"dateTreeHelper.selectedByField\"\r\n  [fieldLabelMap]=\"dateTreeHelper.fieldLabelMap\"\r\n  (apply)=\"dateTreeHelper.updateSelection($event)\"\r\n  (close)=\"dateTreeHelper.close()\"\r\n></rs-date-tree-filter-popover>\r\n<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"gridBindDataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"gridBindDataSource && gridBindDataSource.length ? contextMenuItems : null\"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n      [headerTemplate]=\"item.showHeaderTemplate ? headerTemplate : undefined\"\r\n      [isPrimaryKey]=\"item?.isPrimaryKey ? true : false\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
                         styles: [""]
                     }] }
         ];
@@ -1258,6 +2225,10 @@
             alwaysShowCheckbox: [{ type: core.Input }],
             defaultRecord: [{ type: core.Input }],
             disableSystemRow: [{ type: core.Input }],
+            enableDateTreeFilter: [{ type: core.Input }],
+            dateTreeFilterFields: [{ type: core.Input }],
+            dateTreeSourceRows: [{ type: core.Input }],
+            dateTreeEmitFilteredRows: [{ type: core.Input }],
             recordDoubleClick: [{ type: core.Output }],
             actionComplete: [{ type: core.Output }],
             rowSelected: [{ type: core.Output }],
@@ -1274,7 +2245,11 @@
             rowSelecting: [{ type: core.Output }],
             rowDrop: [{ type: core.Output }],
             rowDrag: [{ type: core.Output }],
-            rowDragStart: [{ type: core.Output }]
+            rowDragStart: [{ type: core.Output }],
+            dateTreeFilteredRows: [{ type: core.Output }],
+            dateTreePopoverRef: [{ type: core.ViewChild, args: ["dateTreePopoverRef", { read: core.ElementRef, static: false },] }],
+            onDocumentMouseDown: [{ type: core.HostListener, args: ["document:mousedown", ["$event"],] }],
+            onDocumentMouseOver: [{ type: core.HostListener, args: ["document:mouseover", ["$event"],] }]
         };
         return CommonGridComponent;
     }());
@@ -1354,6 +2329,27 @@
         CommonGridComponent.prototype.defaultRecord;
         /** @type {?} */
         CommonGridComponent.prototype.disableSystemRow;
+        /**
+         * 开启日期树筛选（默认关闭，不影响现有页面）
+         * @type {?}
+         */
+        CommonGridComponent.prototype.enableDateTreeFilter;
+        /**
+         * 参与日期树筛选的列名或 hint，如 ['CreatedOn', 'ModifiedOn']
+         * @type {?}
+         */
+        CommonGridComponent.prototype.dateTreeFilterFields;
+        /**
+         * 未筛选原始数据（可选）。
+         * 不传时由组件在 dataSource 变更时自动快照；传则由页面自行维护 raw。
+         * @type {?}
+         */
+        CommonGridComponent.prototype.dateTreeSourceRows;
+        /**
+         * 内聚模式下仍向页面同步筛选结果（默认 false，一般无需绑定）
+         * @type {?}
+         */
+        CommonGridComponent.prototype.dateTreeEmitFilteredRows;
         /** @type {?} */
         CommonGridComponent.prototype.recordDoubleClick;
         /** @type {?} */
@@ -1388,6 +2384,30 @@
         CommonGridComponent.prototype.rowDrag;
         /** @type {?} */
         CommonGridComponent.prototype.rowDragStart;
+        /**
+         * 日期树筛选后的行数据（可选，复杂页面与 dateTreeSourceRows 搭配使用）
+         * @type {?}
+         */
+        CommonGridComponent.prototype.dateTreeFilteredRows;
+        /** @type {?} */
+        CommonGridComponent.prototype.dateTreePopoverRef;
+        /** @type {?} */
+        CommonGridComponent.prototype.dateTreeHelper;
+        /**
+         * 内聚模式：表格实际绑定的数据
+         * @type {?}
+         */
+        CommonGridComponent.prototype.dateTreeDisplayRows;
+        /**
+         * @type {?}
+         * @private
+         */
+        CommonGridComponent.prototype.dateTreeRawRows;
+        /**
+         * @type {?}
+         * @private
+         */
+        CommonGridComponent.prototype.dateTreeApplyingFilter;
         /** @type {?} */
         CommonGridComponent.prototype.selectId;
         /** @type {?} */
@@ -1527,6 +2547,905 @@
         GridActionItemComponent.prototype.ImageType;
     }
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/date-tree-filter/date-tree-filter-popover/index.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var DateTreeFilterPopoverComponent = /** @class */ (function () {
+        function DateTreeFilterPopoverComponent() {
+            this.field = "";
+            this.sourceRows = [];
+            this.dateFields = [];
+            this.selectedByField = {};
+            this.fieldLabelMap = {};
+            this.apply = new core.EventEmitter();
+            this.close = new core.EventEmitter();
+            this.keyword = "";
+            this.years = [];
+            this.expandStateByField = {};
+            this.workingSelectedByField = {};
+        }
+        /**
+         * @param {?} changes
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.ngOnChanges = /**
+         * @param {?} changes
+         * @return {?}
+         */
+        function (changes) {
+            if (changes.field ||
+                changes.sourceRows ||
+                changes.selectedByField ||
+                changes.dateFields) {
+                this.keyword = "";
+                this.workingSelectedByField = this.cloneSelectionMap(this.selectedByField);
+                this.rebuildTree();
+            }
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.closePopover = /**
+         * @return {?}
+         */
+        function () {
+            this.close.emit();
+        };
+        /**
+         * @param {?} value
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.onKeywordChange = /**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            this.keyword = value || "";
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.getVisibleYears = /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var searchText = (this.keyword || "").trim().toLowerCase();
+            if (!searchText) {
+                return this.years;
+            }
+            return this.years
+                .map((/**
+             * @param {?} yearNode
+             * @return {?}
+             */
+            function (yearNode) {
+                /** @type {?} */
+                var yearMatched = String(yearNode.year).toLowerCase().indexOf(searchText) > -1;
+                /** @type {?} */
+                var months = yearNode.months
+                    .map((/**
+                 * @param {?} monthNode
+                 * @return {?}
+                 */
+                function (monthNode) {
+                    /** @type {?} */
+                    var monthMatched = String(monthNode.label)
+                        .toLowerCase()
+                        .indexOf(searchText) > -1;
+                    /** @type {?} */
+                    var days = monthNode.days.filter((/**
+                     * @param {?} dayNode
+                     * @return {?}
+                     */
+                    function (dayNode) {
+                        return (String(dayNode.label)
+                            .toLowerCase()
+                            .indexOf(searchText) > -1);
+                    }));
+                    if (yearMatched || monthMatched) {
+                        return monthNode;
+                    }
+                    return Object.assign({}, monthNode, { days: days });
+                }))
+                    .filter((/**
+                 * @param {?} monthNode
+                 * @return {?}
+                 */
+                function (monthNode) { return monthNode.days.length > 0; }));
+                if (yearMatched) {
+                    return yearNode;
+                }
+                return Object.assign({}, yearNode, { months: months });
+            }))
+                .filter((/**
+             * @param {?} yearNode
+             * @return {?}
+             */
+            function (yearNode) { return yearNode.months.length > 0; }));
+        };
+        /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.toggleYearExpanded = /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        function (yearNode) {
+            /** @type {?} */
+            var state = this.getOrCreateExpandState(this.field);
+            state.years[yearNode.key] = !state.years[yearNode.key];
+            yearNode.expanded = !!state.years[yearNode.key];
+        };
+        /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.toggleMonthExpanded = /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        function (monthNode) {
+            /** @type {?} */
+            var state = this.getOrCreateExpandState(this.field);
+            state.months[monthNode.key] = !state.months[monthNode.key];
+            monthNode.expanded = !!state.months[monthNode.key];
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isAllChecked = /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            /** @type {?} */
+            var enabledDayKeys = this.getEnabledDayKeysInCurrentField();
+            if (!enabledDayKeys.length) {
+                return false;
+            }
+            return enabledDayKeys.every((/**
+             * @param {?} key
+             * @return {?}
+             */
+            function (key) { return !!selectedMap[key]; }));
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isAllIndeterminate = /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            /** @type {?} */
+            var enabledDayKeys = this.getEnabledDayKeysInCurrentField();
+            if (!enabledDayKeys.length) {
+                return false;
+            }
+            /** @type {?} */
+            var selectedCount = enabledDayKeys.filter((/**
+             * @param {?} key
+             * @return {?}
+             */
+            function (key) { return !!selectedMap[key]; }))
+                .length;
+            return selectedCount > 0 && selectedCount < enabledDayKeys.length;
+        };
+        /**
+         * @param {?} checked
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.toggleAllDays = /**
+         * @param {?} checked
+         * @return {?}
+         */
+        function (checked) {
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            /** @type {?} */
+            var enabledDayKeys = this.getEnabledDayKeysInCurrentField();
+            enabledDayKeys.forEach((/**
+             * @param {?} key
+             * @return {?}
+             */
+            function (key) {
+                if (checked) {
+                    selectedMap[key] = true;
+                }
+                else {
+                    delete selectedMap[key];
+                }
+            }));
+        };
+        /**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isDayChecked = /**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        function (dayNode) {
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            return !!selectedMap[dayNode.key];
+        };
+        /**
+         * @param {?} dayNode
+         * @param {?} checked
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.toggleDay = /**
+         * @param {?} dayNode
+         * @param {?} checked
+         * @return {?}
+         */
+        function (dayNode, checked) {
+            if (dayNode.disabled) {
+                return;
+            }
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            if (checked) {
+                selectedMap[dayNode.key] = true;
+            }
+            else {
+                delete selectedMap[dayNode.key];
+            }
+        };
+        /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isMonthDisabled = /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        function (monthNode) {
+            return monthNode.days.every((/**
+             * @param {?} dayNode
+             * @return {?}
+             */
+            function (dayNode) { return dayNode.disabled; }));
+        };
+        /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isMonthChecked = /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        function (monthNode) {
+            if (this.isMonthDisabled(monthNode)) {
+                return false;
+            }
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            /** @type {?} */
+            var enabledDays = monthNode.days.filter((/**
+             * @param {?} dayNode
+             * @return {?}
+             */
+            function (dayNode) { return !dayNode.disabled; }));
+            return enabledDays.every((/**
+             * @param {?} dayNode
+             * @return {?}
+             */
+            function (dayNode) { return !!selectedMap[dayNode.key]; }));
+        };
+        /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isMonthIndeterminate = /**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        function (monthNode) {
+            if (this.isMonthDisabled(monthNode)) {
+                return false;
+            }
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            /** @type {?} */
+            var enabledDays = monthNode.days.filter((/**
+             * @param {?} dayNode
+             * @return {?}
+             */
+            function (dayNode) { return !dayNode.disabled; }));
+            /** @type {?} */
+            var selectedCount = enabledDays.filter((/**
+             * @param {?} dayNode
+             * @return {?}
+             */
+            function (dayNode) {
+                return !!selectedMap[dayNode.key];
+            })).length;
+            return selectedCount > 0 && selectedCount < enabledDays.length;
+        };
+        /**
+         * @param {?} monthNode
+         * @param {?} checked
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.toggleMonth = /**
+         * @param {?} monthNode
+         * @param {?} checked
+         * @return {?}
+         */
+        function (monthNode, checked) {
+            if (this.isMonthDisabled(monthNode)) {
+                return;
+            }
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            monthNode.days.forEach((/**
+             * @param {?} dayNode
+             * @return {?}
+             */
+            function (dayNode) {
+                if (dayNode.disabled) {
+                    return;
+                }
+                if (checked) {
+                    selectedMap[dayNode.key] = true;
+                }
+                else {
+                    delete selectedMap[dayNode.key];
+                }
+            }));
+        };
+        /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isYearDisabled = /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        function (yearNode) {
+            var _this = this;
+            return yearNode.months.every((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            function (monthNode) {
+                return _this.isMonthDisabled(monthNode);
+            }));
+        };
+        /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isYearChecked = /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        function (yearNode) {
+            var _this = this;
+            if (this.isYearDisabled(yearNode)) {
+                return false;
+            }
+            /** @type {?} */
+            var enabledMonths = yearNode.months.filter((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            function (monthNode) { return !_this.isMonthDisabled(monthNode); }));
+            return enabledMonths.every((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            function (monthNode) { return _this.isMonthChecked(monthNode); }));
+        };
+        /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.isYearIndeterminate = /**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        function (yearNode) {
+            if (this.isYearDisabled(yearNode)) {
+                return false;
+            }
+            /** @type {?} */
+            var selectedMap = this.getFieldDaySelectionMap(this.field);
+            /** @type {?} */
+            var enabledDays = [];
+            yearNode.months.forEach((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            function (monthNode) {
+                monthNode.days.forEach((/**
+                 * @param {?} dayNode
+                 * @return {?}
+                 */
+                function (dayNode) {
+                    if (!dayNode.disabled) {
+                        enabledDays.push(dayNode.key);
+                    }
+                }));
+            }));
+            /** @type {?} */
+            var selectedCount = enabledDays.filter((/**
+             * @param {?} key
+             * @return {?}
+             */
+            function (key) { return !!selectedMap[key]; })).length;
+            return selectedCount > 0 && selectedCount < enabledDays.length;
+        };
+        /**
+         * @param {?} yearNode
+         * @param {?} checked
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.toggleYear = /**
+         * @param {?} yearNode
+         * @param {?} checked
+         * @return {?}
+         */
+        function (yearNode, checked) {
+            var _this = this;
+            if (this.isYearDisabled(yearNode)) {
+                return;
+            }
+            yearNode.months.forEach((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            function (monthNode) {
+                _this.toggleMonth(monthNode, checked);
+            }));
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.clearSelection = /**
+         * @return {?}
+         */
+        function () {
+            if (this.field) {
+                this.workingSelectedByField[this.field] = {};
+            }
+            this.apply.emit(this.cloneSelectionMap(this.workingSelectedByField));
+            this.rebuildTree();
+        };
+        /**
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.applySelection = /**
+         * @return {?}
+         */
+        function () {
+            this.apply.emit(this.cloneSelectionMap(this.workingSelectedByField));
+            this.closePopover();
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.rebuildTree = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (!this.field) {
+                this.years = [];
+                return;
+            }
+            /** @type {?} */
+            var sourceRows = this.sourceRows || [];
+            /** @type {?} */
+            var rowsByOtherFilters = this.filterRowsBySelectedDateTree(sourceRows, this.field);
+            /** @type {?} */
+            var availableDayKeyMap = {};
+            rowsByOtherFilters.forEach((/**
+             * @param {?} row
+             * @return {?}
+             */
+            function (row) {
+                /** @type {?} */
+                var dayKey = _this.getDayKeyByRowValue(row[_this.field]);
+                if (dayKey) {
+                    availableDayKeyMap[dayKey] = true;
+                }
+            }));
+            /** @type {?} */
+            var groupedMap = {};
+            sourceRows.forEach((/**
+             * @param {?} row
+             * @return {?}
+             */
+            function (row) {
+                /** @type {?} */
+                var date = _this.parseDateValue(row[_this.field]);
+                if (!date) {
+                    return;
+                }
+                /** @type {?} */
+                var year = date.getFullYear();
+                /** @type {?} */
+                var month = date.getMonth() + 1;
+                /** @type {?} */
+                var day = date.getDate();
+                if (!groupedMap[year]) {
+                    groupedMap[year] = {};
+                }
+                if (!groupedMap[year][month]) {
+                    groupedMap[year][month] = {};
+                }
+                if (!groupedMap[year][month][day]) {
+                    groupedMap[year][month][day] = 0;
+                }
+                groupedMap[year][month][day] += 1;
+            }));
+            /** @type {?} */
+            var expandState = this.getOrCreateExpandState(this.field);
+            this.years = Object.keys(groupedMap)
+                .map((/**
+             * @param {?} key
+             * @return {?}
+             */
+            function (key) { return Number(key); }))
+                .sort((/**
+             * @param {?} a
+             * @param {?} b
+             * @return {?}
+             */
+            function (a, b) { return b - a; }))
+                .map((/**
+             * @param {?} year
+             * @return {?}
+             */
+            function (year) {
+                /** @type {?} */
+                var months = Object.keys(groupedMap[year])
+                    .map((/**
+                 * @param {?} key
+                 * @return {?}
+                 */
+                function (key) { return Number(key); }))
+                    .sort((/**
+                 * @param {?} a
+                 * @param {?} b
+                 * @return {?}
+                 */
+                function (a, b) { return a - b; }))
+                    .map((/**
+                 * @param {?} month
+                 * @return {?}
+                 */
+                function (month) {
+                    /** @type {?} */
+                    var monthKey = year + "-" + _this.pad2(month);
+                    if (expandState.months[monthKey] === undefined) {
+                        expandState.months[monthKey] = true;
+                    }
+                    /** @type {?} */
+                    var days = Object.keys(groupedMap[year][month])
+                        .map((/**
+                     * @param {?} key
+                     * @return {?}
+                     */
+                    function (key) { return Number(key); }))
+                        .sort((/**
+                     * @param {?} a
+                     * @param {?} b
+                     * @return {?}
+                     */
+                    function (a, b) { return a - b; }))
+                        .map((/**
+                     * @param {?} day
+                     * @return {?}
+                     */
+                    function (day) {
+                        /** @type {?} */
+                        var dayKey = _this.toDayKey(year, month, day);
+                        /** @type {?} */
+                        var dayDate = new Date(year, month - 1, day);
+                        return {
+                            key: dayKey,
+                            day: day,
+                            label: moment(dayDate).format("D MMM YYYY"),
+                            count: groupedMap[year][month][day],
+                            disabled: !availableDayKeyMap[dayKey],
+                        };
+                    }));
+                    return {
+                        key: monthKey,
+                        month: month,
+                        label: moment()
+                            .month(month - 1)
+                            .format("MMM"),
+                        expanded: !!expandState.months[monthKey],
+                        days: days,
+                    };
+                }));
+                /** @type {?} */
+                var yearKey = String(year);
+                if (expandState.years[yearKey] === undefined) {
+                    expandState.years[yearKey] = true;
+                }
+                return {
+                    key: yearKey,
+                    year: year,
+                    expanded: !!expandState.years[yearKey],
+                    months: months,
+                };
+            }));
+        };
+        /**
+         * @private
+         * @param {?} rows
+         * @param {?=} excludeField
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.filterRowsBySelectedDateTree = /**
+         * @private
+         * @param {?} rows
+         * @param {?=} excludeField
+         * @return {?}
+         */
+        function (rows, excludeField) {
+            var _this = this;
+            /** @type {?} */
+            var filteredRows = rows ? rows.slice() : [];
+            (this.dateFields || []).forEach((/**
+             * @param {?} field
+             * @return {?}
+             */
+            function (field) {
+                if (excludeField && field === excludeField) {
+                    return;
+                }
+                /** @type {?} */
+                var selectedMap = _this.getFieldDaySelectionMap(field);
+                /** @type {?} */
+                var selectedKeys = Object.keys(selectedMap);
+                if (!selectedKeys.length) {
+                    return;
+                }
+                filteredRows = filteredRows.filter((/**
+                 * @param {?} row
+                 * @return {?}
+                 */
+                function (row) {
+                    /** @type {?} */
+                    var dayKey = _this.getDayKeyByRowValue(row[field]);
+                    return dayKey ? !!selectedMap[dayKey] : false;
+                }));
+            }));
+            return filteredRows;
+        };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.parseDateValue = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            if (!value) {
+                return null;
+            }
+            if (value instanceof Date) {
+                return value;
+            }
+            /** @type {?} */
+            var parsed = moment(value, [
+                "YYYY-MM-DD",
+                "MM/DD/YYYY",
+                "DD/MM/YYYY",
+                "YYYY/MM/DD",
+                "DD-MMM-YYYY",
+                "MMM DD, YYYY",
+                moment.ISO_8601,
+            ], true);
+            if (parsed.isValid()) {
+                return parsed.toDate();
+            }
+            /** @type {?} */
+            var fallback = new Date(value);
+            return isNaN(fallback.getTime()) ? null : fallback;
+        };
+        /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.getOrCreateExpandState = /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        function (field) {
+            if (!this.expandStateByField[field]) {
+                this.expandStateByField[field] = { years: {}, months: {} };
+            }
+            return this.expandStateByField[field];
+        };
+        /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.getFieldDaySelectionMap = /**
+         * @private
+         * @param {?} field
+         * @return {?}
+         */
+        function (field) {
+            if (!this.workingSelectedByField[field]) {
+                this.workingSelectedByField[field] = {};
+            }
+            return this.workingSelectedByField[field];
+        };
+        /**
+         * @private
+         * @param {?} year
+         * @param {?} month
+         * @param {?} day
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.toDayKey = /**
+         * @private
+         * @param {?} year
+         * @param {?} month
+         * @param {?} day
+         * @return {?}
+         */
+        function (year, month, day) {
+            return year + "-" + this.pad2(month) + "-" + this.pad2(day);
+        };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.pad2 = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            return value < 10 ? "0" + value : String(value);
+        };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.getDayKeyByRowValue = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            /** @type {?} */
+            var date = this.parseDateValue(value);
+            if (!date) {
+                return "";
+            }
+            return this.toDayKey(date.getFullYear(), date.getMonth() + 1, date.getDate());
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.getEnabledDayKeysInCurrentField = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var keys = [];
+            this.years.forEach((/**
+             * @param {?} yearNode
+             * @return {?}
+             */
+            function (yearNode) {
+                yearNode.months.forEach((/**
+                 * @param {?} monthNode
+                 * @return {?}
+                 */
+                function (monthNode) {
+                    monthNode.days.forEach((/**
+                     * @param {?} dayNode
+                     * @return {?}
+                     */
+                    function (dayNode) {
+                        if (!dayNode.disabled) {
+                            keys.push(dayNode.key);
+                        }
+                    }));
+                }));
+            }));
+            return keys;
+        };
+        /**
+         * @private
+         * @param {?} source
+         * @return {?}
+         */
+        DateTreeFilterPopoverComponent.prototype.cloneSelectionMap = /**
+         * @private
+         * @param {?} source
+         * @return {?}
+         */
+        function (source) {
+            try {
+                return source ? JSON.parse(JSON.stringify(source)) : {};
+            }
+            catch (e) {
+                return {};
+            }
+        };
+        DateTreeFilterPopoverComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: "rs-date-tree-filter-popover",
+                        template: "<div class=\"date-tree-filter-popover\">\r\n    <div class=\"popover-search\">\r\n        <span class=\"search-icon\"><img src=\"/assets/img/search.svg\" alt=\"\" /></span>\r\n        <input\r\n            type=\"text\"\r\n            [placeholder]=\"translation.SEARCH || '.SEARCH'\"\r\n            [value]=\"keyword\"\r\n            (input)=\"onKeywordChange($event.target.value)\"\r\n        />\r\n    </div>\r\n\r\n    <div class=\"popover-tree\">\r\n        <label class=\"tree-row all-row\">\r\n            <input\r\n                type=\"checkbox\"\r\n                [checked]=\"isAllChecked()\"\r\n                [indeterminate]=\"isAllIndeterminate()\"\r\n                (change)=\"toggleAllDays($event.target.checked)\"\r\n            />\r\n            <span class=\"row-label\">{{ translation.ALL || '.ALL' }}</span>\r\n        </label>\r\n\r\n        <div class=\"year-block\" *ngFor=\"let yearNode of getVisibleYears()\">\r\n            <div class=\"tree-row\">\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"tree-toggle-btn\"\r\n                    (click)=\"toggleYearExpanded(yearNode); $event.stopPropagation()\"\r\n                >\r\n                    <span class=\"tree-arrow\" [ngClass]=\"{ expanded: yearNode.expanded }\"></span>\r\n                </button>\r\n                <input\r\n                    type=\"checkbox\"\r\n                    [disabled]=\"isYearDisabled(yearNode)\"\r\n                    [checked]=\"isYearChecked(yearNode)\"\r\n                    [indeterminate]=\"isYearIndeterminate(yearNode)\"\r\n                    (change)=\"toggleYear(yearNode, $event.target.checked)\"\r\n                />\r\n                <span class=\"row-label\">{{ yearNode.year }}</span>\r\n            </div>\r\n\r\n            <div class=\"month-block\" *ngIf=\"yearNode.expanded\">\r\n                <div class=\"month-item\" *ngFor=\"let monthNode of yearNode.months\">\r\n                    <div class=\"tree-row\">\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"tree-toggle-btn\"\r\n                            (click)=\"toggleMonthExpanded(monthNode); $event.stopPropagation()\"\r\n                        >\r\n                            <span class=\"tree-arrow\" [ngClass]=\"{ expanded: monthNode.expanded }\"></span>\r\n                        </button>\r\n                        <input\r\n                            type=\"checkbox\"\r\n                            [disabled]=\"isMonthDisabled(monthNode)\"\r\n                            [checked]=\"isMonthChecked(monthNode)\"\r\n                            [indeterminate]=\"isMonthIndeterminate(monthNode)\"\r\n                            (change)=\"toggleMonth(monthNode, $event.target.checked)\"\r\n                        />\r\n                        <span class=\"row-label\">{{ monthNode.label }}</span>\r\n                    </div>\r\n\r\n                    <div class=\"day-block\" *ngIf=\"monthNode.expanded\">\r\n                        <label\r\n                            class=\"tree-row day-row\"\r\n                            *ngFor=\"let dayNode of monthNode.days\"\r\n                            [ngClass]=\"{ disabled: dayNode.disabled }\"\r\n                        >\r\n                            <span class=\"tree-toggle-spacer\"></span>\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                [disabled]=\"dayNode.disabled\"\r\n                                [checked]=\"isDayChecked(dayNode)\"\r\n                                (change)=\"toggleDay(dayNode, $event.target.checked)\"\r\n                            />\r\n                            <span class=\"row-label\">{{ dayNode.label }}</span>\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"popover-footer\">\r\n        <button type=\"button\" (click)=\"clearSelection()\">\r\n            {{ translation.CLEAR || '.CLEAR' }}\r\n        </button>\r\n        <button type=\"button\" class=\"primary-btn\" (click)=\"applySelection()\">\r\n            {{ translation.APPLY || '.APPLY' }}\r\n        </button>\r\n    </div>\r\n</div>\r\n",
+                        styles: [":host{position:fixed;left:12px;top:12px;z-index:20;width:300px}.date-tree-filter-popover{background:#fff;border:1px solid #eaedf0;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,.25);padding:4px 8px;display:flex;flex-direction:column;color:#44566c;font-family:Arial}.popover-search{position:relative;padding:4px 0 8px}.popover-search .search-icon{position:absolute;left:10px;top:10px;color:#929dab;font-size:12px;line-height:12px}.popover-search input{width:100%;height:28px;border:1px solid #eaedf0;border-radius:16px;padding:0 10px 0 28px;outline:0;font-size:12px;color:#44566c}.popover-tree{max-height:320px;overflow:auto;padding-right:2px}.tree-row{display:flex;align-items:center;min-height:24px;font-size:11px;line-height:14px;color:#44566c}.tree-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin:0 6px 0 0;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:3px;background-color:#fff;cursor:pointer;vertical-align:middle;flex-shrink:0}.tree-row input[type=checkbox]:checked{border-color:#1f7bff;background-color:#1f7bff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M0.5 4.31818L3 7.5L5.75 4L8.5 0.5' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;background-size:9px 9px}.tree-row input[type=checkbox]:indeterminate{border-color:#1f7bff;background-color:#1f7bff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M1.5 4.5H7.5' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;background-size:9px 9px}.tree-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.all-row{padding-left:20px;margin-bottom:2px}.year-block{margin-bottom:2px}.month-block{padding-left:20px}.day-block{padding-left:24px}.tree-toggle-btn{width:16px;height:16px;padding:0;margin-right:4px;border:none;background:0 0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tree-arrow{display:inline-block;width:6px;height:6px;border-right:1px solid #6c7c90;border-bottom:1px solid #6c7c90;transform:rotate(-45deg);transition:transform .15s}.tree-arrow.expanded{transform:rotate(45deg)}.tree-toggle-spacer{width:20px;display:inline-block}.row-label{color:#44566c}.day-row.disabled .row-label{color:#adb5bd}.popover-footer{margin-top:8px;padding:12px 0 8px;border-top:1px solid #eaedf0;display:flex;justify-content:flex-end;gap:12px}.popover-footer button{min-width:56px;height:26px;padding:0 8px;border-radius:4px;border:1px solid #dbe1e7;background:#fff;font-size:11px;color:#44566c;cursor:pointer}.popover-footer .primary-btn{background:#1364b3;border-color:#1364b3;color:#fff}"]
+                    }] }
+        ];
+        DateTreeFilterPopoverComponent.propDecorators = {
+            field: [{ type: core.Input }],
+            translation: [{ type: core.Input }],
+            sourceRows: [{ type: core.Input }],
+            dateFields: [{ type: core.Input }],
+            selectedByField: [{ type: core.Input }],
+            fieldLabelMap: [{ type: core.Input }],
+            apply: [{ type: core.Output }],
+            close: [{ type: core.Output }]
+        };
+        return DateTreeFilterPopoverComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.field;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.translation;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.sourceRows;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.dateFields;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.selectedByField;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.fieldLabelMap;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.apply;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.close;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.keyword;
+        /** @type {?} */
+        DateTreeFilterPopoverComponent.prototype.years;
+        /**
+         * @type {?}
+         * @private
+         */
+        DateTreeFilterPopoverComponent.prototype.expandStateByField;
+        /**
+         * @type {?}
+         * @private
+         */
+        DateTreeFilterPopoverComponent.prototype.workingSelectedByField;
+    }
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/float-box/index.component.ts
@@ -24230,7 +26149,7 @@
             { type: core.Component, args: [{
                         selector: "rs-common-dialog",
                         template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n  <!-- \u5934\u90E8 -->\r\n  <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n    <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </ng-container>\r\n    <ng-template #defaultTitle>\r\n      <div class=\"header__title\">\r\n        <img\r\n          src=\"../../../assets/img/notification-status-warning.svg\"\r\n          alt=\"\"\r\n          *ngIf=\"showErrorIcon\"\r\n        />\r\n        {{ title }}\r\n      </div>\r\n    </ng-template>\r\n    <!-- <div class=\"header__title\">\r\n      <img\r\n        src=\"../../../assets/img/notification-status-warning.svg\"\r\n        alt=\"\"\r\n        *ngIf=\"showErrorIcon\"\r\n      />\r\n      {{ title }}\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </div> -->\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/dialog-shrink.svg\"\r\n        />\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/dialog-grow.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n        <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- \u5185\u5BB9 -->\r\n  <div class=\"dialog__content\" mat-dialog-content>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <!-- \u5E95\u90E8\u6309\u94AE -->\r\n  <div mat-dialog-actions class=\"dialog__footer\">\r\n    <ng-content select=\"[footerSlot]\"></ng-content>\r\n    <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n    <ng-container *ngIf=\"!customFooter\">\r\n      <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n    </ng-container>\r\n    <ng-template #defaultTemplate>\r\n      <button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" (click)=\"onClose()\">\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideDiscardBtn\" class=\"e-btn\" (click)=\"onDiscard()\">\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" (click)=\"onSave()\">\r\n        {{ saveBtnLabel }}\r\n      </button>\r\n    </ng-template>\r\n  </div>\r\n  <!-- loading -->\r\n  <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n    <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n  </div>\r\n</div>\r\n",
-                        styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]
+                        styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;max-width:90vw;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]
                     }] }
         ];
         /** @nocollapse */
@@ -36449,284 +38368,6 @@
         ConfirmSelectComponent.prototype.isInteracted;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/form/richtexteditor/ai-config.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @record
-     */
-    function AIConfig() { }
-    if (false) {
-        /** @type {?} */
-        AIConfig.prototype.endpoint;
-        /** @type {?} */
-        AIConfig.prototype.apiKey;
-        /** @type {?} */
-        AIConfig.prototype.deployment;
-        /** @type {?} */
-        AIConfig.prototype.apiVersion;
-        /** @type {?} */
-        AIConfig.prototype.enabled;
-    }
-    // 从环境配置获取AI配置
-    /**
-     * @return {?}
-     */
-    function getAIConfig() {
-        return {
-            endpoint: "https://aidevused.openai.azure.com/",
-            apiKey: "ccba76e279f64653a50ac4fee90afe5c",
-            deployment: "gpt-4",
-            apiVersion: "2025-01-01-preview",
-            enabled: true,
-        };
-    }
-    // 检查配置是否有效
-    /**
-     * @param {?} config
-     * @return {?}
-     */
-    function isAIConfigValid(config) {
-        // 检查是否为aidevused端点且有有效API密钥
-        return !!((config.endpoint &&
-            config.apiKey &&
-            config.deployment &&
-            config.enabled &&
-            config.endpoint === "https://aidevused.openai.azure.com/" &&
-            config.apiKey !== "your-api-key-here") // Azure OpenAI API密钥通常以sk-开头
-        );
-    }
-    // 从后端API获取AI配置（推荐方式）
-    /**
-     * @return {?}
-     * @this {*}
-     */
-    function getAIConfigFromBackend() {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                try {
-                    // 这里应该调用你的后端API来获取AI配置
-                    // 例如：return await this.http.get('/api/ai-config');
-                    // 临时返回默认配置
-                    return [2 /*return*/, getAIConfig()];
-                }
-                catch (error) {
-                    console.error("Failed to get AI config from backend:", error);
-                    return [2 /*return*/, getAIConfig()];
-                }
-                return [2 /*return*/];
-            });
-        });
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/form/richtexteditor/openapi.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    // import { testAIFunction } from './ai-test';
-    // testAIFunction();
-    // 使用fetch API发送请求到Azure OpenAI
-    /**
-     * @param {?} messages
-     * @param {?} config
-     * @return {?}
-     * @this {*}
-     */
-    function sendAIRequest(messages, config) {
-        return __awaiter(this, void 0, void 0, function () {
-            var url, url1, response, errorText, data, error_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 5, , 6]);
-                        url = config.endpoint + "/openai/deployments/" + config.deployment + "/chat/completions?api-version=" + config.apiVersion;
-                        url1 = "" + config.endpoint;
-                        return [4 /*yield*/, fetch(url, {
-                                method: 'POST',
-                                headers: {
-                                    'Content-Type': 'application/json',
-                                    'api-key': config.apiKey,
-                                },
-                                body: JSON.stringify({
-                                    messages: messages,
-                                    max_tokens: 1000,
-                                    temperature: 0.7,
-                                    top_p: 1,
-                                    frequency_penalty: 0,
-                                    presence_penalty: 0,
-                                }),
-                            })];
-                    case 1:
-                        response = _a.sent();
-                        if (!!response.ok) return [3 /*break*/, 3];
-                        return [4 /*yield*/, response.text()];
-                    case 2:
-                        errorText = _a.sent();
-                        throw new Error("HTTP error! status: " + response.status + ", message: " + errorText);
-                    case 3: return [4 /*yield*/, response.json()];
-                    case 4:
-                        data = _a.sent();
-                        if (!data.choices || !data.choices[0] || !data.choices[0].message) {
-                            throw new Error('Invalid response format from AI service');
-                        }
-                        return [2 /*return*/, data.choices[0].message.content];
-                    case 5:
-                        error_1 = _a.sent();
-                        console.error('AI request failed:', error_1);
-                        throw error_1;
-                    case 6: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    // 备用方案：使用模拟数据（用于开发测试）
-    /**
-     * @param {?} subQuery
-     * @param {?} promptQuery
-     * @return {?}
-     */
-    function getMockAIResponse(subQuery, promptQuery) {
-        var e_1, _a;
-        /** @type {?} */
-        var mockResponses = {
-            Rephrase: "Rephrased: " + promptQuery,
-            Grammar: "Corrected: " + promptQuery,
-            Summarize: "Summary: " + promptQuery.substring(0, 100) + "...",
-            Elaborate: "Elaborated: " + promptQuery + " with additional details and context.",
-            Translate: "Translated: " + promptQuery,
-            SentimentAnalysis: '😊 Positive',
-        };
-        try {
-            for (var _b = __values(Object.entries(mockResponses)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var _d = __read(_c.value, 2), key = _d[0], value = _d[1];
-                if (subQuery.includes(key)) {
-                    return value;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return "AI processed: " + promptQuery;
-    }
-    // 主要的AI请求方法
-    /**
-     * @param {?} subQuery
-     * @param {?} promptQuery
-     * @return {?}
-     * @this {*}
-     */
-    function OpenAiModelRTE(subQuery, promptQuery) {
-        return __awaiter(this, void 0, void 0, function () {
-            var config, messages, result, error_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        config = getAIConfig();
-                        // 检查配置是否有效
-                        if (!isAIConfigValid(config)) {
-                            console.warn('AI configuration is incomplete or disabled, using mock response');
-                            return [2 /*return*/, getMockAIResponse(subQuery, promptQuery)];
-                        }
-                        messages = [
-                            {
-                                role: 'system',
-                                content: subQuery.includes('emoji followed by the sentiment in the format')
-                                    ? 'You are a helpful assistant. Please respond in string format.'
-                                    : "NOTE: Return same html format just do changes content only. don't change html formats.",
-                            },
-                            {
-                                role: 'user',
-                                content: subQuery + " " + promptQuery,
-                            },
-                        ];
-                        return [4 /*yield*/, sendAIRequest(messages, config)];
-                    case 1:
-                        result = _a.sent();
-                        return [2 /*return*/, result];
-                    case 2:
-                        error_2 = _a.sent();
-                        console.error('AI request failed, using mock response:', error_2);
-                        return [2 /*return*/, getMockAIResponse(subQuery, promptQuery)];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    // 兼容性方法（保持向后兼容）
-    /**
-     * @param {?} options
-     * @return {?}
-     * @this {*}
-     */
-    function getAzureChatAIRequest(options) {
-        return __awaiter(this, void 0, void 0, function () {
-            var config, result, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        config = getAIConfig();
-                        if (!isAIConfigValid(config)) {
-                            return [2 /*return*/, null];
-                        }
-                        return [4 /*yield*/, sendAIRequest(options.messages, config)];
-                    case 1:
-                        result = _a.sent();
-                        return [2 /*return*/, result];
-                    case 2:
-                        err_1 = _a.sent();
-                        console.error('Error occurred:', err_1);
-                        return [2 /*return*/, null];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    /**
-     * @param {?} prompt
-     * @return {?}
-     * @this {*}
-     */
-    function getAzureTextAIRequest(prompt) {
-        return __awaiter(this, void 0, void 0, function () {
-            var config, messages, result, err_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        config = getAIConfig();
-                        if (!isAIConfigValid(config)) {
-                            return [2 /*return*/, undefined];
-                        }
-                        messages = [
-                            {
-                                role: 'user',
-                                content: prompt,
-                            },
-                        ];
-                        return [4 /*yield*/, sendAIRequest(messages, config)];
-                    case 1:
-                        result = _a.sent();
-                        return [2 /*return*/, result];
-                    case 2:
-                        err_2 = _a.sent();
-                        console.error('Error occurred:', err_2);
-                        return [2 /*return*/, undefined];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
-
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/form/richtexteditor/data-config.ts
@@ -36821,6 +38462,73 @@
                 command: "Font",
                 subCommand: "FontName",
             },
+            // New fonts
+            {
+                text: "Tiempos Headline - Semibold",
+                value: "Tiempos Headline Semibold",
+                cssClass: "e-tiempos-headline",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "微软雅黑",
+                value: "Microsoft YaHei,微软雅黑,SimHei, sans-serif",
+                cssClass: "e-yahei",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "等线",
+                value: "DengXian,等线,sans-serif",
+                cssClass: "e-dengxian",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "思源黑体",
+                value: "Source Han Sans CN, Microsoft YaHei,'微软雅黑', sans-serif",
+                cssClass: "e-source-han-sans-cn-regular",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "思源宋体",
+                value: "Source Han Serif CN, SimSun,'宋体',serif",
+                cssClass: "e-source-han-serif-cn-regular",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "霞鹜文楷",
+                value: "LXGW WenKai,'霞鹜文楷',STKaiti, KaiTi, '楷体', '华文楷体', Arial, sans-serif",
+                cssClass: "e-lxgw",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            // Ping Fang SC 系列
+            {
+                text: "Ping Fang SC - Light",
+                value: "苹方-简",
+                cssClass: "e-ping-fang-sc-light",
+                command: "Font",
+                subCommand: "FontName",
+            },
+        ],
+    };
+    /** @type {?} */
+    var size = {
+        default: "11pt",
+        width: "40px",
+        items: [
+            { text: "8 pt", value: "8pt" },
+            { text: "9 pt", value: "9pt" },
+            { text: "10 pt", value: "10pt" },
+            { text: "11 pt", value: "11pt" },
+            { text: "12 pt", value: "12pt" },
+            { text: "14 pt", value: "14pt" },
+            { text: "18 pt", value: "18pt" },
+            { text: "24 pt", value: "24pt" },
+            { text: "36 pt", value: "36pt" },
         ],
     };
     // line height配置
@@ -37006,71 +38714,30 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RichtexteditorComponent = /** @class */ (function () {
-        function RichtexteditorComponent(ref) {
-            this.ref = ref;
-            // @ViewChild("chipList", { static: false }) public chipList!: ChipListComponent;
-            this.placeholder = "";
+        function RichtexteditorComponent() {
             this.value = "";
+            this.editorId = "editorId";
             this.height = 150;
             this.autoSaveOnIdle = true;
-            this.target = "#container"; // dialog 弹窗父级
-            // dialog 弹窗父级
-            this.toolbarClick = new core.EventEmitter();
-            this.change = new core.EventEmitter();
-            // @Output() change = new EventEmitter();
-            this.family = fontFamily;
-            this.dialogWidth = "800px";
-            this.dialogHeight = "642px";
-            this.showZoomBtn = true;
-            this.showMsg = false;
+            this.disabled = false;
             this.insertImageSettings = {
                 saveFormat: "Blob",
                 allowedTypes: [".svg", ".png"],
                 display: "none",
             };
-            this.size = "";
-            this.dropValIndex = 0;
-            this.queryList = [
-                { id: "Rephrase", text: "Rephrase" },
-                { id: "Grammar", text: "Correct Grammar" },
-                { id: "Summarize", text: "Summarize" },
-                { id: "Elaborate", text: "Elaborate" },
-                { id: "Translate", text: "Translate" },
-                { id: "SentimentAnalysis", text: "Sentiment Analysis" },
-            ];
-            this.rephraseTyleList = [
-                { text: "Standard", id: "Standard" },
-                { text: "Fluent", id: "Fluent" },
-                { text: "Professional", id: "Professional" },
-            ];
-            this.languageList = [
-                { id: "EN", text: "English" },
-                { id: "ZH", text: "Chinese (Simplified)" },
-                { id: "ES", text: "Spanish" },
-                { id: "ZHT", text: "Chinese (Traditional)" },
-                { id: "HI", text: "Hindi" },
-                { id: "AR", text: "Arabic" },
-                { id: "BN", text: "Bengali" },
-                { id: "PT", text: "Portuguese" },
-                { id: "RU", text: "Russian" },
-                { id: "JA", text: "Japanese" },
-                { id: "DE", text: "German" },
-                { id: "KO", text: "Korean" },
-                { id: "FR", text: "French" },
-                { id: "IT", text: "Italian" },
-                { id: "TR", text: "Turkish" },
-            ];
-            this.promptQuery = "";
-            this.isSentimentCheck = false;
-            this.subQuery = "";
-            this.chipValue = "Standard";
+            this.toolbarClick = new core.EventEmitter();
+            this.change = new core.EventEmitter();
+            this.created = new core.EventEmitter();
+            this.actionBegin = new core.EventEmitter();
+            this.input = new core.EventEmitter();
+            this.focus = new core.EventEmitter();
+            this.blur = new core.EventEmitter();
+            this.actionComplete = new core.EventEmitter();
+            this.family = fontFamily;
+            this.fontSize = size;
             this.tools = {
                 enableFloating: false,
                 items: [
-                    {
-                        tooltipText: "AI Assist",
-                        template: '<button class="e-tbar-btn e-btn" tabindex="-1" id="ai_assistant_button_tbar" style="width:100%"><div class="e-rte-dropdown-btn-text">AI Assist</div></button>',
-                    },
                     "Bold",
                     "Italic",
                     "Underline",
@@ -37085,21 +38752,12 @@
                     "CreateTable",
                     "Formats",
                     "Alignments",
-                    {
-                        tooltipText: "Line Height",
-                        template: '<button class="e-tbar-btn e-btn" tabindex="-1" id="lineheight_tbar"  style="width:100%"></button>',
-                    },
-                    "OrderedList",
-                    "UnorderedList",
+                    "BulletFormatList",
+                    "NumberFormatList",
                     "Outdent",
                     "Indent",
                     "|",
                     "CreateLink",
-                    {
-                        tooltipText: "",
-                        template: '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%">' +
-                            '<div class="e-tbar-btn-text" style="font-weight: 500;"><img src="/assets/img/file-icon.svg" style="position: relative;top: -2px;"/><div class="uploadActions"><div id="uploadFromUser">Computer File</div><div id="relationDom">Ticket Attachment</div></div></div></button>',
-                    },
                     "|",
                     "FormatPainter",
                     "ClearFormat",
@@ -37108,14 +38766,64 @@
                     "Redo",
                 ],
             };
+            /**
+             * 表格快捷工具栏：含 TableCell（合并/拆分单元格）
+             */
+            this.quickToolbarSettings = {
+                table: [
+                    "Tableheader",
+                    "TableRemove",
+                    "|",
+                    "TableRows",
+                    "TableColumns",
+                    "TableCell",
+                    "|",
+                    "Styles",
+                    "BackgroundColor",
+                    "Alignments",
+                    "TableCellVerticalAlign",
+                ],
+            };
+            this.bulletFormatList = {
+                types: [
+                    { text: "None", value: "none" },
+                    { text: "●", value: "disc" },
+                    { text: "○", value: "circle" },
+                    { text: "■", value: "square" },
+                    { text: "-", value: "dash" },
+                ],
+            };
+            this.numberFormatList = {
+                types: [
+                    { text: "None", value: "none" },
+                    { text: "1, 2, 3, …", value: "decimal" },
+                    {
+                        text: "α, β, γ, …",
+                        value: "lowerGreek",
+                    },
+                    {
+                        text: "i, ii, iii, …",
+                        value: "lowerRoman",
+                    },
+                    {
+                        text: "A, B, C, …",
+                        value: "upperAlpha",
+                    },
+                    {
+                        text: "a, b, c, …",
+                        value: "lowerAlpha",
+                    },
+                    {
+                        text: "I, II, III, …",
+                        value: "upperRoman",
+                    },
+                    {
+                        text: "(1), (2), (3), …",
+                        value: "parentheses",
+                    },
+                ],
+            };
         }
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () { };
         /**
          * @param {?} args
          * @return {?}
@@ -37125,32 +38833,6 @@
          * @return {?}
          */
         function (args) {
-            /** @type {?} */
-            var tables = document.querySelectorAll("table.e-rte-table");
-            tables.forEach((/**
-             * @param {?} table
-             * @return {?}
-             */
-            function (table) {
-                /** @type {?} */
-                var htmlTable = (/** @type {?} */ (table));
-                htmlTable.style.marginBottom = "10px";
-                htmlTable.style.borderCollapse = "collapse";
-                htmlTable.style.emptyCells = "show";
-                /** @type {?} */
-                var tdElements = table.querySelectorAll("td");
-                tdElements.forEach((/**
-                 * @param {?} td
-                 * @return {?}
-                 */
-                function (td) {
-                    td.style.border = "1px solid #adb5bd";
-                    td.style.height = "20px";
-                    td.style.minWidth = "20px";
-                    td.style.padding = "2px 5px";
-                    td.style.boxSizing = "border-box";
-                }));
-            }));
             this.change.emit(args);
         };
         /**
@@ -37160,514 +38842,157 @@
          * @return {?}
          */
         function () {
-            var _this = this;
-            //bind the a click event
-            // let editorContent = this.rteObj.contentModule.getEditPanel() as HTMLElement;
-            // editorContent.addEventListener('click', this.OnClicked.bind(this));
-            //add the line height
-            this.editorManager = this.rteObj.formatter.editorManager;
-            /** @type {?} */
-            var splitButton = new ej2AngularSplitbuttons.DropDownButton({
-                items: lineHeight_items,
-                iconCss: "e-icons e-line-spacing",
-                select: this.onSelect.bind(this),
-            });
-            splitButton.appendTo("#lineheight_tbar");
-            // ai assist
-            /** @type {?} */
-            var aiassistantButton = new ej2AngularSplitbuttons.DropDownButton({
-                items: this.queryList,
-                // iconCss: "e-btn-icon e-icons e-assistview-icon e-icon-left",
-                select: (/**
-                 * @param {?} args
-                 * @return {?}
-                 */
-                function (args) { return _this.aiQuerySelectedMenu(args); }),
-            });
-            aiassistantButton.appendTo("#ai_assistant_button_tbar");
+            this.created.emit();
         };
         /**
-         * @private
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onSelect = /**
-         * @private
+        RichtexteditorComponent.prototype._toolbarClick = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            if (this.rteObj.formatter.getUndoRedoStack().length === 0) {
-                this.rteObj.formatter.saveData();
-            }
-            /** @type {?} */
-            var nodes = this.editorManager.domNode.blockNodes();
-            for (var i = 0; nodes.length > i; i++) {
-                ((/** @type {?} */ (nodes[i]))).style.lineHeight = args.item.text;
-            }
-            this.rteObj.formatter.saveData();
-            this.rteObj.formatter.enableUndo(this.rteObj);
+            this.toolbarClick.emit(args);
         };
         /**
-         * @private
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.aiQuerySelectedMenu = /**
-         * @private
+        RichtexteditorComponent.prototype._actionBegin = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.dialogueOpen(args.item.text);
-        };
-        /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.dialogueOpen = /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        function (selectedQuery) {
-            var _this = this;
-            /** @type {?} */
-            var selectionText = this.rteObj.getSelectedHtml();
-            this.selectedQuery = selectedQuery;
-            if (selectionText) {
-                /** @type {?} */
-                var range = ((/** @type {?} */ (this.rteObj))).formatter.editorManager.nodeSelection.getRange(((/** @type {?} */ (this.rteObj))).contentModule.getDocument());
-                ((/** @type {?} */ (this.rteObj))).formatter.editorManager.nodeSelection.save(range, ((/** @type {?} */ (this.rteObj))).contentModule.getDocument());
-                this.dropValIndex = this.queryList.findIndex((/**
-                 * @param {?} q
-                 * @return {?}
-                 */
-                function (q) { return q.text.toLowerCase() === selectedQuery.toLowerCase(); }));
-                this.queryCategory.index = this.dropValIndex;
-                this.leftRte.value = this.promptQuery = selectionText;
-                this.leftRte.refreshUI();
-                this.AIdialog.show();
-                this.updateAISugesstionsData(selectedQuery);
-            }
-            else {
-                this.showMsg = true;
-                setTimeout((/**
-                 * @return {?}
-                 */
-                function () {
-                    _this.showMsg = false;
-                }), 3000);
-                console.log("Please select the content to perform the AI operation.");
-            }
-        };
-        /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.updateAISugesstionsData = /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        function (selectedQuery) {
-            this.isSentimentCheck = false;
-            switch (selectedQuery) {
-                case "Summarize":
-                    this.subQuery = "Summarize the upcoming sentence shortly.";
-                    break;
-                case "Elaborate":
-                    this.subQuery = "Elaborate on the upcoming sentence.";
-                    break;
-                case "Rephrase":
-                    this.subQuery = this.chipValue + " rephrase the upcoming sentence.";
-                    break;
-                case "Correct Grammar":
-                    this.subQuery = "Correct the grammar of the upcoming sentence.";
-                    break;
-                case "Translate":
-                    this.subQuery =
-                        "Translate the upcoming sentence to " + this.translatelanguage + ".";
-                    break;
-                case "Sentiment Analysis":
-                    this.isSentimentCheck = true;
-                    this.subQuery =
-                        'Analyze the sentiment and grammar of the following paragraphs and provide the expression score with an emoji followed by the sentiment in the format: "😊 Neutral". \n\nNOTE: Avoid any additional text or explanation:';
-                    break;
-            }
-            this.updateAISugesstions();
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.updateAISugesstions = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            try {
-                if (this.promptQuery) {
-                    ((/** @type {?} */ (document.getElementById("skeletonId")))).style.display =
-                        "";
-                    ((/** @type {?} */ (document.getElementById("rightRte")))).style.display =
-                        "none";
-                    this.sentimentButton.element.style.display = "none";
-                    this.regenerateButton.disabled = true;
-                    this.copyButton.disabled = true;
-                    this.replaceButton.disabled = true;
-                    this.apiResultData = this.getResponseFromOpenAI(this.subQuery, this.promptQuery);
-                    this.apiResultData.then((/**
-                     * @param {?} result
-                     * @return {?}
-                     */
-                    function (result) {
-                        _this.AIResult = _this.isSentimentCheck ? _this.promptQuery : result;
-                        _this.sentimentButton.content = result
-                            .toLowerCase()
-                            .includes("positive")
-                            ? "😊 Positive"
-                            : result.toLowerCase().includes("negative")
-                                ? "😞 Negative"
-                                : "😐 Neutral";
-                        _this.sentimentButton.element.style.display = !_this.isSentimentCheck
-                            ? "none"
-                            : "";
-                        _this.rightRte.value = _this.AIResult;
-                        /** @type {?} */
-                        var noResultsFound = !(_this.AIResult || _this.promptQuery);
-                        ((/** @type {?} */ (document.getElementById("no-results-found")))).style.display = noResultsFound ? "" : "none";
-                        _this.regenerateButton.disabled = noResultsFound;
-                        _this.copyButton.disabled = noResultsFound;
-                        _this.replaceButton.disabled = noResultsFound;
-                        ((/** @type {?} */ (document.getElementById("skeletonId")))).style.display =
-                            "none";
-                        ((/** @type {?} */ (document.getElementById("rightRte")))).style.display =
-                            noResultsFound ? "none" : "";
-                        console.log(noResultsFound, ((/** @type {?} */ (document.getElementById("rightRte")))).style);
-                        // this.ref.markForCheck();
-                    }));
-                }
-            }
-            catch (_a) {
-                // this.toastObj.show();
-            }
-        };
-        /**
-         * @param {?} subQuery
-         * @param {?} promptQuery
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.getResponseFromOpenAI = /**
-         * @param {?} subQuery
-         * @param {?} promptQuery
-         * @return {?}
-         */
-        function (subQuery, promptQuery) {
-            return __awaiter(this, void 0, void 0, function () {
-                var content;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, OpenAiModelRTE(subQuery, promptQuery)];
-                        case 1:
-                            content = _a.sent();
-                            return [2 /*return*/, content ? ((/** @type {?} */ (content))) : ""];
-                    }
-                });
-            });
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.dialogShow = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            (/** @type {?} */ (this.regenerateButton)).element.addEventListener("click", (/**
-             * @return {?}
-             */
-            function () {
-                _this.updateAISugesstions();
-            }));
-            (/** @type {?} */ (this.copyButton)).element.addEventListener("click", (/**
-             * @return {?}
-             */
-            function () {
-                _this.copyTextToClipboard(_this.AIResult);
-            }));
-            (/** @type {?} */ (this.replaceButton)).element.addEventListener("click", (/**
-             * @return {?}
-             */
-            function () {
-                /** @type {?} */
-                var range = ((/** @type {?} */ (_this.rteObj))).formatter.editorManager.nodeSelection.getRange(((/** @type {?} */ (_this.rteObj))).contentModule.getDocument());
-                ((/** @type {?} */ (_this.rteObj))).formatter.editorManager.nodeSelection.restore(range);
-                ((/** @type {?} */ (_this.rteObj))).executeCommand("insertHTML", _this.AIResult, {
-                    undo: true,
-                });
-                _this.closeDialog();
-            }));
-            ((/** @type {?} */ (this.AIdialog))).element.style.display = "";
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.closeDialog = /**
-         * @return {?}
-         */
-        function () {
-            this.AIdialog.hide();
-            this.rightRte.value = "";
-            this.leftRte.value = "";
-            this.promptQuery = "";
-            this.chipValue = "Standard";
-            this.AIResult = "";
-            this.dropValIndex = 0;
-            this.selectedQuery = "Rephrase";
-            this.sentimentButton.content = "😊 Neutral";
-        };
-        /**
-         * @param {?} text
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.copyTextToClipboard = /**
-         * @param {?} text
-         * @return {?}
-         */
-        function (text) {
-            if (navigator.clipboard) {
-                navigator.clipboard
-                    .writeText(text)
-                    .then((/**
-                 * @return {?}
-                 */
-                function () {
-                    console.log("Text copied to clipboard successfully!");
-                }))
-                    .catch((/**
-                 * @param {?} err
-                 * @return {?}
-                 */
-                function (err) {
-                    console.error("Failed to copy text: ", err);
-                }));
-            }
-            else {
-                // Fallback for browsers that do not support the Clipboard API
-                /** @type {?} */
-                var textarea = document.createElement("textarea");
-                textarea.value = text;
-                document.body.appendChild(textarea);
-                textarea.select();
-                try {
-                    document.execCommand("copy");
-                    console.log("Text copied to clipboard using execCommand");
-                }
-                catch (err) {
-                    console.error("Failed to copy text: ", err);
-                }
-                finally {
-                    document.body.removeChild(textarea);
-                }
-            }
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.onOverlayClick = /**
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var activeEle = this.AIdialog.element.querySelector(".char_block.e-active");
-            if (activeEle) {
-                activeEle.classList.remove("e-active");
-            }
-            this.closeDialog();
+            this.actionBegin.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onQuerySelect = /**
+        RichtexteditorComponent.prototype._input = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            // this.chipList.selectedChips = 0;
-            this.translatelanguage = "EN";
-            this.selectedQuery = args.itemData.text;
-            this.updateAISugesstionsData(args.itemData.text);
+            this.input.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onLanguageSelect = /**
+        RichtexteditorComponent.prototype._actionComplete = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.translatelanguage = args.itemData.id;
-            this.updateAISugesstionsData("Translate");
+            if (args.requestType == "UL") {
+                if (args.elements[0].parentElement.style.listStyleType == "dash") {
+                    args.elements[0].parentElement.style.listStyleImage =
+                        "url('../../../assets/img/bullet-dash.svg')";
+                    args.elements[0].parentElement.style.listStyleType = "none";
+                }
+            }
+            else if (args.requestType == "OL") {
+                args.elements[0].parentElement.classList.remove("custom-list", "parentheses");
+                if (args.elements[0].parentElement.style.listStyleType == "parentheses") {
+                    args.elements[0].parentElement.classList = "custom-list";
+                    args.elements[0].parentElement.classList.add("parentheses");
+                }
+            }
+            this.actionComplete.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onChipClick = /**
+        RichtexteditorComponent.prototype._focus = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.chipValue = args.itemData.text;
-            // 事件会触发两次 必须判断args.text是否有值
-            if (args.itemData.text)
-                this.updateAISugesstionsData("Rephrase");
+            this.focus.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype._toolbarClick = /**
+        RichtexteditorComponent.prototype._blur = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.toolbarClick.emit(args);
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.hideToast = /**
-         * @return {?}
-         */
-        function () {
-            this.showMsg = false;
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.onZoom = /**
-         * @return {?}
-         */
-        function () {
-            if (this.size === "largest") {
-                this.size = ""; // 恢复到原始大小
-            }
-            else {
-                this.size = "largest"; // 设置为最大化
-            }
+            this.blur.emit(args);
         };
         RichtexteditorComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-richtext-editor",
-                        template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    id=\"editor\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [fontFamily]=\"family\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(value)]=\"value\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n  >\r\n  </ejs-richtexteditor>\r\n  <ejs-dialog\r\n    #AIdialog\r\n    id=\"AIdialog\"\r\n    [ngClass]=\"size\"\r\n    [visible]=\"false\"\r\n    [target]=\"target\"\r\n    [isModal]=\"true\"\r\n    [height]=\"dialogHeight\"\r\n    [width]=\"dialogWidth\"\r\n    maxHeight=\"80%\"\r\n    cssClass=\"e-rte-elements custom-dialog-rte\"\r\n    zIndex=\"1000\"\r\n    (close)=\"closeDialog()\"\r\n    (overlayClick)=\"onOverlayClick()\"\r\n    (open)=\"dialogShow()\"\r\n  >\r\n    <ng-template #header>\r\n      <div class=\"header-title\">AI Assist</div>\r\n      <div class=\"header-buttons\">\r\n        <div *ngIf=\"showZoomBtn\" class=\"header-zoom\" (click)=\"onZoom()\">\r\n          <img\r\n            class=\"header-icon\"\r\n            *ngIf=\"size === 'largest'\"\r\n            src=\"../../../assets/img/dialog-shrink.svg\"\r\n          />\r\n          <img\r\n            class=\"header-icon\"\r\n            *ngIf=\"size !== 'largest'\"\r\n            src=\"../../../assets/img/dialog-grow.svg\"\r\n          />\r\n        </div>\r\n        <div class=\"header-btn\" (click)=\"closeDialog()\">\r\n          <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #footerTemplate>\r\n      <div id=\"dialog-footer-content\">\r\n        <div class=\"custom-row-0\">\r\n          <div\r\n            class=\"cuscol-0\"\r\n            style=\"width: 100%; align-items: center; justify-content: left\"\r\n          ></div>\r\n          <div\r\n            class=\"cuscol-1\"\r\n            style=\"\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: center;\r\n              align-items: center;\r\n              width: 100%;\r\n            \"\r\n          >\r\n            <div style=\"text-align: right; width: 100%\">\r\n              <button\r\n                ejs-button\r\n                #sentimentButton\r\n                content=\"\uD83D\uDE0A Neutral\"\r\n                disabled=\"false\"\r\n                cssClass=\"sentiment\"\r\n              ></button>\r\n              <button\r\n                ejs-button\r\n                #copyButton\r\n                content=\"Copy\"\r\n                disabled=\"false\"\r\n                class=\"copy-btn\"\r\n              ></button>\r\n              <button\r\n                ejs-button\r\n                #replaceButton\r\n                content=\"Replace\"\r\n                isPrimary=\"true\"\r\n                disabled=\"false\"\r\n              ></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #content>\r\n      <div class=\"dialog-content\" style=\"height: 100%\">\r\n        <div class=\"custom-row-0\">\r\n          <div class=\"cuscol-0\" style=\"width: 100%\">\r\n            <ejs-dropdownlist\r\n              #queryCategory\r\n              style=\"width: 200px\"\r\n              id=\"queryCategory\"\r\n              [dataSource]=\"queryList\"\r\n              index=\"0\"\r\n              [fields]=\"{ text: 'text', value: 'id' }\"\r\n              (select)=\"onQuerySelect($event)\"\r\n            >\r\n              Rephrase\r\n            </ejs-dropdownlist>\r\n            <ejs-dropdownlist\r\n              *ngIf=\"selectedQuery == 'Rephrase'\"\r\n              id=\"chips-container\"\r\n              #chipList\r\n              style=\"width: 160px\"\r\n              [(ngModel)]=\"chipValue\"\r\n              [dataSource]=\"rephraseTyleList\"\r\n              [fields]=\"{ text: 'text', value: 'id' }\"\r\n              (select)=\"onChipClick($event)\"\r\n            >\r\n            </ejs-dropdownlist>\r\n            <ejs-dropdownlist\r\n              *ngIf=\"selectedQuery == 'Translate'\"\r\n              #languageCategory\r\n              index=\"0\"\r\n              id=\"language-Category\"\r\n              [dataSource]=\"languageList\"\r\n              [fields]=\"{ text: 'text', value: 'id' }\"\r\n              (select)=\"onLanguageSelect($event)\"\r\n            >\r\n            </ejs-dropdownlist>\r\n          </div>\r\n          <div\r\n            class=\"cuscol-1\"\r\n            style=\"\r\n              justify-content: space-between;\r\n              align-items: center;\r\n              width: 100%;\r\n            \"\r\n          >\r\n            <!-- <ejs-chiplist\r\n              id=\"chips-container\"\r\n              #chipList\r\n              [chips]=\"['Standard', 'Fluent', 'Professional']\"\r\n              selection=\"Single\"\r\n              cssClass=\"e-outline\"\r\n              [selectedChips]=\"[0]\"\r\n              (click)=\"onChipClick($event)\"\r\n            >\r\n            </ejs-chiplist> -->\r\n            <button\r\n              ejs-button\r\n              #regenerateButton\r\n              content=\"Regenerate\"\r\n              isPrimary=\"true\"\r\n              disabled=\"false\"\r\n            ></button>\r\n          </div>\r\n        </div>\r\n        <div class=\"custom-row-1\" style=\"height: calc(100% - 40px)\">\r\n          <div\r\n            class=\"cuscol-0\"\r\n            style=\"\r\n              width: 100%;\r\n              height: 100%;\r\n              align-items: center;\r\n              justify-content: left;\r\n            \"\r\n          >\r\n            <div style=\"text-align: left; height: 100%\">\r\n              <ejs-richtexteditor\r\n                #leftRte\r\n                id=\"leftRte\"\r\n                height=\"100%\"\r\n                [toolbarSettings]=\"{ enable: false }\"\r\n                placeholder=\"Analysis of AI Support\"\r\n                cssClass=\"e-outline\"\r\n              >\r\n              </ejs-richtexteditor>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"cuscol-1\"\r\n            style=\"\r\n              display: flex;\r\n              justify-content: space-between;\r\n              width: 100%;\r\n              height: 100%;\r\n            \"\r\n          >\r\n            <div style=\"text-align: left; width: 100%; height: 100%\">\r\n              <ejs-richtexteditor\r\n                #rightRte\r\n                id=\"rightRte\"\r\n                height=\"100%\"\r\n                [toolbarSettings]=\"{ enable: false }\"\r\n                placeholder=\"Analysis of AI Support\"\r\n                cssClass=\"e-outline\"\r\n              >\r\n                <!-- style=\"display: none\" -->\r\n              </ejs-richtexteditor>\r\n              <div\r\n                class=\"no-results-found\"\r\n                id=\"no-results-found\"\r\n                style=\"display: none; height: 244px; align-content: center\"\r\n              >\r\n                <img\r\n                  height=\"50\"\r\n                  width=\"50\"\r\n                  src=\"https://storage.googleapis.com/cdn-bolddesk/agent-angular-app/images/light/no-records-warning.svg\"\r\n                />\r\n                <div>No results found</div>\r\n              </div>\r\n              <div id=\"skeletonId\" style=\"display: none\">\r\n                <ejs-skeleton\r\n                  #skeletonId1\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"100%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId2\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"90%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId3\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"70%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId4\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"50%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId5\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"30%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId6\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"10%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ejs-dialog>\r\n  <div class=\"toast\" *ngIf=\"showMsg\">\r\n    <span class=\"toast_text\">First, Select some text</span\r\n    ><span class=\"close_icon\" (click)=\"hideToast()\"></span>\r\n  </div>\r\n</div>\r\n",
+                        template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    [id]=\"editorId\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [quickToolbarSettings]=\"quickToolbarSettings\"\r\n    [bulletFormatList]=\"bulletFormatList\"\r\n    [numberFormatList]=\"numberFormatList\"\r\n    [fontFamily]=\"family\"\r\n    [fontSize]=\"fontSize\"\r\n    [disabled]=\"disabled\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(value)]=\"value\"\r\n    (actionBegin)=\"_actionBegin($event)\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n    (input)=\"_input($event)\"\r\n    (focus)=\"_focus($event)\"\r\n    (blur)=\"_blur($event)\"\r\n    (actionComplete)=\"_actionComplete($event)\"\r\n  >\r\n  </ejs-richtexteditor>\r\n</div>\r\n",
                         styles: [".editor_box{position:relative;width:100%;height:100%}.editor_box .toast{position:absolute;left:35%;top:110px;z-index:1;width:400px;border-radius:4px;border:1px solid #e8f2ff;background:#f4f8ff;padding:4px 12px;color:#1f3f5c;font-size:12px;font-style:normal;font-weight:400;height:32px;font-family:Arial;display:flex;align-items:center;justify-content:space-between}.editor_box .toast .toast_text::before{content:url(../../assets/img/info.svg);display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(../../assets/img/notification-close.svg);cursor:pointer;display:inline-block;width:16px;height:16px}.custom-dialog-rte{padding:0 20px;border-radius:10px}.custom-row-0,.custom-row-1,.custom-row-2{display:flex;align-items:center;padding:12px 24px}.e-rte-dropdown-btn-text{padding-left:4px}.no-results-found{text-align:center}.no-results-found img{display:block;margin:0 auto}.e-custom{margin-right:.5rem;border-radius:25px!important}.custom-dialog-rte .skeleton-rectangle{border-radius:4px}@media (max-width:767px){.cuscol-0,.cuscol-1,.cuscol-2{justify-content:center!important}.custom-row-0,.custom-row-1,.custom-row-2{flex-direction:column!important}.cuscol-1{border-right:none!important}.cuscol-0{width:100%;align-items:center}::ng-deep:host .e-dialog{max-height:80%!important}.custom-dialog-rte .e-dialog .e-dlg-content{overflow-y:auto!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor{height:100px!important}.cuscol-noresult{padding-bottom:20px!important}.e-chip-list{padding:5px!important}.cuscol{padding-right:.2rem!important;width:auto!important}.custom-row-1{height:auto!important}}.cuscol-1{display:flex;flex-direction:row!important}.cuscol-2{display:flex;flex-direction:column!important}.sentiment{color:#000!important}.custom-dialog-rte .e-dialog .e-dlg-content{padding:0!important;overflow-y:hidden}.custom-dialog-rte .e-dialog .e-dlg-header-content{padding:20px 0!important;border:0!important}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header{display:flex;align-items:center;line-height:18px;justify-content:space-between}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header .header-title{font-family:Arial;font-size:15px;font-weight:700;font-style:normal}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons{display:flex}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons img{width:16px;height:16px;cursor:pointer;padding:2px;margin-left:12px}.custom-dialog-rte .e-dialog .e-footer-content{padding:0!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor.e-rte-tb-expand .e-rte-content,.e-richtexteditor.e-rte-tb-expand .e-source-content{border:0;border-bottom:1px solid #dee2e6;border-top:0 solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0 solid #ddd!important;padding:0;margin-bottom:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-0{justify-content:left;border-right:none!important;padding:0;display:flex;gap:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1{padding:0;margin-left:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1 .e-primary{color:#44566c;border-radius:4px;border:1px solid #dbe1e7;background:#fff;width:87px;margin:0;padding:2px 12px;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;height:28px}.custom-dialog-rte .dialog-content .custom-row-1{padding:0;height:calc(100% - 40px);gap:12px}.custom-dialog-rte .e-footer-content{border:0}.custom-dialog-rte .e-footer-content .custom-row-0{padding:20px 0}.custom-dialog-rte .e-footer-content .e-control.e-btn{font-family:Arial;font-size:12px;line-height:14px;padding:2px 12px;height:28px;background:#fff;color:#44566c}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn{border-color:#dbe1e7}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn::before{content:url(../../assets/img/editor-copy.svg);vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.editor_box .e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}"]
                     }] }
         ];
-        /** @nocollapse */
-        RichtexteditorComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
         RichtexteditorComponent.propDecorators = {
-            rteObj: [{ type: core.ViewChild, args: ["editor", { static: false },] }],
-            queryCategory: [{ type: core.ViewChild, args: ["queryCategory", { static: false },] }],
-            leftRte: [{ type: core.ViewChild, args: ["leftRte", { static: false },] }],
-            rightRte: [{ type: core.ViewChild, args: ["rightRte", { static: false },] }],
-            AIdialog: [{ type: core.ViewChild, args: ["AIdialog", { static: true },] }],
-            sentimentButton: [{ type: core.ViewChild, args: ["sentimentButton", { static: false },] }],
-            regenerateButton: [{ type: core.ViewChild, args: ["regenerateButton", { static: false },] }],
-            copyButton: [{ type: core.ViewChild, args: ["copyButton", { static: false },] }],
-            replaceButton: [{ type: core.ViewChild, args: ["replaceButton", { static: false },] }],
-            placeholder: [{ type: core.Input }],
             value: [{ type: core.Input }],
+            editorId: [{ type: core.Input }],
             height: [{ type: core.Input }],
             autoSaveOnIdle: [{ type: core.Input }],
-            target: [{ type: core.Input }],
+            disabled: [{ type: core.Input }],
+            insertImageSettings: [{ type: core.Input }],
             toolbarClick: [{ type: core.Output }],
-            change: [{ type: core.Output }]
+            change: [{ type: core.Output }],
+            created: [{ type: core.Output }],
+            actionBegin: [{ type: core.Output }],
+            input: [{ type: core.Output }],
+            focus: [{ type: core.Output }],
+            blur: [{ type: core.Output }],
+            actionComplete: [{ type: core.Output }]
         };
         return RichtexteditorComponent;
     }());
     if (false) {
-        /** @type {?} */
-        RichtexteditorComponent.prototype.rteObj;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.queryCategory;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.leftRte;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.rightRte;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.AIdialog;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.sentimentButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.regenerateButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.copyButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.replaceButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.placeholder;
         /** @type {?} */
         RichtexteditorComponent.prototype.value;
         /** @type {?} */
+        RichtexteditorComponent.prototype.editorId;
+        /** @type {?} */
         RichtexteditorComponent.prototype.height;
         /** @type {?} */
         RichtexteditorComponent.prototype.autoSaveOnIdle;
         /** @type {?} */
-        RichtexteditorComponent.prototype.target;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.toolbarClick;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.change;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.family;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.dialogWidth;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.dialogHeight;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.showZoomBtn;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.showMsg;
+        RichtexteditorComponent.prototype.disabled;
         /** @type {?} */
         RichtexteditorComponent.prototype.insertImageSettings;
         /** @type {?} */
-        RichtexteditorComponent.prototype.editorManager;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.size;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.selectedQuery;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.dropValIndex;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.queryList;
+        RichtexteditorComponent.prototype.toolbarClick;
         /** @type {?} */
-        RichtexteditorComponent.prototype.rephraseTyleList;
+        RichtexteditorComponent.prototype.change;
         /** @type {?} */
-        RichtexteditorComponent.prototype.languageList;
+        RichtexteditorComponent.prototype.created;
         /** @type {?} */
-        RichtexteditorComponent.prototype.promptQuery;
+        RichtexteditorComponent.prototype.actionBegin;
         /** @type {?} */
-        RichtexteditorComponent.prototype.isSentimentCheck;
+        RichtexteditorComponent.prototype.input;
         /** @type {?} */
-        RichtexteditorComponent.prototype.subQuery;
+        RichtexteditorComponent.prototype.focus;
         /** @type {?} */
-        RichtexteditorComponent.prototype.translatelanguage;
+        RichtexteditorComponent.prototype.blur;
         /** @type {?} */
-        RichtexteditorComponent.prototype.chipValue;
+        RichtexteditorComponent.prototype.actionComplete;
         /** @type {?} */
-        RichtexteditorComponent.prototype.apiResultData;
+        RichtexteditorComponent.prototype.family;
         /** @type {?} */
-        RichtexteditorComponent.prototype.AIResult;
+        RichtexteditorComponent.prototype.fontSize;
         /** @type {?} */
         RichtexteditorComponent.prototype.tools;
         /**
+         * 表格快捷工具栏：含 TableCell（合并/拆分单元格）
          * @type {?}
-         * @private
          */
-        RichtexteditorComponent.prototype.ref;
+        RichtexteditorComponent.prototype.quickToolbarSettings;
+        /** @type {?} */
+        RichtexteditorComponent.prototype.bulletFormatList;
+        /** @type {?} */
+        RichtexteditorComponent.prototype.numberFormatList;
     }
 
     /**
@@ -54005,6 +55330,7 @@
                             CommonGridComponent,
                             GridActionComponent,
                             GridActionItemComponent,
+                            DateTreeFilterPopoverComponent,
                             FloatBoxComponent,
                             RsPageListComponent,
                             RsPageTabComponent,
@@ -54191,6 +55517,7 @@
                             CommonGridComponent,
                             GridActionComponent,
                             GridActionItemComponent,
+                            DateTreeFilterPopoverComponent,
                             FloatBoxComponent,
                             RsPageListComponent,
                             RsPageTabComponent,
@@ -54250,6 +55577,9 @@
     exports.CommonDialogComponent = CommonDialogComponent;
     exports.CommonFunctionService = CommonFunctionService;
     exports.CommonGridComponent = CommonGridComponent;
+    exports.DATE_TREE_DEFAULT_DATE_FORMATS = DATE_TREE_DEFAULT_DATE_FORMATS;
+    exports.DateTreeFilterHelper = DateTreeFilterHelper;
+    exports.DateTreeFilterPopoverComponent = DateTreeFilterPopoverComponent;
     exports.DefaultDrawerConfig = DefaultDrawerConfig;
     exports.DialogService = DialogService;
     exports.DrawerComponent = DrawerComponent;
@@ -54288,6 +55618,7 @@
     exports.ToolbarItemComponent = ToolbarItemComponent;
     exports.TranslationService = TranslationService;
     exports.TruncatedTextToggleComponent = TruncatedTextToggleComponent;
+    exports.createRsCommonGridDateTreeHelper = createRsCommonGridDateTreeHelper;
     exports.filterShowSection = filterShowSection;
     exports.ɵa = Debounce;
     exports.ɵb = DashboardService;