raise-common-lib 0.0.248 → 0.0.250

package/fesm2015/raise-common-lib.js

@@ -1,6 +1,7 @@
-import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, Injectable, ɵɵdefineInjectable, Inject, ɵɵinject, ContentChild, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, ElementRef, InjectionToken, Optional, ChangeDetectionStrategy, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, ElementRef, HostListener, HostBinding, Injectable, ɵɵdefineInjectable, Inject, ɵɵinject, ContentChild, ComponentFactoryResolver, ViewContainerRef, ViewChildren, InjectionToken, Optional, ChangeDetectionStrategy, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { GridComponent, ExcelExportService, ColumnChooserService, VirtualScrollService, FilterService, ResizeService, GridModule, PagerModule, GridAllModule, PageService, RowDDService, SortService, EditService, ToolbarService as ToolbarService$1, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
 import { times, debounce as debounce$1, forEach, throttle, find, cloneDeep, startsWith, filter as filter$1, meanBy, sumBy, minBy, maxBy, sortBy, uniqBy, differenceWith, mean } from 'lodash';
+import moment from 'moment';
 import { __awaiter, __decorate, __metadata } from 'tslib';
 import { Subject, BehaviorSubject, Observable } from 'rxjs';
 import { MAT_SNACK_BAR_DATA, MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
@@ -14,7 +15,6 @@ import { HttpClient, HttpHeaders, HttpClientModule } from '@angular/common/http'
 import { setCulture, L10n, addClass, enableRipple, Browser, createElement } from '@syncfusion/ej2-base';
 import ResizeObserver from 'resize-observer-polyfill';
 import { Query, DataUtil } from '@syncfusion/ej2-data';
-import moment from 'moment';
 import CircularJSON from 'circular-json';
 import { MAT_DATE_FORMATS } from '@angular/material/core';
 import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts';
@@ -32,7 +32,7 @@ import { DropDownListModule, DropDownTreeModule, MultiSelectAllModule, AutoCompl
 import { ToolbarService, FieldListService, NumberFormattingService, CalculatedFieldService, GroupingBarService, VirtualScrollService as VirtualScrollService$1, DrillThroughService, PivotViewAllModule, PivotFieldListAllModule } from '@syncfusion/ej2-angular-pivotview';
 import { ChartAllModule, AccumulationChartAllModule, RangeNavigatorAllModule, AccumulationChartModule, PieSeriesService, AccumulationLegendService, AccumulationTooltipService, AccumulationAnnotationService, AccumulationDataLabelService } from '@syncfusion/ej2-angular-charts';
 import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$2, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
-import { DropDownButton, DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
+import { DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
 import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$3 } from '@syncfusion/ej2-angular-richtexteditor';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -77,6 +77,684 @@ function getTranslation() {
     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 {?} */
+const DATE_TREE_DEFAULT_DATE_FORMATS = [
+    "YYYY-MM-DD",
+    "MM/DD/YYYY",
+    "DD/MM/YYYY",
+    "YYYY/MM/DD",
+    "DD-MMM-YYYY",
+    "MMM DD, YYYY",
+];
+class DateTreeFilterHelper {
+    /**
+     * @param {?} options
+     */
+    constructor(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 {?}
+     */
+    setup(config) {
+        /** @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 {?}
+         */
+        (item) => {
+            if (!item || !item.columnName) {
+                return;
+            }
+            this.fieldLabelMap[item.columnName] =
+                item.columnDisplayName || item.columnName;
+        }));
+        this.apply();
+    }
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    handleGridActionBegin(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 {?}
+     */
+    updateSelection(selectionMap) {
+        this.selectedByField = selectionMap || {};
+        this.apply();
+    }
+    /**
+     * @return {?}
+     */
+    close() {
+        if (!this.popoverVisible) {
+            return;
+        }
+        this.popoverVisible = false;
+        this.popoverField = "";
+        this.popoverStyle = {};
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    handleDocumentMouseDown(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 {?}
+     */
+    handleDocumentMouseOver(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 {?}
+     */
+    updatePosition() {
+        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 {?}
+     */
+    open(field) {
+        this.popoverField = field;
+        this.popoverVisible = true;
+        this.updatePosition();
+        setTimeout((/**
+         * @return {?}
+         */
+        () => this.updatePosition()), 50);
+        setTimeout((/**
+         * @return {?}
+         */
+        () => this.updatePosition()), 150);
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    apply() {
+        /** @type {?} */
+        var filteredRows = this.filterRowsBySelectedDateTree(this.sourceRows || []);
+        this.options.applyRows(filteredRows);
+    }
+    /**
+     * @private
+     * @param {?} args
+     * @return {?}
+     */
+    getRequestType(args) {
+        if (!args || !args.requestType) {
+            return "";
+        }
+        return String(args.requestType).trim().toLowerCase();
+    }
+    /**
+     * @private
+     * @param {?} args
+     * @return {?}
+     */
+    resolveActionColumnName(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 {?}
+     */
+    resolveDateTreeFieldsByHints(fields, hints) {
+        /** @type {?} */
+        var normalizedHints = (hints || [])
+            .filter((/**
+         * @param {?} item
+         * @return {?}
+         */
+        (item) => !!item))
+            .map((/**
+         * @param {?} item
+         * @return {?}
+         */
+        (item) => String(item).trim().toLowerCase()));
+        if (!fields || !fields.length || !normalizedHints.length) {
+            return [];
+        }
+        return fields
+            .filter((/**
+         * @param {?} item
+         * @return {?}
+         */
+        (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 {?}
+             */
+            (hint) => {
+                return (columnName === hint ||
+                    displayName === hint ||
+                    (hint.length >= 3 &&
+                        (columnName.indexOf(hint) > -1 ||
+                            displayName.indexOf(hint) > -1)));
+            }));
+        }))
+            .map((/**
+         * @param {?} item
+         * @return {?}
+         */
+        (item) => item.columnName));
+    }
+    /**
+     * @private
+     * @param {?} field
+     * @return {?}
+     */
+    isDateTreeField(field) {
+        return this.dateFields.indexOf(field) > -1;
+    }
+    /**
+     * @private
+     * @param {?} field
+     * @return {?}
+     */
+    getFieldDaySelectionMap(field) {
+        if (!this.selectedByField[field]) {
+            this.selectedByField[field] = {};
+        }
+        return this.selectedByField[field];
+    }
+    /**
+     * @private
+     * @param {?} rows
+     * @param {?=} excludeField
+     * @return {?}
+     */
+    filterRowsBySelectedDateTree(rows, excludeField) {
+        /** @type {?} */
+        var filteredRows = rows ? rows.slice() : [];
+        this.dateFields.forEach((/**
+         * @param {?} field
+         * @return {?}
+         */
+        (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 {?}
+             */
+            (row) => {
+                /** @type {?} */
+                var dayKey = this.getDayKeyByRowValue(row[field]);
+                return dayKey ? !!selectedMap[dayKey] : false;
+            }));
+        }));
+        return filteredRows;
+    }
+    /**
+     * @private
+     * @param {?} value
+     * @return {?}
+     */
+    getDayKeyByRowValue(value) {
+        /** @type {?} */
+        var date = this.parseDateValue(value);
+        if (!date) {
+            return "";
+        }
+        return this.toDayKey(date.getFullYear(), date.getMonth() + 1, date.getDate());
+    }
+    /**
+     * @private
+     * @param {?} value
+     * @return {?}
+     */
+    parseDateValue(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 {?}
+     */
+    toDayKey(year, month, day) {
+        return year + "-" + this.pad2(month) + "-" + this.pad2(day);
+    }
+    /**
+     * @private
+     * @param {?} value
+     * @return {?}
+     */
+    pad2(value) {
+        return value < 10 ? "0" + value : String(value);
+    }
+    /**
+     * @private
+     * @param {?} target
+     * @return {?}
+     */
+    isInsidePopover(target) {
+        /** @type {?} */
+        var popoverElement = this.options.getPopoverElement
+            ? this.options.getPopoverElement()
+            : null;
+        if (!target || !popoverElement) {
+            return false;
+        }
+        return popoverElement.contains(target);
+    }
+    /**
+     * @private
+     * @param {?} element
+     * @return {?}
+     */
+    isDateFilterMenuItem(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 {?}
+     */
+    findDateFilterAnchorElement() {
+        /** @type {?} */
+        var menuContainers = (/** @type {?} */ (Array.from(document.querySelectorAll(".e-columnmenu, .e-contextmenu"))));
+        /** @type {?} */
+        var visibleContainers = menuContainers.filter((/**
+         * @param {?} container
+         * @return {?}
+         */
+        (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 {?}
+         */
+        (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 {?}
+         */
+        (item) => {
+            return (item.classList.contains("e-focused") ||
+                item.classList.contains("e-selected") ||
+                item.classList.contains("e-hover"));
+        }));
+        return focusedItem || visibleFilterItems[visibleFilterItems.length - 1];
+    }
+}
+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 {?}
+         */
+        () => (host ? host.translation : null)),
+        getPopoverElement: (/**
+         * @return {?}
+         */
+        () => host && host.dateTreePopoverRef
+            ? host.dateTreePopoverRef.nativeElement
+            : null),
+        getGridElement: (/**
+         * @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
@@ -133,6 +811,23 @@ class CommonGridComponent {
         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 EventEmitter();
         this.actionComplete = new EventEmitter();
         this.rowSelected = new EventEmitter();
@@ -150,6 +845,16 @@ class CommonGridComponent {
         this.rowDrop = new EventEmitter();
         this.rowDrag = new EventEmitter();
         this.rowDragStart = new EventEmitter();
+        /**
+         * 日期树筛选后的行数据（可选，复杂页面与 dateTreeSourceRows 搭配使用）
+         */
+        this.dateTreeFilteredRows = new EventEmitter();
+        /**
+         * 内聚模式：表格实际绑定的数据
+         */
+        this.dateTreeDisplayRows = [];
+        this.dateTreeRawRows = [];
+        this.dateTreeApplyingFilter = false;
         this.selectId = [];
         this.startPaging = false;
         this.indexList = [];
@@ -174,6 +879,11 @@ class CommonGridComponent {
             return list;
         });
         this.translation = getTranslation();
+        this.dateTreeHelper = createRsCommonGridDateTreeHelper(this, (/**
+         * @param {?} rows
+         * @return {?}
+         */
+        (rows) => this.onDateTreeRowsApplied(rows)));
     }
     /**
      * @return {?}
@@ -193,17 +903,41 @@ class CommonGridComponent {
     trackByFn(index, item) {
         return index; // or a unique identifier in your object
     }
+    /**
+     * ejs-grid 绑定数据源：内聚模式用内部展示数据，否则用 dataSource
+     * @return {?}
+     */
+    get gridBindDataSource() {
+        if (this.enableDateTreeFilter && this.dateTreeSourceRows == null) {
+            return this.dateTreeDisplayRows;
+        }
+        return this.dataSource;
+    }
+    /**
+     * 日期树 popover 用的全量数据
+     * @return {?}
+     */
+    get dateTreePopoverSourceRows() {
+        if (this.dateTreeSourceRows != null) {
+            return this.dateTreeSourceRows;
+        }
+        return this.dateTreeRawRows;
+    }
     /**
      * @param {?} changes
      * @return {?}
      */
     ngOnChanges(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,
@@ -211,6 +945,95 @@ class CommonGridComponent {
                         : 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 {?}
+     */
+    captureDateTreeRawFromDataSource(rows) {
+        this.dateTreeRawRows = rows ? rows.slice() : [];
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onDocumentMouseDown(event) {
+        if (this.enableDateTreeFilter && this.dateTreeHelper) {
+            this.dateTreeHelper.handleDocumentMouseDown(event);
+        }
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onDocumentMouseOver(event) {
+        if (this.enableDateTreeFilter && this.dateTreeHelper) {
+            this.dateTreeHelper.handleDocumentMouseOver(event);
+        }
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    refreshDateTreeFilter() {
+        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 {?}
+     */
+    onDateTreeRowsApplied(rows) {
+        /** @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 {?}
+         */
+        () => {
+            this.dateTreeApplyingFilter = false;
+        }), 0);
     }
     /**
      * @return {?}
@@ -413,7 +1236,10 @@ class CommonGridComponent {
                 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;
         }
@@ -690,7 +1516,7 @@ class CommonGridComponent {
 CommonGridComponent.decorators = [
     { type: 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: [""]
             }] }
 ];
@@ -728,6 +1554,10 @@ CommonGridComponent.propDecorators = {
     alwaysShowCheckbox: [{ type: Input }],
     defaultRecord: [{ type: Input }],
     disableSystemRow: [{ type: Input }],
+    enableDateTreeFilter: [{ type: Input }],
+    dateTreeFilterFields: [{ type: Input }],
+    dateTreeSourceRows: [{ type: Input }],
+    dateTreeEmitFilteredRows: [{ type: Input }],
     recordDoubleClick: [{ type: Output }],
     actionComplete: [{ type: Output }],
     rowSelected: [{ type: Output }],
@@ -744,7 +1574,11 @@ CommonGridComponent.propDecorators = {
     rowSelecting: [{ type: Output }],
     rowDrop: [{ type: Output }],
     rowDrag: [{ type: Output }],
-    rowDragStart: [{ type: Output }]
+    rowDragStart: [{ type: Output }],
+    dateTreeFilteredRows: [{ type: Output }],
+    dateTreePopoverRef: [{ type: ViewChild, args: ["dateTreePopoverRef", { read: ElementRef, static: false },] }],
+    onDocumentMouseDown: [{ type: HostListener, args: ["document:mousedown", ["$event"],] }],
+    onDocumentMouseOver: [{ type: HostListener, args: ["document:mouseover", ["$event"],] }]
 };
 if (false) {
     /** @type {?} */
@@ -822,6 +1656,27 @@ if (false) {
     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 {?} */
@@ -856,6 +1711,30 @@ if (false) {
     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 {?} */
@@ -989,6 +1868,765 @@ if (false) {
     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
+ */
+class DateTreeFilterPopoverComponent {
+    constructor() {
+        this.field = "";
+        this.sourceRows = [];
+        this.dateFields = [];
+        this.selectedByField = {};
+        this.fieldLabelMap = {};
+        this.apply = new EventEmitter();
+        this.close = new EventEmitter();
+        this.keyword = "";
+        this.years = [];
+        this.expandStateByField = {};
+        this.workingSelectedByField = {};
+    }
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    ngOnChanges(changes) {
+        if (changes.field ||
+            changes.sourceRows ||
+            changes.selectedByField ||
+            changes.dateFields) {
+            this.keyword = "";
+            this.workingSelectedByField = this.cloneSelectionMap(this.selectedByField);
+            this.rebuildTree();
+        }
+    }
+    /**
+     * @return {?}
+     */
+    closePopover() {
+        this.close.emit();
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    onKeywordChange(value) {
+        this.keyword = value || "";
+    }
+    /**
+     * @return {?}
+     */
+    getVisibleYears() {
+        /** @type {?} */
+        const searchText = (this.keyword || "").trim().toLowerCase();
+        if (!searchText) {
+            return this.years;
+        }
+        return this.years
+            .map((/**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        (yearNode) => {
+            /** @type {?} */
+            const yearMatched = String(yearNode.year).toLowerCase().indexOf(searchText) > -1;
+            /** @type {?} */
+            const months = yearNode.months
+                .map((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            (monthNode) => {
+                /** @type {?} */
+                const monthMatched = String(monthNode.label)
+                    .toLowerCase()
+                    .indexOf(searchText) > -1;
+                /** @type {?} */
+                const days = monthNode.days.filter((/**
+                 * @param {?} dayNode
+                 * @return {?}
+                 */
+                (dayNode) => {
+                    return (String(dayNode.label)
+                        .toLowerCase()
+                        .indexOf(searchText) > -1);
+                }));
+                if (yearMatched || monthMatched) {
+                    return monthNode;
+                }
+                return Object.assign({}, monthNode, { days: days });
+            }))
+                .filter((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            (monthNode) => monthNode.days.length > 0));
+            if (yearMatched) {
+                return yearNode;
+            }
+            return Object.assign({}, yearNode, { months: months });
+        }))
+            .filter((/**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        (yearNode) => yearNode.months.length > 0));
+    }
+    /**
+     * @param {?} yearNode
+     * @return {?}
+     */
+    toggleYearExpanded(yearNode) {
+        /** @type {?} */
+        const state = this.getOrCreateExpandState(this.field);
+        state.years[yearNode.key] = !state.years[yearNode.key];
+        yearNode.expanded = !!state.years[yearNode.key];
+    }
+    /**
+     * @param {?} monthNode
+     * @return {?}
+     */
+    toggleMonthExpanded(monthNode) {
+        /** @type {?} */
+        const state = this.getOrCreateExpandState(this.field);
+        state.months[monthNode.key] = !state.months[monthNode.key];
+        monthNode.expanded = !!state.months[monthNode.key];
+    }
+    /**
+     * @return {?}
+     */
+    isAllChecked() {
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        /** @type {?} */
+        const enabledDayKeys = this.getEnabledDayKeysInCurrentField();
+        if (!enabledDayKeys.length) {
+            return false;
+        }
+        return enabledDayKeys.every((/**
+         * @param {?} key
+         * @return {?}
+         */
+        (key) => !!selectedMap[key]));
+    }
+    /**
+     * @return {?}
+     */
+    isAllIndeterminate() {
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        /** @type {?} */
+        const enabledDayKeys = this.getEnabledDayKeysInCurrentField();
+        if (!enabledDayKeys.length) {
+            return false;
+        }
+        /** @type {?} */
+        const selectedCount = enabledDayKeys.filter((/**
+         * @param {?} key
+         * @return {?}
+         */
+        (key) => !!selectedMap[key]))
+            .length;
+        return selectedCount > 0 && selectedCount < enabledDayKeys.length;
+    }
+    /**
+     * @param {?} checked
+     * @return {?}
+     */
+    toggleAllDays(checked) {
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        /** @type {?} */
+        const enabledDayKeys = this.getEnabledDayKeysInCurrentField();
+        enabledDayKeys.forEach((/**
+         * @param {?} key
+         * @return {?}
+         */
+        (key) => {
+            if (checked) {
+                selectedMap[key] = true;
+            }
+            else {
+                delete selectedMap[key];
+            }
+        }));
+    }
+    /**
+     * @param {?} dayNode
+     * @return {?}
+     */
+    isDayChecked(dayNode) {
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        return !!selectedMap[dayNode.key];
+    }
+    /**
+     * @param {?} dayNode
+     * @param {?} checked
+     * @return {?}
+     */
+    toggleDay(dayNode, checked) {
+        if (dayNode.disabled) {
+            return;
+        }
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        if (checked) {
+            selectedMap[dayNode.key] = true;
+        }
+        else {
+            delete selectedMap[dayNode.key];
+        }
+    }
+    /**
+     * @param {?} monthNode
+     * @return {?}
+     */
+    isMonthDisabled(monthNode) {
+        return monthNode.days.every((/**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        (dayNode) => dayNode.disabled));
+    }
+    /**
+     * @param {?} monthNode
+     * @return {?}
+     */
+    isMonthChecked(monthNode) {
+        if (this.isMonthDisabled(monthNode)) {
+            return false;
+        }
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        /** @type {?} */
+        const enabledDays = monthNode.days.filter((/**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        (dayNode) => !dayNode.disabled));
+        return enabledDays.every((/**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        (dayNode) => !!selectedMap[dayNode.key]));
+    }
+    /**
+     * @param {?} monthNode
+     * @return {?}
+     */
+    isMonthIndeterminate(monthNode) {
+        if (this.isMonthDisabled(monthNode)) {
+            return false;
+        }
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        /** @type {?} */
+        const enabledDays = monthNode.days.filter((/**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        (dayNode) => !dayNode.disabled));
+        /** @type {?} */
+        const selectedCount = enabledDays.filter((/**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        (dayNode) => {
+            return !!selectedMap[dayNode.key];
+        })).length;
+        return selectedCount > 0 && selectedCount < enabledDays.length;
+    }
+    /**
+     * @param {?} monthNode
+     * @param {?} checked
+     * @return {?}
+     */
+    toggleMonth(monthNode, checked) {
+        if (this.isMonthDisabled(monthNode)) {
+            return;
+        }
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        monthNode.days.forEach((/**
+         * @param {?} dayNode
+         * @return {?}
+         */
+        (dayNode) => {
+            if (dayNode.disabled) {
+                return;
+            }
+            if (checked) {
+                selectedMap[dayNode.key] = true;
+            }
+            else {
+                delete selectedMap[dayNode.key];
+            }
+        }));
+    }
+    /**
+     * @param {?} yearNode
+     * @return {?}
+     */
+    isYearDisabled(yearNode) {
+        return yearNode.months.every((/**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        (monthNode) => this.isMonthDisabled(monthNode)));
+    }
+    /**
+     * @param {?} yearNode
+     * @return {?}
+     */
+    isYearChecked(yearNode) {
+        if (this.isYearDisabled(yearNode)) {
+            return false;
+        }
+        /** @type {?} */
+        const enabledMonths = yearNode.months.filter((/**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        (monthNode) => !this.isMonthDisabled(monthNode)));
+        return enabledMonths.every((/**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        (monthNode) => this.isMonthChecked(monthNode)));
+    }
+    /**
+     * @param {?} yearNode
+     * @return {?}
+     */
+    isYearIndeterminate(yearNode) {
+        if (this.isYearDisabled(yearNode)) {
+            return false;
+        }
+        /** @type {?} */
+        const selectedMap = this.getFieldDaySelectionMap(this.field);
+        /** @type {?} */
+        const enabledDays = [];
+        yearNode.months.forEach((/**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        (monthNode) => {
+            monthNode.days.forEach((/**
+             * @param {?} dayNode
+             * @return {?}
+             */
+            (dayNode) => {
+                if (!dayNode.disabled) {
+                    enabledDays.push(dayNode.key);
+                }
+            }));
+        }));
+        /** @type {?} */
+        const selectedCount = enabledDays.filter((/**
+         * @param {?} key
+         * @return {?}
+         */
+        (key) => !!selectedMap[key])).length;
+        return selectedCount > 0 && selectedCount < enabledDays.length;
+    }
+    /**
+     * @param {?} yearNode
+     * @param {?} checked
+     * @return {?}
+     */
+    toggleYear(yearNode, checked) {
+        if (this.isYearDisabled(yearNode)) {
+            return;
+        }
+        yearNode.months.forEach((/**
+         * @param {?} monthNode
+         * @return {?}
+         */
+        (monthNode) => {
+            this.toggleMonth(monthNode, checked);
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    clearSelection() {
+        if (this.field) {
+            this.workingSelectedByField[this.field] = {};
+        }
+        this.apply.emit(this.cloneSelectionMap(this.workingSelectedByField));
+        this.rebuildTree();
+    }
+    /**
+     * @return {?}
+     */
+    applySelection() {
+        this.apply.emit(this.cloneSelectionMap(this.workingSelectedByField));
+        this.closePopover();
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    rebuildTree() {
+        if (!this.field) {
+            this.years = [];
+            return;
+        }
+        /** @type {?} */
+        const sourceRows = this.sourceRows || [];
+        /** @type {?} */
+        const rowsByOtherFilters = this.filterRowsBySelectedDateTree(sourceRows, this.field);
+        /** @type {?} */
+        const availableDayKeyMap = {};
+        rowsByOtherFilters.forEach((/**
+         * @param {?} row
+         * @return {?}
+         */
+        (row) => {
+            /** @type {?} */
+            const dayKey = this.getDayKeyByRowValue(row[this.field]);
+            if (dayKey) {
+                availableDayKeyMap[dayKey] = true;
+            }
+        }));
+        /** @type {?} */
+        const groupedMap = {};
+        sourceRows.forEach((/**
+         * @param {?} row
+         * @return {?}
+         */
+        (row) => {
+            /** @type {?} */
+            const date = this.parseDateValue(row[this.field]);
+            if (!date) {
+                return;
+            }
+            /** @type {?} */
+            const year = date.getFullYear();
+            /** @type {?} */
+            const month = date.getMonth() + 1;
+            /** @type {?} */
+            const 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 {?} */
+        const expandState = this.getOrCreateExpandState(this.field);
+        this.years = Object.keys(groupedMap)
+            .map((/**
+         * @param {?} key
+         * @return {?}
+         */
+        (key) => Number(key)))
+            .sort((/**
+         * @param {?} a
+         * @param {?} b
+         * @return {?}
+         */
+        (a, b) => b - a))
+            .map((/**
+         * @param {?} year
+         * @return {?}
+         */
+        (year) => {
+            /** @type {?} */
+            const months = Object.keys(groupedMap[year])
+                .map((/**
+             * @param {?} key
+             * @return {?}
+             */
+            (key) => Number(key)))
+                .sort((/**
+             * @param {?} a
+             * @param {?} b
+             * @return {?}
+             */
+            (a, b) => a - b))
+                .map((/**
+             * @param {?} month
+             * @return {?}
+             */
+            (month) => {
+                /** @type {?} */
+                const monthKey = year + "-" + this.pad2(month);
+                if (expandState.months[monthKey] === undefined) {
+                    expandState.months[monthKey] = true;
+                }
+                /** @type {?} */
+                const days = Object.keys(groupedMap[year][month])
+                    .map((/**
+                 * @param {?} key
+                 * @return {?}
+                 */
+                (key) => Number(key)))
+                    .sort((/**
+                 * @param {?} a
+                 * @param {?} b
+                 * @return {?}
+                 */
+                (a, b) => a - b))
+                    .map((/**
+                 * @param {?} day
+                 * @return {?}
+                 */
+                (day) => {
+                    /** @type {?} */
+                    const dayKey = this.toDayKey(year, month, day);
+                    /** @type {?} */
+                    const 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 {?} */
+            const 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 {?}
+     */
+    filterRowsBySelectedDateTree(rows, excludeField) {
+        /** @type {?} */
+        let filteredRows = rows ? rows.slice() : [];
+        (this.dateFields || []).forEach((/**
+         * @param {?} field
+         * @return {?}
+         */
+        (field) => {
+            if (excludeField && field === excludeField) {
+                return;
+            }
+            /** @type {?} */
+            const selectedMap = this.getFieldDaySelectionMap(field);
+            /** @type {?} */
+            const selectedKeys = Object.keys(selectedMap);
+            if (!selectedKeys.length) {
+                return;
+            }
+            filteredRows = filteredRows.filter((/**
+             * @param {?} row
+             * @return {?}
+             */
+            (row) => {
+                /** @type {?} */
+                const dayKey = this.getDayKeyByRowValue(row[field]);
+                return dayKey ? !!selectedMap[dayKey] : false;
+            }));
+        }));
+        return filteredRows;
+    }
+    /**
+     * @private
+     * @param {?} value
+     * @return {?}
+     */
+    parseDateValue(value) {
+        if (!value) {
+            return null;
+        }
+        if (value instanceof Date) {
+            return value;
+        }
+        /** @type {?} */
+        const 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 {?} */
+        const fallback = new Date(value);
+        return isNaN(fallback.getTime()) ? null : fallback;
+    }
+    /**
+     * @private
+     * @param {?} field
+     * @return {?}
+     */
+    getOrCreateExpandState(field) {
+        if (!this.expandStateByField[field]) {
+            this.expandStateByField[field] = { years: {}, months: {} };
+        }
+        return this.expandStateByField[field];
+    }
+    /**
+     * @private
+     * @param {?} field
+     * @return {?}
+     */
+    getFieldDaySelectionMap(field) {
+        if (!this.workingSelectedByField[field]) {
+            this.workingSelectedByField[field] = {};
+        }
+        return this.workingSelectedByField[field];
+    }
+    /**
+     * @private
+     * @param {?} year
+     * @param {?} month
+     * @param {?} day
+     * @return {?}
+     */
+    toDayKey(year, month, day) {
+        return year + "-" + this.pad2(month) + "-" + this.pad2(day);
+    }
+    /**
+     * @private
+     * @param {?} value
+     * @return {?}
+     */
+    pad2(value) {
+        return value < 10 ? "0" + value : String(value);
+    }
+    /**
+     * @private
+     * @param {?} value
+     * @return {?}
+     */
+    getDayKeyByRowValue(value) {
+        /** @type {?} */
+        const date = this.parseDateValue(value);
+        if (!date) {
+            return "";
+        }
+        return this.toDayKey(date.getFullYear(), date.getMonth() + 1, date.getDate());
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    getEnabledDayKeysInCurrentField() {
+        /** @type {?} */
+        const keys = [];
+        this.years.forEach((/**
+         * @param {?} yearNode
+         * @return {?}
+         */
+        (yearNode) => {
+            yearNode.months.forEach((/**
+             * @param {?} monthNode
+             * @return {?}
+             */
+            (monthNode) => {
+                monthNode.days.forEach((/**
+                 * @param {?} dayNode
+                 * @return {?}
+                 */
+                (dayNode) => {
+                    if (!dayNode.disabled) {
+                        keys.push(dayNode.key);
+                    }
+                }));
+            }));
+        }));
+        return keys;
+    }
+    /**
+     * @private
+     * @param {?} source
+     * @return {?}
+     */
+    cloneSelectionMap(source) {
+        try {
+            return source ? JSON.parse(JSON.stringify(source)) : {};
+        }
+        catch (e) {
+            return {};
+        }
+    }
+}
+DateTreeFilterPopoverComponent.decorators = [
+    { type: 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: Input }],
+    translation: [{ type: Input }],
+    sourceRows: [{ type: Input }],
+    dateFields: [{ type: Input }],
+    selectedByField: [{ type: Input }],
+    fieldLabelMap: [{ type: Input }],
+    apply: [{ type: Output }],
+    close: [{ type: Output }]
+};
+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
@@ -22827,7 +24465,7 @@ CommonDialogComponent.decorators = [
     { type: 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 */
@@ -33495,248 +35133,6 @@ if (false) {
     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* () {
-        try {
-            // 这里应该调用你的后端API来获取AI配置
-            // 例如：return await this.http.get('/api/ai-config');
-            // 临时返回默认配置
-            return getAIConfig();
-        }
-        catch (error) {
-            console.error("Failed to get AI config from backend:", error);
-            return getAIConfig();
-        }
-    });
-}
-
-/**
- * @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* () {
-        try {
-            /** @type {?} */
-            const url = `${config.endpoint}/openai/deployments/${config.deployment}/chat/completions?api-version=${config.apiVersion}`;
-            /** @type {?} */
-            const url1 = `${config.endpoint}`;
-            /** @type {?} */
-            const response = 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,
-                }),
-            });
-            if (!response.ok) {
-                /** @type {?} */
-                const errorText = yield response.text();
-                throw new Error(`HTTP error! status: ${response.status}, message: ${errorText}`);
-            }
-            /** @type {?} */
-            const data = yield response.json();
-            if (!data.choices || !data.choices[0] || !data.choices[0].message) {
-                throw new Error('Invalid response format from AI service');
-            }
-            return data.choices[0].message.content;
-        }
-        catch (error) {
-            console.error('AI request failed:', error);
-            throw error;
-        }
-    });
-}
-// 备用方案：使用模拟数据（用于开发测试）
-/**
- * @param {?} subQuery
- * @param {?} promptQuery
- * @return {?}
- */
-function getMockAIResponse(subQuery, promptQuery) {
-    /** @type {?} */
-    const 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',
-    };
-    for (const [key, value] of Object.entries(mockResponses)) {
-        if (subQuery.includes(key)) {
-            return value;
-        }
-    }
-    return `AI processed: ${promptQuery}`;
-}
-// 主要的AI请求方法
-/**
- * @param {?} subQuery
- * @param {?} promptQuery
- * @return {?}
- * @this {*}
- */
-function OpenAiModelRTE(subQuery, promptQuery) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            /** @type {?} */
-            const config = getAIConfig();
-            // 检查配置是否有效
-            if (!isAIConfigValid(config)) {
-                console.warn('AI configuration is incomplete or disabled, using mock response');
-                return getMockAIResponse(subQuery, promptQuery);
-            }
-            /** @type {?} */
-            const 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}`,
-                },
-            ];
-            /** @type {?} */
-            const result = yield sendAIRequest(messages, config);
-            return result;
-        }
-        catch (error) {
-            console.error('AI request failed, using mock response:', error);
-            return getMockAIResponse(subQuery, promptQuery);
-        }
-    });
-}
-// 兼容性方法（保持向后兼容）
-/**
- * @param {?} options
- * @return {?}
- * @this {*}
- */
-function getAzureChatAIRequest(options) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            /** @type {?} */
-            const config = getAIConfig();
-            if (!isAIConfigValid(config)) {
-                return null;
-            }
-            /** @type {?} */
-            const result = yield sendAIRequest(options.messages, config);
-            return result;
-        }
-        catch (err) {
-            console.error('Error occurred:', err);
-            return null;
-        }
-    });
-}
-/**
- * @param {?} prompt
- * @return {?}
- * @this {*}
- */
-function getAzureTextAIRequest(prompt) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            /** @type {?} */
-            const config = getAIConfig();
-            if (!isAIConfigValid(config)) {
-                return undefined;
-            }
-            /** @type {?} */
-            const messages = [
-                {
-                    role: 'user',
-                    content: prompt,
-                },
-            ];
-            /** @type {?} */
-            const result = yield sendAIRequest(messages, config);
-            return result;
-        }
-        catch (err) {
-            console.error('Error occurred:', err);
-            return undefined;
-        }
-    });
-}
-
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/form/richtexteditor/data-config.ts
@@ -33831,6 +35227,73 @@ const fontFamily = {
             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 {?} */
+const 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配置
@@ -34016,74 +35479,30 @@ function applyBulletStyle(ul, style) {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RichtexteditorComponent {
-    /**
-     * @param {?} ref
-     */
-    constructor(ref) {
-        this.ref = ref;
-        // @ViewChild("chipList", { static: false }) public chipList!: ChipListComponent;
-        this.placeholder = "";
+    constructor() {
         this.value = "";
+        this.editorId = "editorId";
         this.height = 150;
         this.autoSaveOnIdle = true;
-        this.target = "#container"; // dialog 弹窗父级
-        // dialog 弹窗父级
-        this.toolbarClick = new EventEmitter();
-        this.change = new 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 EventEmitter();
+        this.change = new EventEmitter();
+        this.created = new EventEmitter();
+        this.actionBegin = new EventEmitter();
+        this.input = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.actionComplete = new 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",
@@ -34098,21 +35517,12 @@ class RichtexteditorComponent {
                 "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",
@@ -34121,484 +35531,201 @@ class RichtexteditorComponent {
                 "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 {?}
-     */
-    ngOnInit() { }
     /**
      * @param {?} args
      * @return {?}
      */
     onContentChange(args) {
-        /** @type {?} */
-        const tables = document.querySelectorAll("table.e-rte-table");
-        tables.forEach((/**
-         * @param {?} table
-         * @return {?}
-         */
-        (table) => {
-            /** @type {?} */
-            const htmlTable = (/** @type {?} */ (table));
-            htmlTable.style.marginBottom = "10px";
-            htmlTable.style.borderCollapse = "collapse";
-            htmlTable.style.emptyCells = "show";
-            /** @type {?} */
-            const tdElements = table.querySelectorAll("td");
-            tdElements.forEach((/**
-             * @param {?} td
-             * @return {?}
-             */
-            (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);
     }
     /**
      * @return {?}
      */
     onCreate() {
-        //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 {?} */
-        let splitButton = new DropDownButton({
-            items: lineHeight_items,
-            iconCss: "e-icons e-line-spacing",
-            select: this.onSelect.bind(this),
-        });
-        splitButton.appendTo("#lineheight_tbar");
-        // ai assist
-        /** @type {?} */
-        let aiassistantButton = new DropDownButton({
-            items: this.queryList,
-            // iconCss: "e-btn-icon e-icons e-assistview-icon e-icon-left",
-            select: (/**
-             * @param {?} args
-             * @return {?}
-             */
-            (args) => this.aiQuerySelectedMenu(args)),
-        });
-        aiassistantButton.appendTo("#ai_assistant_button_tbar");
+        this.created.emit();
     }
     /**
-     * @private
      * @param {?} args
      * @return {?}
      */
-    onSelect(args) {
-        if (this.rteObj.formatter.getUndoRedoStack().length === 0) {
-            this.rteObj.formatter.saveData();
-        }
-        /** @type {?} */
-        let nodes = this.editorManager.domNode.blockNodes();
-        for (let i = 0; nodes.length > i; i++) {
-            ((/** @type {?} */ (nodes[i]))).style.lineHeight = args.item.text;
-        }
-        this.rteObj.formatter.saveData();
-        this.rteObj.formatter.enableUndo(this.rteObj);
+    _toolbarClick(args) {
+        this.toolbarClick.emit(args);
     }
     /**
-     * @private
      * @param {?} args
      * @return {?}
      */
-    aiQuerySelectedMenu(args) {
-        this.dialogueOpen(args.item.text);
-    }
-    /**
-     * @param {?} selectedQuery
-     * @return {?}
-     */
-    dialogueOpen(selectedQuery) {
-        /** @type {?} */
-        var selectionText = this.rteObj.getSelectedHtml();
-        this.selectedQuery = selectedQuery;
-        if (selectionText) {
-            /** @type {?} */
-            let 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 {?}
-             */
-            (q) => 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 {?}
-             */
-            () => {
-                this.showMsg = false;
-            }), 3000);
-            console.log("Please select the content to perform the AI operation.");
-        }
+    _actionBegin(args) {
+        this.actionBegin.emit(args);
     }
     /**
-     * @param {?} selectedQuery
+     * @param {?} args
      * @return {?}
      */
-    updateAISugesstionsData(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();
+    _input(args) {
+        this.input.emit(args);
     }
     /**
+     * @param {?} args
      * @return {?}
      */
-    updateAISugesstions() {
-        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 {?}
-                 */
-                (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();
-                }));
+    _actionComplete(args) {
+        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";
             }
         }
-        catch (_a) {
-            // this.toastObj.show();
-        }
-    }
-    /**
-     * @param {?} subQuery
-     * @param {?} promptQuery
-     * @return {?}
-     */
-    getResponseFromOpenAI(subQuery, promptQuery) {
-        return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
-            const content = yield OpenAiModelRTE(subQuery, promptQuery);
-            return content ? ((/** @type {?} */ (content))) : "";
-        });
-    }
-    /**
-     * @return {?}
-     */
-    dialogShow() {
-        (/** @type {?} */ (this.regenerateButton)).element.addEventListener("click", (/**
-         * @return {?}
-         */
-        () => {
-            this.updateAISugesstions();
-        }));
-        (/** @type {?} */ (this.copyButton)).element.addEventListener("click", (/**
-         * @return {?}
-         */
-        () => {
-            this.copyTextToClipboard(this.AIResult);
-        }));
-        (/** @type {?} */ (this.replaceButton)).element.addEventListener("click", (/**
-         * @return {?}
-         */
-        () => {
-            /** @type {?} */
-            let 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 {?}
-     */
-    closeDialog() {
-        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 {?}
-     */
-    copyTextToClipboard(text) {
-        if (navigator.clipboard) {
-            navigator.clipboard
-                .writeText(text)
-                .then((/**
-             * @return {?}
-             */
-            () => {
-                console.log("Text copied to clipboard successfully!");
-            }))
-                .catch((/**
-             * @param {?} err
-             * @return {?}
-             */
-            (err) => {
-                console.error("Failed to copy text: ", err);
-            }));
-        }
-        else {
-            // Fallback for browsers that do not support the Clipboard API
-            /** @type {?} */
-            const 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");
+        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");
             }
-            catch (err) {
-                console.error("Failed to copy text: ", err);
-            }
-            finally {
-                document.body.removeChild(textarea);
-            }
-        }
-    }
-    /**
-     * @return {?}
-     */
-    onOverlayClick() {
-        /** @type {?} */
-        let activeEle = this.AIdialog.element.querySelector(".char_block.e-active");
-        if (activeEle) {
-            activeEle.classList.remove("e-active");
         }
-        this.closeDialog();
-    }
-    /**
-     * @param {?} args
-     * @return {?}
-     */
-    onQuerySelect(args) {
-        // this.chipList.selectedChips = 0;
-        this.translatelanguage = "EN";
-        this.selectedQuery = args.itemData.text;
-        this.updateAISugesstionsData(args.itemData.text);
+        this.actionComplete.emit(args);
     }
     /**
      * @param {?} args
      * @return {?}
      */
-    onLanguageSelect(args) {
-        this.translatelanguage = args.itemData.id;
-        this.updateAISugesstionsData("Translate");
+    _focus(args) {
+        this.focus.emit(args);
     }
     /**
      * @param {?} args
      * @return {?}
      */
-    onChipClick(args) {
-        this.chipValue = args.itemData.text;
-        // 事件会触发两次 必须判断args.text是否有值
-        if (args.itemData.text)
-            this.updateAISugesstionsData("Rephrase");
-    }
-    /**
-     * @param {?} args
-     * @return {?}
-     */
-    _toolbarClick(args) {
-        this.toolbarClick.emit(args);
-    }
-    /**
-     * @return {?}
-     */
-    hideToast() {
-        this.showMsg = false;
-    }
-    /**
-     * @return {?}
-     */
-    onZoom() {
-        if (this.size === "largest") {
-            this.size = ""; // 恢复到原始大小
-        }
-        else {
-            this.size = "largest"; // 设置为最大化
-        }
+    _blur(args) {
+        this.blur.emit(args);
     }
 }
 RichtexteditorComponent.decorators = [
     { type: 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 = () => [
-    { type: ChangeDetectorRef }
-];
 RichtexteditorComponent.propDecorators = {
-    rteObj: [{ type: ViewChild, args: ["editor", { static: false },] }],
-    queryCategory: [{ type: ViewChild, args: ["queryCategory", { static: false },] }],
-    leftRte: [{ type: ViewChild, args: ["leftRte", { static: false },] }],
-    rightRte: [{ type: ViewChild, args: ["rightRte", { static: false },] }],
-    AIdialog: [{ type: ViewChild, args: ["AIdialog", { static: true },] }],
-    sentimentButton: [{ type: ViewChild, args: ["sentimentButton", { static: false },] }],
-    regenerateButton: [{ type: ViewChild, args: ["regenerateButton", { static: false },] }],
-    copyButton: [{ type: ViewChild, args: ["copyButton", { static: false },] }],
-    replaceButton: [{ type: ViewChild, args: ["replaceButton", { static: false },] }],
-    placeholder: [{ type: Input }],
     value: [{ type: Input }],
+    editorId: [{ type: Input }],
     height: [{ type: Input }],
     autoSaveOnIdle: [{ type: Input }],
-    target: [{ type: Input }],
+    disabled: [{ type: Input }],
+    insertImageSettings: [{ type: Input }],
     toolbarClick: [{ type: Output }],
-    change: [{ type: Output }]
+    change: [{ type: Output }],
+    created: [{ type: Output }],
+    actionBegin: [{ type: Output }],
+    input: [{ type: Output }],
+    focus: [{ type: Output }],
+    blur: [{ type: Output }],
+    actionComplete: [{ type: Output }]
 };
 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;
 }
 
 /**
@@ -49370,6 +50497,7 @@ RaiseCommonLibModule.decorators = [
                     CommonGridComponent,
                     GridActionComponent,
                     GridActionItemComponent,
+                    DateTreeFilterPopoverComponent,
                     FloatBoxComponent,
                     RsPageListComponent,
                     RsPageTabComponent,
@@ -49556,6 +50684,7 @@ RaiseCommonLibModule.decorators = [
                     CommonGridComponent,
                     GridActionComponent,
                     GridActionItemComponent,
+                    DateTreeFilterPopoverComponent,
                     FloatBoxComponent,
                     RsPageListComponent,
                     RsPageTabComponent,
@@ -49620,5 +50749,5 @@ RaiseCommonLibModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { API_SERVICE_TOKEN, CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, PBF_TOKEN, PaneGroupNewComponent, ROLE_SERVICE_TOKEN, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSStepperComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SmartPopupComponent, StaticResourceService, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, DashboardService as ɵb, ApiList as ɵc, DashboardPorletsService as ɵd, debounce as ɵe, RichtexteditorComponent as ɵf, ConfirmSelectComponent as ɵg, NewActionNotificationComponent as ɵh, CommonDeleteComponent as ɵi, SidebarIconlistNewComponent as ɵj, EmptyIconPromptComponent as ɵk, GadgetTableComponent as ɵl, GadgetPivotComponent as ɵm, GadgetPivotChartComponent as ɵn, GadgetTransposeComponent as ɵo, PortletTypeNewComponent as ɵp, FieldFilterComponent as ɵq, FieldFormatComponent as ɵr, DataMartNewComponent as ɵs, BarChartsComponent as ɵt, PaneDownloadComponent as ɵu };
+export { API_SERVICE_TOKEN, CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DATE_TREE_DEFAULT_DATE_FORMATS, DateTreeFilterHelper, DateTreeFilterPopoverComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, PBF_TOKEN, PaneGroupNewComponent, ROLE_SERVICE_TOKEN, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSStepperComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SmartPopupComponent, StaticResourceService, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, createRsCommonGridDateTreeHelper, filterShowSection, Debounce as ɵa, DashboardService as ɵb, ApiList as ɵc, DashboardPorletsService as ɵd, debounce as ɵe, RichtexteditorComponent as ɵf, ConfirmSelectComponent as ɵg, NewActionNotificationComponent as ɵh, CommonDeleteComponent as ɵi, SidebarIconlistNewComponent as ɵj, EmptyIconPromptComponent as ɵk, GadgetTableComponent as ɵl, GadgetPivotComponent as ɵm, GadgetPivotChartComponent as ɵn, GadgetTransposeComponent as ɵo, PortletTypeNewComponent as ɵp, FieldFilterComponent as ɵq, FieldFormatComponent as ɵr, DataMartNewComponent as ɵs, BarChartsComponent as ɵt, PaneDownloadComponent as ɵu };
 //# sourceMappingURL=raise-common-lib.js.map