@ai-table/grid 0.0.29 → 0.0.30

package/fesm2022/ai-table-grid.mjs

@@ -42,8 +42,8 @@ import { ThyCheckboxModule } from 'ngx-tethys/checkbox';
 import { ThyProgress } from 'ngx-tethys/progress';
 import { ThyDivider } from 'ngx-tethys/divider';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { fromUnixTime, subDays } from 'date-fns';
 import { LRUCache } from 'lru-cache';
+import { fromUnixTime, subDays } from 'date-fns';
 import Konva from 'konva';
 import { Shape } from 'konva/lib/Shape';
 import { Sprite } from 'konva/lib/shapes/Sprite';
@@ -101,7 +101,7 @@ const AITable = {
     getActiveCell(aiTable) {
         return aiTable.selection().activeCell;
     },
-    getSelectedRecordIds(aiTable) {
+    getActiveRecordIds(aiTable) {
         const selectedRecords = aiTable.selection().selectedRecords;
         const selectedCells = aiTable.selection().selectedCells;
         let selectedRecordIds = [];
@@ -119,11 +119,8 @@ const AITable = {
     isCellVisible(aiTable, cell) {
         const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
         const visibleColumnIndexMap = aiTable.context.visibleColumnsMap();
-        let isVisible = false;
-        if (Array.isArray(cell) && !!cell.length) {
-            const [recordId, fieldId] = cell;
-            isVisible = visibleRowIndexMap.has(recordId) && visibleColumnIndexMap.has(fieldId);
-        }
+        const [recordId, fieldId] = cell || [];
+        const isVisible = visibleRowIndexMap.has(recordId) && visibleColumnIndexMap.has(fieldId);
         return isVisible;
     },
     getCellIndex(aiTable, cell) {
@@ -705,7 +702,7 @@ function createAITable(records, fields) {
             selectedCells: new Set(),
             activeCell: null
         }),
-        matchedCells: signal([]),
+        keywordsMatchedCells: signal(new Set()),
         recordsMap: computed(() => {
             return records().reduce((object, item) => {
                 object[item._id] = item;
@@ -1632,29 +1629,25 @@ class AITableGridSelectionService {
     }
     selectCells(startCell, endCell) {
         const [startRecordId, startFieldId] = startCell;
-        if (!this.aiTable.context.visibleRowsIndexMap().has(startRecordId) ||
-            !this.aiTable.context.visibleColumnsMap().has(startFieldId)) {
-            return;
-        }
+        const records = this.aiTable.records();
+        const fields = this.aiTable.fields();
         const selectedCells = new Set();
-        if (!endCell || !endCell.length) {
+        if (!endCell) {
             selectedCells.add(`${startRecordId}:${startFieldId}`);
         }
         else {
             const [endRecordId, endFieldId] = endCell;
-            const startRowIndex = this.aiTable.context.visibleRowsIndexMap().get(startRecordId);
-            const endRowIndex = this.aiTable.context.visibleRowsIndexMap().get(endRecordId);
-            const startColIndex = this.aiTable.context.visibleColumnsMap().get(startFieldId);
-            const endColIndex = this.aiTable.context.visibleColumnsMap().get(endFieldId);
+            const startRowIndex = records.findIndex((record) => record._id === startRecordId);
+            const endRowIndex = records.findIndex((record) => record._id === endRecordId);
+            const startColIndex = fields.findIndex((field) => field._id === startFieldId);
+            const endColIndex = fields.findIndex((field) => field._id === endFieldId);
             const minRowIndex = Math.min(startRowIndex, endRowIndex);
             const maxRowIndex = Math.max(startRowIndex, endRowIndex);
             const minColIndex = Math.min(startColIndex, endColIndex);
             const maxColIndex = Math.max(startColIndex, endColIndex);
-            const rows = this.aiTable.context.linearRows();
-            const fields = AITable.getVisibleFields(this.aiTable);
             for (let i = minRowIndex; i <= maxRowIndex; i++) {
                 for (let j = minColIndex; j <= maxColIndex; j++) {
-                    selectedCells.add(`${rows[i]._id}:${fields[j]._id}`);
+                    selectedCells.add(`${records[i]._id}:${fields[j]._id}`);
                 }
             }
         }
@@ -1684,13 +1677,13 @@ class AITableContextMenu extends ThyDropdownAbstractMenu {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableContextMenu, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableContextMenu, isStandalone: true, selector: "ai-table-context-menu", inputs: { aiTable: { classPropertyName: "aiTable", publicName: "aiTable", isSignal: true, isRequired: true, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, targetName: { classPropertyName: "targetName", publicName: "targetName", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "context-menu" }, usesInheritance: true, ngImport: i0, template: "@for (menu of menuItems(); track $index) {\n    @if ((menu.hidden && !menu.hidden(aiTable(), targetName(), position())) || !menu.hidden) {\n        @let disabled = !!(menu.disabled && menu.disabled(aiTable(), targetName(), position()));\n        <a\n            thyDropdownMenuItem\n            href=\"javascript:;\"\n            [ngClass]=\"{ 'ai-table-prohibit-clear-selection remove-record': !disabled }\"\n            (click)=\"execute(menu)\"\n            [thyDisabled]=\"disabled\"\n        >\n            <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n", dependencies: [{ kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableContextMenu, isStandalone: true, selector: "ai-table-context-menu", inputs: { aiTable: { classPropertyName: "aiTable", publicName: "aiTable", isSignal: true, isRequired: true, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, targetName: { classPropertyName: "targetName", publicName: "targetName", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "context-menu" }, usesInheritance: true, ngImport: i0, template: "@for (menu of menuItems(); track $index) {\n    @if ((menu.hidden && !menu.hidden(aiTable(), targetName(), position())) || !menu.hidden) {\n        @let disabled = !!(menu.disabled && menu.disabled(aiTable(), targetName(), position()));\n        <a\n            thyDropdownMenuItem\n            href=\"javascript:;\"\n            [ngClass]=\"{ 'ai-table-prevent-clear-selection remove-record': !disabled }\"\n            (click)=\"execute(menu)\"\n            [thyDisabled]=\"disabled\"\n        >\n            <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n", dependencies: [{ kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableContextMenu, decorators: [{
             type: Component,
             args: [{ selector: 'ai-table-context-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'context-menu'
-                    }, imports: [ThyDropdownMenuItemDirective, ThyIcon, NgClass], template: "@for (menu of menuItems(); track $index) {\n    @if ((menu.hidden && !menu.hidden(aiTable(), targetName(), position())) || !menu.hidden) {\n        @let disabled = !!(menu.disabled && menu.disabled(aiTable(), targetName(), position()));\n        <a\n            thyDropdownMenuItem\n            href=\"javascript:;\"\n            [ngClass]=\"{ 'ai-table-prohibit-clear-selection remove-record': !disabled }\"\n            (click)=\"execute(menu)\"\n            [thyDisabled]=\"disabled\"\n        >\n            <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n" }]
+                    }, imports: [ThyDropdownMenuItemDirective, ThyIcon, NgClass], template: "@for (menu of menuItems(); track $index) {\n    @if ((menu.hidden && !menu.hidden(aiTable(), targetName(), position())) || !menu.hidden) {\n        @let disabled = !!(menu.disabled && menu.disabled(aiTable(), targetName(), position()));\n        <a\n            thyDropdownMenuItem\n            href=\"javascript:;\"\n            [ngClass]=\"{ 'ai-table-prevent-clear-selection remove-record': !disabled }\"\n            (click)=\"execute(menu)\"\n            [thyDisabled]=\"disabled\"\n        >\n            <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n" }]
         }] });
 
 const GRID_CELL_EDITOR_MAP = {
@@ -1726,7 +1719,7 @@ const AI_TABLE_FIELD_ADD_BUTTON = 'AI_TABLE_FIELD_ADD_BUTTON'; // 添加列名
 const AI_TABLE_FIELD_ADD_BUTTON_WIDTH = 100; // 添加列宽度
 const AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE = 8; // 字段表列头图标的间距
 const AI_TABLE_FIELD_HEAD_MORE = 'AI_TABLE_FIELD_HEAD_MORE'; // 更多图标名称
-const AI_TABLE_PROHIBIT_CLEAR_SELECTION_CLASS = '.ai-table-prohibit-clear-selection';
+const AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS = '.ai-table-prevent-clear-selection';
 const AI_TABLE_ICON_COMMON_SIZE = 16; // 表格图标的通用尺寸
 const AI_TABLE_CELL = 'AI_TABLE_CELL'; // 单元格标识
 // 因为 dom 的边距 12 是不包含 边框的，所以加上边框 2px  才能跟 编辑里面的内容对其；
@@ -1979,47 +1972,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.ThyPopover }] });
 
-class AITableGridMatchCellService {
-    initialize(aiTable) {
-        this.aiTable = aiTable;
-    }
-    findMatchedCells(keywords, references) {
-        if (!keywords) {
-            this.clearMatchedCells();
-            return;
-        }
-        let matchedCells = [];
-        this.aiTable.records().forEach((record) => {
-            this.aiTable.fields().forEach((field) => {
-                if (this.isCellMatchKeywords(this.aiTable, field, record._id, keywords, references)) {
-                    matchedCells.push(`${record._id}:${field._id}`);
-                }
-            });
-        });
-        this.aiTable.matchedCells.set([...matchedCells]);
-    }
-    clearMatchedCells() {
-        this.aiTable.matchedCells.set([]);
-    }
-    isCellMatchKeywords(aiTable, field, recordId, keywords, references) {
-        const cellValue = AITableQueries.getFieldValue(aiTable, [recordId, field._id]);
-        const transformValue = transformCellValue(aiTable, field, cellValue);
-        const fieldMethod = ViewOperationMap[field.type];
-        let cellFullText = fieldMethod.cellFullText(transformValue, field, references);
-        try {
-            return keywords && cellFullText.length && cellFullText.some((item) => item.toLowerCase().includes(keywords.toLowerCase()));
-        }
-        catch (error) {
-            return false;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableGridMatchCellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableGridMatchCellService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableGridMatchCellService, decorators: [{
-            type: Injectable
-        }] });
-
 function getColumnIndicesMap(fields) {
     const columnIndicesMap = {};
     fields?.forEach((field, index) => {
@@ -2715,9 +2667,9 @@ class MemberField extends Field {
                 return super.isMeetFilter(condition, cellValue);
         }
     }
-    compare(cellValue1, cellValue2, field, references) {
-        const value1 = cellValueToSortValue$2(cellValue1, field, references);
-        const value2 = cellValueToSortValue$2(cellValue2, field, references);
+    compare(cellValue1, cellValue2, field, references, sortKey) {
+        const value1 = cellValueToSortValue$2(cellValue1, field, references, sortKey);
+        const value2 = cellValueToSortValue$2(cellValue2, field, references, sortKey);
         return compareString(value1, value2);
     }
     cellFullText(transformValue, field, references) {
@@ -2736,20 +2688,21 @@ class MemberField extends Field {
         return fullText;
     }
 }
-function cellValueToSortValue$2(cellValue, field, references) {
-    let names = [];
+function cellValueToSortValue$2(cellValue, field, references, sortKey = 'display_name') {
+    let values = [];
     if (cellValue?.length && references) {
         for (let index = 0; index < cellValue.length; index++) {
             const userInfo = references?.members[cellValue[index]];
             if (!userInfo) {
                 continue;
             }
-            if (userInfo.display_name_pinyin) {
-                names.push(userInfo.display_name_pinyin);
+            const value = userInfo[sortKey];
+            if (value) {
+                values.push(value);
             }
         }
     }
-    return names && names.length ? names.join(', ') : null;
+    return values && values.length ? values.join(', ') : null;
 }
 
 class NumberField extends Field {
@@ -2927,6 +2880,14 @@ const ViewOperationMap = {
     [AITableFieldType.updatedBy]: new MemberField()
 };
 
+const isCellMatchKeywords = (aiTable, field, recordId, keywords, references) => {
+    const cellValue = AITableQueries.getFieldValue(aiTable, [recordId, field._id]);
+    const transformValue = transformCellValue(aiTable, field, cellValue);
+    const fieldMethod = ViewOperationMap[field.type];
+    let cellFullText = fieldMethod.cellFullText(transformValue, field, references);
+    return keywords && cellFullText.length && cellFullText.some((text) => text.toLowerCase().includes(keywords.toLowerCase()));
+};
+
 class AITableGridEventService {
     constructor() {
         this.dblClickEvent$ = new Subject();
@@ -3181,7 +3142,6 @@ class AITableGridBase {
         this.aiTableGridFieldService = inject(AITableGridFieldService);
         this.aiTableGridEventService = inject(AITableGridEventService);
         this.aiTableGridSelectionService = inject(AITableGridSelectionService);
-        this.aiTableGridMatchCellService = inject(AITableGridMatchCellService);
     }
     ngOnInit() {
         this.initAITable();
@@ -3197,7 +3157,6 @@ class AITableGridBase {
     initService() {
         this.aiTableGridEventService.initialize(this.aiTable, this.aiFieldConfig()?.fieldRenderers);
         this.aiTableGridSelectionService.initialize(this.aiTable);
-        this.aiTableGridMatchCellService.initialize(this.aiTable);
         this.aiTableGridEventService.registerEvents(this.elementRef.nativeElement);
         this.aiTableGridFieldService.initAIFieldConfig(this.aiFieldConfig());
         this.aiTable.references.set(this.aiReferences());
@@ -5824,17 +5783,17 @@ const getCellBackground = (cell, isHover, targetName, aiTable) => {
     const colors = AITable.getColors();
     const [recordId, fieldId] = cell;
     let background = colors.white;
+    const _isHoverRecord = isHoverRecord(isHover, targetName);
     const _isSelectedRecord = isSelectedRecord(recordId, aiTable);
     const _isSelectedField = isSelectedField(fieldId, aiTable);
-    const _isSiblingActiveCell = isSiblingActiveCell(cell, aiTable);
+    const _isSiblingCell = isSiblingCell(cell, aiTable);
     const _isActiveCell = isActiveCell(cell, aiTable);
     const _isSelectedCell = isSelectedCell(cell, aiTable);
-    const _isMatchedCell = isMatchedCell(cell, aiTable);
-    const _isHoverRecord = isHoverRecord(isHover, targetName);
-    if (_isMatchedCell) {
+    const _isKeywordsMatchedCell = isKeywordsMatchedCell(cell, aiTable);
+    if (_isKeywordsMatchedCell) {
         background = colors.itemMatchBgColor;
     }
-    else if (_isSelectedRecord || _isSelectedField || _isSiblingActiveCell || (_isSelectedCell && !_isActiveCell)) {
+    else if (_isSelectedRecord || _isSelectedField || _isSiblingCell || (_isSelectedCell && !_isActiveCell)) {
         background = colors.itemActiveBgColor;
     }
     else if (_isHoverRecord && !_isActiveCell) {
@@ -5843,54 +5802,28 @@ const getCellBackground = (cell, isHover, targetName, aiTable) => {
     return background;
 };
 const isActiveCell = (cell, aiTable) => {
-    let isActive = false;
-    const activeCell = AITable.getActiveCell(aiTable);
-    if (Array.isArray(activeCell) && !!activeCell.length) {
-        const [activeCellRecordId, activeCellFieldId] = activeCell;
-        const [recordId, fieldId] = cell;
-        if (recordId === activeCellRecordId && fieldId === activeCellFieldId) {
-            isActive = true;
-        }
-    }
-    return isActive;
+    const [recordId, fieldId] = cell;
+    const [activeRecordId, activeFieldId] = AITable.getActiveCell(aiTable) || [];
+    return recordId === activeRecordId && fieldId === activeFieldId;
 };
-const isSiblingActiveCell = (cell, aiTable) => {
-    let isSiblingCell = false;
-    const activeCell = AITable.getActiveCell(aiTable);
-    if (Array.isArray(activeCell) && !!activeCell.length) {
-        const [recordId, fieldId] = cell;
-        const [activeCellRecordId, activeCellFieldId] = activeCell;
-        const selectedCells = aiTable.selection().selectedCells;
-        isSiblingCell =
-            selectedCells.size === 1 &&
-                selectedCells.has(`${activeCellRecordId}:${activeCellFieldId}`) &&
-                recordId === activeCellRecordId &&
-                fieldId !== activeCellFieldId;
-    }
-    return isSiblingCell;
+const isSiblingCell = (cell, aiTable) => {
+    const [recordId, fieldId] = cell;
+    const [activeRecordId, activeFieldId] = AITable.getActiveCell(aiTable) || [];
+    return AITable.getActiveRecordIds(aiTable).length === 1 && recordId === activeRecordId && fieldId !== activeFieldId;
 };
-const isMatchedCell = (cell, aiTable) => {
+const isKeywordsMatchedCell = (cell, aiTable) => {
     const [recordId, fieldId] = cell;
-    let matchedCellsMap = {};
-    aiTable.matchedCells().forEach((key) => {
-        matchedCellsMap[key] = true;
-    });
-    const isMatchedCell = matchedCellsMap[`${recordId}:${fieldId}`];
-    return isMatchedCell;
+    return aiTable.keywordsMatchedCells().has(`${recordId}:${fieldId}`);
 };
 const isSelectedCell = (cell, aiTable) => {
     const [recordId, fieldId] = cell;
-    const selectedCells = aiTable.selection().selectedCells;
-    const isSelectedCell = selectedCells.has(`${recordId}:${fieldId}`);
-    return isSelectedCell;
+    return aiTable.selection().selectedCells.has(`${recordId}:${fieldId}`);
 };
 const isSelectedField = (fieldId, aiTable) => {
-    const selectedFields = aiTable.selection().selectedFields;
-    return selectedFields.has(fieldId);
+    return aiTable.selection().selectedFields.has(fieldId);
 };
 const isSelectedRecord = (recordId, aiTable) => {
-    const selectedRecords = aiTable.selection().selectedRecords;
-    return selectedRecords.has(recordId);
+    return aiTable.selection().selectedRecords.has(recordId);
 };
 const isHoverRecord = (isHover, targetName) => {
     return isHover && targetName !== AI_TABLE_FIELD_HEAD;
@@ -6841,8 +6774,8 @@ class AITableGrid extends AITableGridBase {
     constructor() {
         super();
         this.viewContainerRef = inject(ViewContainerRef);
-        this.isSelecting = false;
-        this.selectionStart = null;
+        this.isDragSelecting = false;
+        this.dragSelectionStart = null;
         this.fieldHeadHeight = AI_TABLE_FIELD_HEAD_HEIGHT;
         this.containerRect = signal({ width: 0, height: 0 });
         this.hasContainerRect = computed(() => {
@@ -6946,7 +6879,7 @@ class AITableGrid extends AITableGridBase {
             }
         });
         effect(() => {
-            this.aiTableGridMatchCellService.findMatchedCells(this.aiKeywords(), this.aiReferences());
+            this.setKeywordsMatchedCells();
         }, { allowSignalWrites: true });
     }
     ngOnInit() {
@@ -6966,6 +6899,21 @@ class AITableGrid extends AITableGridBase {
             scrollAction: this.scrollAction
         });
     }
+    setKeywordsMatchedCells() {
+        const keywords = this.aiKeywords();
+        let matchedCells = new Set();
+        if (keywords) {
+            const references = this.aiReferences();
+            this.aiTable.records().forEach((record) => {
+                this.aiTable.fields().forEach((field) => {
+                    if (isCellMatchKeywords(this.aiTable, field, record._id, keywords, references)) {
+                        matchedCells.add(`${record._id}:${field._id}`);
+                    }
+                });
+            });
+        }
+        this.aiTable.keywordsMatchedCells.set(matchedCells);
+    }
     stageMousemove(e) {
         if (this.timer) {
             cancelAnimationFrame(this.timer);
@@ -6982,10 +6930,10 @@ class AITableGrid extends AITableGridBase {
             handleMouseStyle(curMousePosition.realTargetName, curMousePosition.areaType, this.containerElement());
             context.setPointPosition(curMousePosition);
             this.timer = null;
-            if (this.isSelecting) {
+            if (this.isDragSelecting) {
                 const { fieldId, recordId } = getDetailByTargetName(curMousePosition.realTargetName);
                 if (fieldId && recordId) {
-                    const startCell = this.selectionStart;
+                    const startCell = this.dragSelectionStart;
                     const endCell = [recordId, fieldId];
                     if (startCell && !!startCell.length) {
                         this.aiTableGridSelectionService.selectCells(startCell, endCell);
@@ -7015,9 +6963,9 @@ class AITableGrid extends AITableGridBase {
                 if (!recordId || !fieldId)
                     return;
                 this.aiTableGridEventService.closeCellEditor();
-                const selectionStart = [recordId, fieldId];
-                this.dragSelectionState(true, selectionStart);
-                this.aiTableGridSelectionService.selectCells(selectionStart);
+                const dragSelectionStart = [recordId, fieldId];
+                this.updateDragSelectionState(true, dragSelectionStart);
+                this.aiTableGridSelectionService.selectCells(dragSelectionStart);
                 return;
             case AI_TABLE_ROW_ADD_BUTTON:
             case AI_TABLE_FIELD_ADD_BUTTON:
@@ -7029,7 +6977,7 @@ class AITableGrid extends AITableGridBase {
         }
     }
     stageMouseup(e) {
-        this.dragSelectionState(false, null);
+        this.updateDragSelectionState(false, null);
     }
     stageContextmenu(e) {
         const mouseEvent = e.event.evt;
@@ -7172,16 +7120,15 @@ class AITableGrid extends AITableGridBase {
         fromEvent(document, 'mousedown', { passive: true })
             .pipe(filter((e) => e.target instanceof Element &&
             !this.containerElement().contains(e.target) &&
-            !(e.target.closest(AI_TABLE_PROHIBIT_CLEAR_SELECTION_CLASS) &&
-                AITable.getSelectedRecordIds(this.aiTable).length > 0)), takeUntilDestroyed(this.destroyRef))
+            !e.target.closest(AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS)), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
-            this.dragSelectionState(false, null);
+            this.updateDragSelectionState(false, null);
             this.aiTableGridSelectionService.clearSelection();
         });
     }
-    dragSelectionState(isSelecting, selectionStart) {
-        this.isSelecting = isSelecting;
-        this.selectionStart = selectionStart;
+    updateDragSelectionState(isDragSelecting, dragSelectionStart) {
+        this.isDragSelecting = isDragSelecting;
+        this.dragSelectionStart = dragSelectionStart;
     }
     verticalScroll(e) {
         const { scrollTop } = e.target;
@@ -7254,18 +7201,18 @@ class AITableGrid extends AITableGridBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableGrid, isStandalone: true, selector: "ai-table-grid", host: { classAttribute: "ai-table-grid" }, providers: [AITableGridEventService, AITableGridFieldService, AITableGridSelectionService, AITableGridMatchCellService], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "verticalBarRef", first: true, predicate: ["verticalBar"], descendants: true, isSignal: true }, { propertyName: "horizontalBarRef", first: true, predicate: ["horizontalBar"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"ai-table-grid-view\">\n    @if (hasContainerRect()) {\n        <ai-table-renderer\n            [config]=\"rendererConfig()\"\n            (koMousemove)=\"stageMousemove($event)\"\n            (koMousedown)=\"stageMousedown($event)\"\n            (koMouseup)=\"stageMouseup($event)\"\n            (koContextmenu)=\"stageContextmenu($event)\"\n            (koClick)=\"stageClick($event)\"\n            (koDblclick)=\"stageDblclick($event)\"\n        >\n            <div #horizontalBar class=\"ai-table-horizontal-scroll-bar-wrapper\" [style.width.px]=\"containerRect().width\">\n                <div class=\"ai-table-scroll-bar-inner\" [style.width.px]=\"scrollbarWidth()\"></div>\n            </div>\n            <div\n                #verticalBar\n                class=\"ai-table-vertical-scroll-bar-wrapper\"\n                [style.height.px]=\"containerRect().height - fieldHeadHeight\"\n                [style.top.px]=\"fieldHeadHeight\"\n            >\n                <div class=\"ai-table-scroll-bar-inner\" [style.height.px]=\"scrollTotalHeight()\"></div>\n            </div>\n        </ai-table-renderer>\n    }\n</div>\n", dependencies: [{ kind: "component", type: AITableRenderer, selector: "ai-table-renderer", inputs: ["config"], outputs: ["koMousemove", "koMousedown", "koMouseup", "koContextmenu", "koWheel", "koClick", "koDblclick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableGrid, isStandalone: true, selector: "ai-table-grid", host: { classAttribute: "ai-table-grid" }, providers: [AITableGridEventService, AITableGridFieldService, AITableGridSelectionService], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "verticalBarRef", first: true, predicate: ["verticalBar"], descendants: true, isSignal: true }, { propertyName: "horizontalBarRef", first: true, predicate: ["horizontalBar"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"ai-table-grid-view\">\n    @if (hasContainerRect()) {\n        <ai-table-renderer\n            [config]=\"rendererConfig()\"\n            (koMousemove)=\"stageMousemove($event)\"\n            (koMousedown)=\"stageMousedown($event)\"\n            (koMouseup)=\"stageMouseup($event)\"\n            (koContextmenu)=\"stageContextmenu($event)\"\n            (koClick)=\"stageClick($event)\"\n            (koDblclick)=\"stageDblclick($event)\"\n        >\n            <div #horizontalBar class=\"ai-table-horizontal-scroll-bar-wrapper\" [style.width.px]=\"containerRect().width\">\n                <div class=\"ai-table-scroll-bar-inner\" [style.width.px]=\"scrollbarWidth()\"></div>\n            </div>\n            <div\n                #verticalBar\n                class=\"ai-table-vertical-scroll-bar-wrapper\"\n                [style.height.px]=\"containerRect().height - fieldHeadHeight\"\n                [style.top.px]=\"fieldHeadHeight\"\n            >\n                <div class=\"ai-table-scroll-bar-inner\" [style.height.px]=\"scrollTotalHeight()\"></div>\n            </div>\n        </ai-table-renderer>\n    }\n</div>\n", dependencies: [{ kind: "component", type: AITableRenderer, selector: "ai-table-renderer", inputs: ["config"], outputs: ["koMousemove", "koMousedown", "koMouseup", "koContextmenu", "koWheel", "koClick", "koDblclick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableGrid, decorators: [{
             type: Component,
             args: [{ selector: 'ai-table-grid', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'ai-table-grid'
-                    }, imports: [AITableRenderer], providers: [AITableGridEventService, AITableGridFieldService, AITableGridSelectionService, AITableGridMatchCellService], template: "<div #container class=\"ai-table-grid-view\">\n    @if (hasContainerRect()) {\n        <ai-table-renderer\n            [config]=\"rendererConfig()\"\n            (koMousemove)=\"stageMousemove($event)\"\n            (koMousedown)=\"stageMousedown($event)\"\n            (koMouseup)=\"stageMouseup($event)\"\n            (koContextmenu)=\"stageContextmenu($event)\"\n            (koClick)=\"stageClick($event)\"\n            (koDblclick)=\"stageDblclick($event)\"\n        >\n            <div #horizontalBar class=\"ai-table-horizontal-scroll-bar-wrapper\" [style.width.px]=\"containerRect().width\">\n                <div class=\"ai-table-scroll-bar-inner\" [style.width.px]=\"scrollbarWidth()\"></div>\n            </div>\n            <div\n                #verticalBar\n                class=\"ai-table-vertical-scroll-bar-wrapper\"\n                [style.height.px]=\"containerRect().height - fieldHeadHeight\"\n                [style.top.px]=\"fieldHeadHeight\"\n            >\n                <div class=\"ai-table-scroll-bar-inner\" [style.height.px]=\"scrollTotalHeight()\"></div>\n            </div>\n        </ai-table-renderer>\n    }\n</div>\n" }]
+                    }, imports: [AITableRenderer], providers: [AITableGridEventService, AITableGridFieldService, AITableGridSelectionService], template: "<div #container class=\"ai-table-grid-view\">\n    @if (hasContainerRect()) {\n        <ai-table-renderer\n            [config]=\"rendererConfig()\"\n            (koMousemove)=\"stageMousemove($event)\"\n            (koMousedown)=\"stageMousedown($event)\"\n            (koMouseup)=\"stageMouseup($event)\"\n            (koContextmenu)=\"stageContextmenu($event)\"\n            (koClick)=\"stageClick($event)\"\n            (koDblclick)=\"stageDblclick($event)\"\n        >\n            <div #horizontalBar class=\"ai-table-horizontal-scroll-bar-wrapper\" [style.width.px]=\"containerRect().width\">\n                <div class=\"ai-table-scroll-bar-inner\" [style.width.px]=\"scrollbarWidth()\"></div>\n            </div>\n            <div\n                #verticalBar\n                class=\"ai-table-vertical-scroll-bar-wrapper\"\n                [style.height.px]=\"containerRect().height - fieldHeadHeight\"\n                [style.top.px]=\"fieldHeadHeight\"\n            >\n                <div class=\"ai-table-scroll-bar-inner\" [style.height.px]=\"scrollTotalHeight()\"></div>\n            </div>\n        </ai-table-renderer>\n    }\n</div>\n" }]
         }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsMultiplePipe, AITableFieldPropertyEditor, AITableFieldType, AITableFilterOperation, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridMatchCellService, AITableGridSelectionService, AITableMemberType, AITableMouseDownType, AITableQueries, AITableRenderer, AITableRowColumnType, AITableRowType, AITableSelectOptionStyle, AITableStatType, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_Width, AI_TABLE_PROHIBIT_CLEAR_SELECTION_CLASS, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AbstractEditCellEditor, AddOutlinedPath, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DepartmentOutlinedPath, Direction, FONT_SIZE_SM, FieldOptions, GRID_CELL_EDITOR_MAP, IsSelectRecordPipe, LinkCellEditorComponent, MIN_COLUMN_WIDTH, MOUSEOVER_EDIT_TYPE, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, ProgressEditorComponent, RatingCellEditorComponent, RendererContext, RowHeight, SelectCellEditorComponent, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextMeasure, Unchecked, UserPipe, ViewOperationMap, WebOutlinedPath, buildGridData, buildGridLinearRows, castToString, compareNumber, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesMap, getDefaultFieldValue, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getHoverEditorBoxOffset, getHoverEditorSpace, getMousePosition, getPlaceHolderCellsConfigs, getTargetName, getTextWidth, getVisibleRangeInfo, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isArrayField, isEmpty, isMac, isNumberFiled, isSameFieldOption, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, transformCellValue, zhIntlCollator };
+export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsMultiplePipe, AITableFieldPropertyEditor, AITableFieldType, AITableFilterOperation, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridSelectionService, AITableMemberType, AITableMouseDownType, AITableQueries, AITableRenderer, AITableRowColumnType, AITableRowType, AITableSelectOptionStyle, AITableStatType, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_Width, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AbstractEditCellEditor, AddOutlinedPath, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DepartmentOutlinedPath, Direction, FONT_SIZE_SM, FieldOptions, GRID_CELL_EDITOR_MAP, IsSelectRecordPipe, LinkCellEditorComponent, MIN_COLUMN_WIDTH, MOUSEOVER_EDIT_TYPE, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, ProgressEditorComponent, RatingCellEditorComponent, RendererContext, RowHeight, SelectCellEditorComponent, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextMeasure, Unchecked, UserPipe, ViewOperationMap, WebOutlinedPath, buildGridData, buildGridLinearRows, castToString, compareNumber, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesMap, getDefaultFieldValue, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getHoverEditorBoxOffset, getHoverEditorSpace, getMousePosition, getPlaceHolderCellsConfigs, getTargetName, getTextWidth, getVisibleRangeInfo, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isArrayField, isCellMatchKeywords, isEmpty, isMac, isNumberFiled, isSameFieldOption, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, transformCellValue, zhIntlCollator };
 //# sourceMappingURL=ai-table-grid.mjs.map