@ai-table/grid 0.1.18 → 0.1.20

package/components/field-setting/field-setting.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-setting.component.d.ts","sourceRoot":"","sources":["../../../../packages/grid/src/components/field-setting/field-setting.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,MAAM,EACN,WAAW,EAQd,MAAM,eAAe,CAAC;AAgBvB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAkB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzI,OAAO,EAAE,OAAO,EAAkE,MAAM,YAAY,CAAC;;AAGrG,qBAqCa,mBAAoB,YAAW,MAAM;IAC9C,WAAW,oDAAkC;IAE7C,QAAQ,CAAC,OAAO,+CAA6B;IAE7C,QAAQ,CAAC,kBAAkB,+DAAwC;IAEnE,QAAQ,CAAC,YAAY,qEAA8B;IAEnD,QAAQ,CAAC,QAAQ,qEAAmE;IAEpF,QAAQ,CAAC,QAAQ,yDAA0B;IAE3C,QAAQ,CAAC,QAAQ;sBAA0B,eAAe;sBAAgB,OAAO;OAAM;IAEvF,QAAQ,CAAC,mBAAmB,qDAEzB;IAEH,cAAc,SAAM;IAEpB,QAAQ,CAAC,eAAe;;;;;;;OASrB;IAEH,QAAQ,CAAC,YAAY;cACX,kBAAkB,EAAE;kBAChB,kBAAkB,EAAE;OAO/B;IAEH,gBAAgB,0BAAoB;IAEpC,gBAAgB,UAAS;IAEzB,OAAO,CAAC,iBAAiB,CAAiB;IAE1C,OAAO,CAAC,eAAe,CAAC,CAA4B;IAEpD,SAAS,CAAC,aAAa,+BAA8C;IAErE,QAAQ,IAAI,IAAI;IAOhB,eAAe,GAAI,WAAW,MAAM,wCAOlC;IAEF,eAAe,CAAC,KAAK,EAAE,kBAAkB;IAmBzC,iBAAiB;IAejB,oBAAoB;IAUpB,cAAc,CAAC,CAAC,EAAE,KAAK;IAKvB,UAAU,CAAC,KAAK,EAAE,KAAK;IAIvB,MAAM;IAIN,SAAS;;;;;;;;;OAWN;yCAzIM,mBAAmB;2CAAnB,mBAAmB;CA0I/B"}
+{"version":3,"file":"field-setting.component.d.ts","sourceRoot":"","sources":["../../../../packages/grid/src/components/field-setting/field-setting.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,MAAM,EACN,WAAW,EAQd,MAAM,eAAe,CAAC;AAgBvB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EACH,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAEhB,iBAAiB,EAEpB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,OAAO,EAAkE,MAAM,YAAY,CAAC;;AAGrG,qBAqCa,mBAAoB,YAAW,MAAM;IAC9C,WAAW,oDAAkC;IAE7C,QAAQ,CAAC,OAAO,+CAA6B;IAE7C,QAAQ,CAAC,kBAAkB,+DAAwC;IAEnE,QAAQ,CAAC,YAAY,qEAA8B;IAEnD,QAAQ,CAAC,QAAQ,qEAAmE;IAEpF,QAAQ,CAAC,QAAQ,yDAA0B;IAE3C,QAAQ,CAAC,QAAQ;sBAA0B,eAAe;sBAAgB,OAAO;OAAM;IAEvF,QAAQ,CAAC,mBAAmB,qDAEzB;IAEH,cAAc,SAAM;IAEpB,QAAQ,CAAC,eAAe;;;;;;;OASrB;IAEH,QAAQ,CAAC,YAAY;cACX,kBAAkB,EAAE;kBAChB,kBAAkB,EAAE;OAO/B;IAEH,gBAAgB,0BAAoB;IAEpC,gBAAgB,UAAS;IAEzB,OAAO,CAAC,iBAAiB,CAAiB;IAE1C,OAAO,CAAC,eAAe,CAAC,CAA4B;IAEpD,SAAS,CAAC,aAAa,+BAA8C;IAErE,QAAQ,IAAI,IAAI;IAOhB,eAAe,GAAI,WAAW,MAAM,wCAOlC;IAEF,eAAe,CAAC,KAAK,EAAE,kBAAkB;IA8BzC,iBAAiB;IAejB,oBAAoB;IAUpB,cAAc,CAAC,CAAC,EAAE,KAAK;IAKvB,UAAU,CAAC,KAAK,EAAE,KAAK;IAIvB,MAAM;IAIN,SAAS;;;;;;;;;OAWN;yCApJM,mBAAmB;2CAAnB,mBAAmB;CAqJ/B"}

package/core/context.d.ts

@@ -14,6 +14,7 @@ export declare class RendererContext {
     scrollAction: (options: ScrollActionOptions) => void;
     maxFields: Signal<number | undefined>;
     maxRecords: Signal<number | undefined>;
+    maxSelectOptions: Signal<number | undefined>;
     fieldOptions: Signal<AITableFieldOption[]>;
     fieldOptionMap: Signal<Map<string, AITableFieldOption>>;
     readonly?: Signal<boolean>;

package/core/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../packages/grid/src/core/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC1I,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,qBAAa,eAAe;IACxB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvC,aAAa,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACpD,WAAW,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAChD,sBAAsB,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,mBAAmB,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IACjD,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBAEf,OAAO,EAAE,cAAc;IAmCnC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAaxD,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,kBAAkB,CAAC;CAG1D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../packages/grid/src/core/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC1I,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,qBAAa,eAAe;IACxB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvC,aAAa,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACpD,WAAW,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAChD,sBAAsB,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,mBAAmB,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IACjD,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACvC,gBAAgB,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7C,YAAY,EAAE,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBAEf,OAAO,EAAE,cAAc;IAqCnC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAaxD,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,kBAAkB,CAAC;CAG1D"}

package/fesm2022/ai-table-grid.mjs

@@ -29,7 +29,7 @@ import { AITableFieldGroup, AITableFieldType, AITableRowColumnType, DragType, is
 import ObjectID from 'bson-objectid';
 import { customAlphabet } from 'nanoid';
 import * as _ from 'lodash';
-import { isNumber, includes, values, isString, isObject } from 'lodash';
+import ___default, { isNumber, includes, values, isString, isObject } from 'lodash';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { ThyDatePicker, ThyDatePickerFormatPipe } from 'ngx-tethys/date-picker';
@@ -1330,7 +1330,7 @@ const AITableQueries = {
 
 class RendererContext {
     constructor(options) {
-        const { rowHeadWidth, linearRows, pointPosition, scrollState, visibleColumnsIndexMap, visibleRowsIndexMap, frozenColumnCount, references, aiFieldConfig, scrollAction, maxFields, maxRecords, fieldOptions, fieldOptionMap, readonly } = options;
+        const { rowHeadWidth, linearRows, pointPosition, scrollState, visibleColumnsIndexMap, visibleRowsIndexMap, frozenColumnCount, references, aiFieldConfig, scrollAction, maxFields, maxRecords, maxSelectOptions, fieldOptions, fieldOptionMap, readonly } = options;
         this.rowHeadWidth = rowHeadWidth;
         this.linearRows = linearRows;
         this.pointPosition = pointPosition;
@@ -1343,6 +1343,7 @@ class RendererContext {
         this.aiFieldConfig = aiFieldConfig;
         this.maxFields = maxFields;
         this.maxRecords = maxRecords;
+        this.maxSelectOptions = maxSelectOptions;
         this.fieldOptions = fieldOptions;
         this.fieldOptionMap = fieldOptionMap;
         this.readonly = readonly;
@@ -5080,8 +5081,19 @@ class AITableActionIcon {
                 source
             };
         });
+        this.iconGroupConfig = computed(() => {
+            let { backgroundWidth, backgroundHeight, size = DEFAULT_ICON_SIZE, scaleX, scaleY, offsetX, offsetY } = this.config();
+            return {
+                x: backgroundWidth && (backgroundWidth - size * (scaleX || 1)) / 2,
+                y: backgroundHeight && (backgroundHeight - size * (scaleY || 1)) / 2,
+                offsetX,
+                offsetY,
+                scaleX: scaleX || size / DEFAULT_ICON_SIZE,
+                scaleY: scaleY || size / DEFAULT_ICON_SIZE
+            };
+        });
         this.iconConfig = computed(() => {
-            let { type, data, backgroundWidth, backgroundHeight, size = DEFAULT_ICON_SIZE, stroke, strokeWidth = 1, scaleX, scaleY, offsetX, offsetY, rotation, fill, hoverFill: hoverFill, transformsEnabled = 'position' } = this.config();
+            let { type, data, size = DEFAULT_ICON_SIZE, stroke, strokeWidth = 1, scaleX, scaleY, offsetX, offsetY, rotation, fill, hoverFill: hoverFill, transformsEnabled = 'position' } = this.config();
             fill = fill || Colors.gray600;
             let pathData = data;
             switch (type) {
@@ -5093,8 +5105,6 @@ class AITableActionIcon {
                     break;
             }
             return {
-                x: backgroundWidth && (backgroundWidth - size * (scaleX || 1)) / 2,
-                y: backgroundHeight && (backgroundHeight - size * (scaleY || 1)) / 2,
                 data: pathData,
                 width: size,
                 height: size,
@@ -5140,7 +5150,9 @@ class AITableActionIcon {
             (koMouseleave)="koMouseleave($event)"
         >
             <ko-rect [config]="squareShapeConfig()"></ko-rect>
-            <ko-path [config]="iconConfig()"></ko-path>
+            <ko-group [config]="iconGroupConfig()">
+                <ko-path [config]="iconConfig()"></ko-path>
+            </ko-group>
         </ko-group>
     `, isInline: true, dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -5157,7 +5169,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             (koMouseleave)="koMouseleave($event)"
         >
             <ko-rect [config]="squareShapeConfig()"></ko-rect>
-            <ko-path [config]="iconConfig()"></ko-path>
+            <ko-group [config]="iconGroupConfig()">
+                <ko-path [config]="iconConfig()"></ko-path>
+            </ko-group>
         </ko-group>
     `,
                     imports: [KoContainer, KoShape],
@@ -8359,14 +8373,17 @@ class AITableCellRate extends CoverCellComponent {
             const pointPosition = aiTable.context.pointPosition();
             const { x, y } = render;
             const { columnIndex } = pointPosition;
-            const isActive = isActiveCell([recordId, field._id], aiTable);
+            const hasSelectedArea = aiTable.selection().selectedCells.size > 0 ||
+                aiTable.selection().selectedRecords.size > 0 ||
+                aiTable.selection().selectedFields.size > 0;
+            const bgColor = hasSelectedArea ? null : Colors.white;
             return {
                 x: x - AI_TABLE_CELL_PADDING + AI_TABLE_CELL_BORDER,
                 y: y + AI_TABLE_CELL_BORDER + AI_TABLE_OFFSET,
                 width: coordinate.getColumnWidth(columnIndex) - (AI_TABLE_CELL_BORDER + AI_TABLE_OFFSET) * 2,
                 height: AI_TABLE_ROW_BLANK_HEIGHT - (AI_TABLE_CELL_BORDER + AI_TABLE_OFFSET),
-                fill: Colors.white,
-                stroke: isActive ? null : Colors.white,
+                fill: bgColor,
+                stroke: bgColor,
                 zIndex: 0,
                 name: generateTargetName({
                     targetName: AI_TABLE_CELL,
@@ -8525,14 +8542,17 @@ class AITableCellProgress extends CoverCellComponent {
             const pointPosition = aiTable.context.pointPosition();
             const { x, y } = render;
             const { columnIndex } = pointPosition;
-            const isActive = isActiveCell([recordId, field._id], aiTable);
+            const hasSelectedArea = aiTable.selection().selectedCells.size > 0 ||
+                aiTable.selection().selectedRecords.size > 0 ||
+                aiTable.selection().selectedFields.size > 0;
+            const bgColor = hasSelectedArea ? null : Colors.white;
             return {
                 x: x - AI_TABLE_CELL_PADDING + AI_TABLE_CELL_BORDER / 2,
                 y: y + AI_TABLE_CELL_BORDER + AI_TABLE_OFFSET,
                 width: coordinate.getColumnWidth(columnIndex) - (AI_TABLE_CELL_BORDER + AI_TABLE_OFFSET) * 2 + AI_TABLE_CELL_BORDER / 2,
                 height: AI_TABLE_ROW_BLANK_HEIGHT - (AI_TABLE_CELL_BORDER + AI_TABLE_OFFSET),
-                fill: Colors.white,
-                stroke: isActive ? null : Colors.white,
+                fill: bgColor,
+                stroke: bgColor,
                 name: generateTargetName({
                     targetName: AI_TABLE_CELL,
                     fieldId: field._id,
@@ -8928,11 +8948,20 @@ class AITableFieldSetting {
         const fieldsSizeMap = this.aiTable().gridData().fieldsSizeMap;
         this.aiEditField.update((item) => {
             const width = fieldsSizeMap[item._id] ?? field.width;
-            const name = this.isManualInputName() ? item.name : createDefaultFieldName(this.aiTable(), field);
+            const name = this.isManualInputName() || this.isUpdate() ? item.name : createDefaultFieldName(this.aiTable(), field);
             let settings = field.settings || {};
             if (this.isUpdate() && field.type === AITableFieldType.select) {
                 const { options, optionStyle } = getOptionsByFieldAndRecords(this.aiTable(), this.aiEditField(), this.aiReferences());
-                settings = { ...settings, options, option_style: optionStyle };
+                const maxCount = this.aiTable().context?.maxSelectOptions();
+                let selectOptions = options;
+                if (!isUndefinedOrNull(maxCount) && options.length > maxCount) {
+                    selectOptions = options.slice(0, maxCount);
+                }
+                settings = {
+                    ...settings,
+                    options: selectOptions,
+                    option_style: optionStyle
+                };
             }
             return { ...item, ...field, width, name, settings };
         });
@@ -9519,6 +9548,7 @@ class AITableGridBase {
         this.aiPlugins = input();
         this.aiMaxFields = input();
         this.aiMaxRecords = input();
+        this.aiMaxSelectOptions = input();
         this.aiReferences = input.required();
         this.aiBuildRenderDataFn = input();
         this.aiGetI18nTextByKey = input();
@@ -9641,7 +9671,7 @@ class AITableGridBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableGridBase, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.10", type: AITableGridBase, isStandalone: true, selector: "ai-table-grid-base", inputs: { aiRecords: { classPropertyName: "aiRecords", publicName: "aiRecords", isSignal: true, isRequired: true, transformFunction: null }, aiFields: { classPropertyName: "aiFields", publicName: "aiFields", isSignal: true, isRequired: true, transformFunction: null }, aiFieldsSizeMap: { classPropertyName: "aiFieldsSizeMap", publicName: "aiFieldsSizeMap", isSignal: true, isRequired: true, transformFunction: null }, aiContextMenuItems: { classPropertyName: "aiContextMenuItems", publicName: "aiContextMenuItems", isSignal: true, isRequired: false, transformFunction: null }, aiFieldConfig: { classPropertyName: "aiFieldConfig", publicName: "aiFieldConfig", isSignal: true, isRequired: false, transformFunction: null }, aiReadonly: { classPropertyName: "aiReadonly", publicName: "aiReadonly", isSignal: true, isRequired: false, transformFunction: null }, aiPlugins: { classPropertyName: "aiPlugins", publicName: "aiPlugins", isSignal: true, isRequired: false, transformFunction: null }, aiMaxFields: { classPropertyName: "aiMaxFields", publicName: "aiMaxFields", isSignal: true, isRequired: false, transformFunction: null }, aiMaxRecords: { classPropertyName: "aiMaxRecords", publicName: "aiMaxRecords", isSignal: true, isRequired: false, transformFunction: null }, aiReferences: { classPropertyName: "aiReferences", publicName: "aiReferences", isSignal: true, isRequired: true, transformFunction: null }, aiBuildRenderDataFn: { classPropertyName: "aiBuildRenderDataFn", publicName: "aiBuildRenderDataFn", isSignal: true, isRequired: false, transformFunction: null }, aiGetI18nTextByKey: { classPropertyName: "aiGetI18nTextByKey", publicName: "aiGetI18nTextByKey", isSignal: true, isRequired: false, transformFunction: null }, aiKeywords: { classPropertyName: "aiKeywords", publicName: "aiKeywords", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { aiRecords: "aiRecordsChange", aiFields: "aiFieldsChange", aiFieldsSizeMap: "aiFieldsSizeMapChange", aiTableInitialized: "aiTableInitialized", aiAddRecord: "aiAddRecord", aiAddField: "aiAddField", aiMoveField: "aiMoveField", aiUpdateFieldValues: "aiUpdateFieldValues", aiSetField: "aiSetField", aiSetFieldWidth: "aiSetFieldWidth", aiMoveRecords: "aiMoveRecords", aiClick: "aiClick", aiDbClick: "aiDbClick" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.10", type: AITableGridBase, isStandalone: true, selector: "ai-table-grid-base", inputs: { aiRecords: { classPropertyName: "aiRecords", publicName: "aiRecords", isSignal: true, isRequired: true, transformFunction: null }, aiFields: { classPropertyName: "aiFields", publicName: "aiFields", isSignal: true, isRequired: true, transformFunction: null }, aiFieldsSizeMap: { classPropertyName: "aiFieldsSizeMap", publicName: "aiFieldsSizeMap", isSignal: true, isRequired: true, transformFunction: null }, aiContextMenuItems: { classPropertyName: "aiContextMenuItems", publicName: "aiContextMenuItems", isSignal: true, isRequired: false, transformFunction: null }, aiFieldConfig: { classPropertyName: "aiFieldConfig", publicName: "aiFieldConfig", isSignal: true, isRequired: false, transformFunction: null }, aiReadonly: { classPropertyName: "aiReadonly", publicName: "aiReadonly", isSignal: true, isRequired: false, transformFunction: null }, aiPlugins: { classPropertyName: "aiPlugins", publicName: "aiPlugins", isSignal: true, isRequired: false, transformFunction: null }, aiMaxFields: { classPropertyName: "aiMaxFields", publicName: "aiMaxFields", isSignal: true, isRequired: false, transformFunction: null }, aiMaxRecords: { classPropertyName: "aiMaxRecords", publicName: "aiMaxRecords", isSignal: true, isRequired: false, transformFunction: null }, aiMaxSelectOptions: { classPropertyName: "aiMaxSelectOptions", publicName: "aiMaxSelectOptions", isSignal: true, isRequired: false, transformFunction: null }, aiReferences: { classPropertyName: "aiReferences", publicName: "aiReferences", isSignal: true, isRequired: true, transformFunction: null }, aiBuildRenderDataFn: { classPropertyName: "aiBuildRenderDataFn", publicName: "aiBuildRenderDataFn", isSignal: true, isRequired: false, transformFunction: null }, aiGetI18nTextByKey: { classPropertyName: "aiGetI18nTextByKey", publicName: "aiGetI18nTextByKey", isSignal: true, isRequired: false, transformFunction: null }, aiKeywords: { classPropertyName: "aiKeywords", publicName: "aiKeywords", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { aiRecords: "aiRecordsChange", aiFields: "aiFieldsChange", aiFieldsSizeMap: "aiFieldsSizeMapChange", aiTableInitialized: "aiTableInitialized", aiAddRecord: "aiAddRecord", aiAddField: "aiAddField", aiMoveField: "aiMoveField", aiUpdateFieldValues: "aiUpdateFieldValues", aiSetField: "aiSetField", aiSetFieldWidth: "aiSetFieldWidth", aiMoveRecords: "aiMoveRecords", aiClick: "aiClick", aiDbClick: "aiDbClick" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableGridBase, decorators: [{
             type: Component,
@@ -10351,10 +10381,9 @@ class AITableGrid extends AITableGridBase {
                     allFieldOptions.push(fieldConfig.fieldOption);
                 }
             });
-            const fieldOptionMap = new Map(allFieldOptions.map((fieldOption) => [fieldOption.type, fieldOption]));
-            const fieldOptionKeys = this.aiTable.context?.aiFieldConfig()?.fieldOptionKeys || [];
-            if (fieldOptionKeys.length > 0) {
-                allFieldOptions = fieldOptionKeys.map((fieldOptionKey) => fieldOptionMap.get(fieldOptionKey));
+            const filterFieldOptions = this.aiTable.context?.aiFieldConfig()?.filterFieldOptions;
+            if (___default.isFunction(filterFieldOptions)) {
+                allFieldOptions = filterFieldOptions(allFieldOptions);
             }
             return allFieldOptions;
         });
@@ -10394,7 +10423,8 @@ class AITableGrid extends AITableGridBase {
                 readonly: this.aiReadonly(),
                 actions: this.actions,
                 maxFields: this.aiMaxFields(),
-                maxRecords: this.aiMaxRecords()
+                maxRecords: this.aiMaxRecords(),
+                maxSelectOptions: this.aiMaxSelectOptions()
             };
         });
         this.coordinate = computed(() => {
@@ -10534,6 +10564,7 @@ class AITableGrid extends AITableGridBase {
             scrollAction: this.scrollAction,
             maxFields: this.aiMaxFields,
             maxRecords: this.aiMaxRecords,
+            maxSelectOptions: this.aiMaxSelectOptions,
             fieldOptions: this.fieldOptions,
             fieldOptionMap: this.fieldOptionMap,
             readonly: this.aiReadonly