@progress/kendo-angular-grid 23.0.0-develop.1 → 23.0.0-develop.11

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -10,11 +10,11 @@ import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isP
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@progress/kendo-angular-icons';
 import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
-import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, sparklesIcon, fileCsvIcon, filePdfIcon, fileExcelIcon, trashIcon, saveIcon, pencilIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon, tableWizardIcon } from '@progress/kendo-svg-icons';
+import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, sparklesIcon, fileCsvIcon, filePdfIcon, fileExcelIcon, trashIcon, saveIcon, pencilIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon, tableWizardIcon, clockArrowRotateIcon, fileClockOutlineIcon, zoomSparkleIcon, arrowUpOutlineIcon, stopSmIcon, lightbulbOutlineIcon } from '@progress/kendo-svg-icons';
 import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, skip, auditTime, bufferCount, flatMap } from 'rxjs/operators';
 import * as i1$2 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import * as i53 from '@progress/kendo-angular-pager';
+import * as i56 from '@progress/kendo-angular-pager';
 import { PagerTemplateDirective, PagerContextService, PagerNavigationService, KENDO_PAGER } from '@progress/kendo-angular-pager';
 import { orderBy, isCompositeFilterDescriptor, filterBy, groupBy, process } from '@progress/kendo-data-query';
 import { NgTemplateOutlet, NgClass, NgStyle, KeyValuePipe } from '@angular/common';
@@ -24,9 +24,9 @@ import { parseDate } from '@progress/kendo-angular-intl';
 import * as i2 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
 import * as i1$6 from '@progress/kendo-angular-buttons';
-import { ChipListComponent, ChipComponent, ButtonComponent, Button, KENDO_BUTTON, ButtonDirective } from '@progress/kendo-angular-buttons';
+import { ChipListComponent, ChipComponent, ButtonComponent, Button, KENDO_BUTTON, ButtonDirective, KENDO_BUTTONS } from '@progress/kendo-angular-buttons';
 import * as i1$5 from '@progress/kendo-angular-dropdowns';
-import { DropDownListComponent, AutoCompleteComponent } from '@progress/kendo-angular-dropdowns';
+import { DropDownListComponent, AutoCompleteComponent, DataService, SelectionService as SelectionService$1, NavigationService as NavigationService$1, DisabledItemsService } from '@progress/kendo-angular-dropdowns';
 import * as i2$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormControl, FormGroup } from '@angular/forms';
 import * as i2$1 from '@progress/kendo-angular-utils';
@@ -34,8 +34,8 @@ import { DragTargetContainerDirective, DropTargetContainerDirective } from '@pro
 import * as i4 from '@progress/kendo-angular-inputs';
 import { TextBoxComponent, NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent, RadioButtonComponent, CheckBoxComponent, TextBoxPrefixTemplateDirective, KENDO_FORMFIELD, KENDO_TEXTBOX, KENDO_NUMERICTEXTBOX, KENDO_CHECKBOX } from '@progress/kendo-angular-inputs';
 import * as i5 from '@progress/kendo-angular-dateinputs';
-import { DatePickerComponent, DatePickerCustomMessagesComponent, KENDO_DATEPICKER, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService as NavigationService$1 } from '@progress/kendo-angular-dateinputs';
-import * as i54 from '@progress/kendo-angular-toolbar';
+import { DatePickerComponent, DatePickerCustomMessagesComponent, KENDO_DATEPICKER, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService as NavigationService$2 } from '@progress/kendo-angular-dateinputs';
+import * as i57 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { TabStripComponent, TabStripTabComponent, TabTitleDirective, TabContentDirective } from '@progress/kendo-angular-layout';
@@ -4494,12 +4494,12 @@ class NavigationService {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i53.PagerContextService }, { token: ScrollRequestService }, { token: GroupsService }, { token: DetailsService }, { token: FocusRoot }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnResizingService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i56.PagerContextService }, { token: ScrollRequestService }, { token: GroupsService }, { token: DetailsService }, { token: FocusRoot }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnResizingService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i53.PagerContextService }, { type: ScrollRequestService }, { type: GroupsService }, { type: DetailsService }, { type: FocusRoot }, { type: EditService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: ColumnResizingService }, { type: FocusableDirective, decorators: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i56.PagerContextService }, { type: ScrollRequestService }, { type: GroupsService }, { type: DetailsService }, { type: FocusRoot }, { type: EditService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: ColumnResizingService }, { type: FocusableDirective, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -12683,9 +12683,11 @@ class FilterRowComponent {
         const columnName = column.title || column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-    getLogicalColIndex(columnIndex) {
-        const colIndex = this.lockedColumnsCount + columnIndex;
-        return this.detailTemplate?.templateRef ? colIndex + 1 : colIndex;
+    getLogicalColIndex(column) {
+        if (!isPresent$1(column.leafIndex)) {
+            return -1;
+        }
+        return column.leafIndex + (this.detailTemplate?.templateRef ? 1 : 0);
     }
     get isStacked() {
         return this.ctx.grid?.isStacked;
@@ -12716,7 +12718,7 @@ class FilterRowComponent {
             [filter]="filter"
             kendoGridLogicalCell
             [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="getLogicalColIndex(columnIndex)"
+            [logicalColIndex]="getLogicalColIndex(column)"
           ></td>
         }
         `, isInline: true, dependencies: [{ kind: "component", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: ["column", "filter", "size"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
@@ -12750,7 +12752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [filter]="filter"
             kendoGridLogicalCell
             [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="getLogicalColIndex(columnIndex)"
+            [logicalColIndex]="getLogicalColIndex(column)"
           ></td>
         }
         `,
@@ -13930,13 +13932,13 @@ class ToolbarToolBase {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarToolBase, deps: [{ token: i54.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarToolBase, deps: [{ token: i57.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ToolbarToolBase, isStandalone: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarToolBase, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: () => [{ type: i54.ToolBarButtonComponent }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['command']
                 }] }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
@@ -14138,7 +14140,7 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
         this.host.selected = false;
         focusAnchor && this.buttonElement?.focus({ preventScroll: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i2.PopupService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i54.RefreshService }, { token: AdaptiveGridService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i2.PopupService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i57.RefreshService }, { token: AdaptiveGridService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll", filterable: "filterable", showSelectAll: "showSelectAll" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnChooserToolbarDirective, decorators: [{
@@ -14147,7 +14149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridColumnChooserTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i2.PopupService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i54.RefreshService }, { type: AdaptiveGridService }, { type: ColumnInfoService }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i2.PopupService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i57.RefreshService }, { type: AdaptiveGridService }, { type: ColumnInfoService }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
                 type: Input
             }], allowHideAll: [{
                 type: Input
@@ -17497,7 +17499,7 @@ class CSVCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.csvService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVCommandToolbarDirective, deps: [{ token: CSVService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVCommandToolbarDirective, deps: [{ token: CSVService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: CSVCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCSVTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVCommandToolbarDirective, decorators: [{
@@ -17506,7 +17508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridCSVTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: CSVService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: CSVService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -19952,14 +19954,15 @@ class HeaderComponent {
     }
     onHeaderKeydown(column, args) {
         const code = normalizeKeys(args);
-        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu && this.isFilterable(column)) {
+        const isColumnGroupComponent = this.isColumnGroupComponent(column);
+        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu && this.isFilterable(column) && !isColumnGroupComponent) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const filterMenu = this.filterMenus.find(fm => fm.column === column);
             filterMenu.toggle(filterMenu.anchor.nativeElement, filterMenu.template);
             return;
         }
-        if (code === Keys.ArrowDown && args.altKey && this.showColumnMenu(column)) {
+        if (code === Keys.ArrowDown && args.altKey && this.showColumnMenu(column) && !isColumnGroupComponent) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const columnMenu = this.columnMenus.find(cm => cm.column === column);
@@ -19968,7 +19971,7 @@ class HeaderComponent {
         }
         const isCtrlOrMeta = args.ctrlKey || args.metaKey;
         const isGroupingKeyShortcut = (code === Keys.Enter || code === Keys.Space) && isCtrlOrMeta;
-        if (isGroupingKeyShortcut && this.isGroupable(column)) {
+        if (isGroupingKeyShortcut && this.isGroupable(column) && !isColumnGroupComponent) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const isGroupedByField = this.groups.some(gr => gr.field === column.field);
@@ -19987,22 +19990,29 @@ class HeaderComponent {
         const isReorderingKeyShortcut = isLeftOrRightArrow && isCtrlOrMeta;
         if (isReorderingKeyShortcut && this.isReorderable(column)) {
             args.preventDefault();
-            const columnsCount = this.columnInfoService.leafNamedColumns.length;
+            const allColumns = sortColumns(this.columnInfoService.list().toArray()).filter(col => col.level === column.level);
+            const columnsCount = allColumns.length;
             const reorderDirection = code === Keys.ArrowLeft ? -1 : 1;
             const rtlMultiplier = this.contextService.localization.rtl ? -1 : 1;
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
-            const newIndex = column.leafIndex + reorderDirectionOffset;
+            const oldIndex = allColumns.indexOf(column);
+            let newIndex = oldIndex + reorderDirectionOffset;
+            let targetColumn = allColumns[newIndex];
+            while (isPresent(targetColumn) && targetColumn.hidden) {
+                targetColumn = allColumns[newIndex + reorderDirectionOffset];
+                newIndex += reorderDirectionOffset;
+            }
             const normalizedNewIndex = Math.min(Math.max(0, newIndex), columnsCount - 1);
             const gridInstance = this.contextService.grid;
             gridInstance.reorderColumn(column, normalizedNewIndex, { before: reorderDirectionOffset < 0 });
             gridInstance.columnReorder.emit(new ColumnReorderEvent({
                 column,
                 newIndex: normalizedNewIndex,
-                oldIndex: column.leafIndex
+                oldIndex
             }));
             return;
         }
-        if (!this.sortable || args.defaultPrevented || column.sortable === false) {
+        if (!this.sortable || args.defaultPrevented || column.sortable === false || isColumnGroupComponent) {
             return;
         }
         if (code === Keys.Enter && isPresent(column.field)) {
@@ -20296,7 +20306,7 @@ class HeaderComponent {
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track $index; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell
@@ -20443,6 +20453,7 @@ class HeaderComponent {
                   [rowSpan]="column.rowspan(totalColumnLevels)"
                   [colSpan]="column.colspan"
                   [headerLabelText]="column.title || getColumnComponent(column).field"
+                  (keydown)="onHeaderKeydown(getColumnComponent(column), $event)"
                   kendoDropTarget
                   kendoDraggable
                   kendoDraggableColumn
@@ -20544,7 +20555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track $index; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell
@@ -20691,6 +20702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                   [rowSpan]="column.rowspan(totalColumnLevels)"
                   [colSpan]="column.colspan"
                   [headerLabelText]="column.title || getColumnComponent(column).field"
+                  (keydown)="onHeaderKeydown(getColumnComponent(column), $event)"
                   kendoDropTarget
                   kendoDraggable
                   kendoDraggableColumn
@@ -24124,7 +24136,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.0-develop.1',
+    version: '23.0.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -29097,8 +29109,72 @@ class GridMessages extends ComponentMessages {
      * and the message is rendered as `3 items are selected`.
      */
     multiCheckboxFilterSelectedItemsCount;
+    /**
+     * The aria-label for the Speech to Text button of the Smart Bar tool in AI Assistant mode.
+     */
+    smartBoxSpeechToTextButton;
+    /**
+     * The aria-label for the Submit button of the Smart Bar tool in AI Assistant mode.
+     */
+    smartBoxSubmitPromptButton;
+    /**
+     * The placeholder text for the SmartBox tool Search mode input
+     */
+    smartBoxSearchPlaceholder;
+    /**
+     * The placeholder text for the SmartBox tool Semantic Search mode input
+     */
+    smartBoxSemanticSearchPlaceholder;
+    /**
+     * The placeholder text for the SmartBox tool AI Assistant mode input
+     */
+    smartBoxAIAssistantPlaceholder;
+    /**
+     * The text for the suggested prompts section in the SmartBox tool AI Assistant mode.
+     */
+    smartBoxSuggestedPrompts;
+    /**
+     * The text displayed when there are no previous searches in the SmartBox tool.
+     */
+    smartBoxNoPreviousSearches;
+    /**
+     * The text displayed when there are no previous prompts in the SmartBox tool.
+     */
+    smartBoxNoPreviousPrompts;
+    /**
+     * The text displayed when there is previous search history in the SmartBox tool.
+     */
+    smartBoxPreviouslySearched;
+    /**
+     * The text displayed when there is previous ask history in the SmartBox tool.
+     */
+    smartBoxPreviouslyAsked;
+    /**
+     * The Search mode text displayed in the SmartBox tool search modes list.
+     */
+    searchModeListItemText;
+    /**
+     * The Search mode description displayed in the SmartBox tool search modes list.
+     */
+    searchModeListItemDescription;
+    /**
+     * The Semantic Search mode text displayed in the SmartBox tool search modes list.
+     */
+    semanticSearchModeListItemText;
+    /**
+     * The Semantic Search mode description displayed in the SmartBox tool search modes list.
+     */
+    semanticSearchModeListItemDescription;
+    /**
+     * The text for the Search mode button in the SmartBox tool popup.
+     */
+    smartBoxSearchModePopupButton;
+    /**
+     * The text for the AI Assistant mode button in the SmartBox tool popup.
+     */
+    smartBoxAIAssistantModePopupButton;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GridMessages, isStandalone: true, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", csvExportToolbarToolText: "csvExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText", multiCheckboxFilterSearchPlaceholder: "multiCheckboxFilterSearchPlaceholder", multiCheckboxFilterSelectAllLabel: "multiCheckboxFilterSelectAllLabel", multiCheckboxFilterSelectedItemsCount: "multiCheckboxFilterSelectedItemsCount" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GridMessages, isStandalone: true, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", csvExportToolbarToolText: "csvExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText", multiCheckboxFilterSearchPlaceholder: "multiCheckboxFilterSearchPlaceholder", multiCheckboxFilterSelectAllLabel: "multiCheckboxFilterSelectAllLabel", multiCheckboxFilterSelectedItemsCount: "multiCheckboxFilterSelectedItemsCount", smartBoxSpeechToTextButton: "smartBoxSpeechToTextButton", smartBoxSubmitPromptButton: "smartBoxSubmitPromptButton", smartBoxSearchPlaceholder: "smartBoxSearchPlaceholder", smartBoxSemanticSearchPlaceholder: "smartBoxSemanticSearchPlaceholder", smartBoxAIAssistantPlaceholder: "smartBoxAIAssistantPlaceholder", smartBoxSuggestedPrompts: "smartBoxSuggestedPrompts", smartBoxNoPreviousSearches: "smartBoxNoPreviousSearches", smartBoxNoPreviousPrompts: "smartBoxNoPreviousPrompts", smartBoxPreviouslySearched: "smartBoxPreviouslySearched", smartBoxPreviouslyAsked: "smartBoxPreviouslyAsked", searchModeListItemText: "searchModeListItemText", searchModeListItemDescription: "searchModeListItemDescription", semanticSearchModeListItemText: "semanticSearchModeListItemText", semanticSearchModeListItemDescription: "semanticSearchModeListItemDescription", smartBoxSearchModePopupButton: "smartBoxSearchModePopupButton", smartBoxAIAssistantModePopupButton: "smartBoxAIAssistantModePopupButton" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -29374,6 +29450,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], multiCheckboxFilterSelectedItemsCount: [{
                 type: Input
+            }], smartBoxSpeechToTextButton: [{
+                type: Input
+            }], smartBoxSubmitPromptButton: [{
+                type: Input
+            }], smartBoxSearchPlaceholder: [{
+                type: Input
+            }], smartBoxSemanticSearchPlaceholder: [{
+                type: Input
+            }], smartBoxAIAssistantPlaceholder: [{
+                type: Input
+            }], smartBoxSuggestedPrompts: [{
+                type: Input
+            }], smartBoxNoPreviousSearches: [{
+                type: Input
+            }], smartBoxNoPreviousPrompts: [{
+                type: Input
+            }], smartBoxPreviouslySearched: [{
+                type: Input
+            }], smartBoxPreviouslyAsked: [{
+                type: Input
+            }], searchModeListItemText: [{
+                type: Input
+            }], searchModeListItemDescription: [{
+                type: Input
+            }], semanticSearchModeListItemText: [{
+                type: Input
+            }], semanticSearchModeListItemDescription: [{
+                type: Input
+            }], smartBoxSearchModePopupButton: [{
+                type: Input
+            }], smartBoxAIAssistantModePopupButton: [{
+                type: Input
             }] } });
 
 /**
@@ -31944,6 +32052,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: [GroupToolbarToolComponent]
             }] } });
 
+/**
+ * @hidden
+ */
+class SearchService {
+    /**
+     * Fires when the search descriptor is set.
+     */
+    changes = new Subject();
+    /**
+     * Sets the search descriptor.
+     *
+     * @param {CompositeFilterDescriptor} value - The search descriptor to set.
+     */
+    search(value) {
+        this.changes.next(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchService, decorators: [{
+            type: Injectable
+        }] });
+
 const createControl = (source) => (acc, key) => {
     acc[key] = new FormControl(source[key]);
     return acc;
@@ -33127,7 +33258,7 @@ class GridComponent {
     }
     /**
      * Builds the request body for the AI service based on the provided prompt message.
-     * Allows developers to construct their own AI service requests.
+     * Allows developers to construct the AI service requests manually ([see example](slug:ai_assistant_tools_setup#manual-integration)).
      *
      * @param promptMessage - The prompt message to send to the AI service.
      * @returns The request body object ready to be sent to the AI service.
@@ -33147,7 +33278,7 @@ class GridComponent {
     }
     /**
      * Processes an AI service response and applies the commands to the Grid.
-     * Allows developers to handle their own AI service responses manually.
+     * Allows developers to handle the AI service responses manually ([see example](slug:ai_assistant_tools_setup#manual-integration)).
      *
      * @param response - The AI service response containing optional message and commands array.
      *
@@ -34407,7 +34538,8 @@ class GridComponent {
             AdaptiveGridService,
             ColumnMenuService,
             MenuTabbingService,
-            DataMappingService
+            DataMappingService,
+            SearchService
         ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "windowContainer", first: true, predicate: ["windowContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoGridLocalizedMessages
           i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
@@ -34811,6 +34943,54 @@ class GridComponent {
 
           i18n-multiCheckboxFilterSelectedItemsCount="kendo.grid.multiCheckboxFilterSelectedItemsCount|The text for the multi-checkbox filter selected items count"
           multiCheckboxFilterSelectedItemsCount="{{ '{selectedItemsCount} selected items' }}"
+
+          i18n-smartBoxSpeechToTextButton="kendo.grid.smartBoxSpeechToTextButton|The aria-label for the Speech to Text button of the SmartBox tool in AI Assistant mode."
+          smartBoxSpeechToTextButton="Voice input"
+
+          i18n-smartBoxSubmitPromptButton="kendo.grid.smartBoxSubmitPromptButton|The aria-label for the Submit button of the SmartBox tool in AI Assistant mode."
+          smartBoxSubmitPromptButton="Submit prompt"
+
+          i18n-smartBoxSearchPlaceholder="kendo.grid.smartBoxSearchPlaceholder|The placeholder text for the SmartBox tool Search mode input"
+          smartBoxSearchPlaceholder="Search..."
+
+          i18n-smartBoxSemanticSearchPlaceholder="kendo.grid.smartBoxSemanticSearchPlaceholder|The placeholder text for the SmartBox tool Semantic Search mode input"
+          smartBoxSemanticSearchPlaceholder="Semantic Search"
+
+          i18n-smartBoxAIAssistantPlaceholder="kendo.grid.smartBoxAIAssistantPlaceholder|The placeholder text for the SmartBox tool AI Assistant mode input"
+          smartBoxAIAssistantPlaceholder="Sort, Filter, or group with AI"
+
+          i18n-smartBoxSuggestedPrompts="kendo.grid.smartBoxSuggestedPrompts|The text for the suggested prompts section in the SmartBox tool AI Assistant mode."
+          smartBoxSuggestedPrompts="Suggested prompts"
+
+          i18n-smartBoxNoPreviousSearches="kendo.grid.smartBoxNoPreviousSearches|The text displayed when there are no previous searches in the SmartBox tool."
+          smartBoxNoPreviousSearches="No previous searches"
+
+          i18n-smartBoxNoPreviousPrompts="kendo.grid.smartBoxNoPreviousPrompts|The text displayed when there are no previous prompts in the SmartBox tool."
+          smartBoxNoPreviousPrompts="No previous prompts"
+
+          i18n-smartBoxPreviouslySearched="kendo.grid.smartBoxPreviouslySearched|The text displayed when there is previous search history in the SmartBox tool."
+          smartBoxPreviouslySearched="Previously Searched"
+
+          i18n-smartBoxPreviouslyAsked="kendo.grid.smartBoxPreviouslyAsked|The text displayed when there is previous ask history in the SmartBox tool."
+          smartBoxPreviouslyAsked="Previously Asked"
+
+          i18n-searchModeListItemText="kendo.grid.searchModeListItemText|The Search mode text displayed in the SmartBox tool search modes list."
+          searchModeListItemText="Search"
+
+          i18n-searchModeListItemDescription="kendo.grid.searchModeListItemDescription|The Search mode description displayed in the SmartBox tool search modes list."
+          searchModeListItemDescription="Looks for exact word matches accross your data."
+
+          i18n-semanticSearchModeListItemText="kendo.grid.semanticSearchModeListItemText|The Semantic Search mode text displayed in the SmartBox tool search modes list."
+          semanticSearchModeListItemText="Semantic Search"
+
+          i18n-semanticSearchModeListItemDescription="kendo.grid.semanticSearchModeListItemDescription|The Semantic Search mode description displayed in the SmartBox tool search modes list."
+          semanticSearchModeListItemDescription="Understands context to surface the most relevant results."
+
+          i18n-smartBoxSearchModePopupButton="kendo.grid.smartBoxSearchModePopupButton|The text for the Search mode button in the SmartBox tool popup."
+          smartBoxSearchModePopupButton="Search"
+
+          i18n-smartBoxAIAssistantModePopupButton="kendo.grid.smartBoxAIAssistantModePopupButton|The text for the AI Assistant mode button in the SmartBox tool popup."
+          smartBoxAIAssistantModePopupButton="AI Assistant"
           >
         </ng-container>
         @if (showTopToolbar) {
@@ -34832,6 +35012,7 @@ class GridComponent {
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -35181,6 +35362,7 @@ class GridComponent {
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -35253,7 +35435,8 @@ class GridComponent {
             <kendo-pager-page-sizes
               [size]="size"
               [pageSizes]="normalizedPageableSettings.pageSizes"
-              [showItemsText]="showPagerItemsText">
+              [showItemsText]="showPagerItemsText"
+              [adaptiveMode]="adaptiveMode">
             </kendo-pager-page-sizes>
           }
           @if (normalizedPageableSettings.info) {
@@ -35274,7 +35457,7 @@ class GridComponent {
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "rowsToRender", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass", "rowHeight", "detailRowHeight"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "component", type: i53.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i53.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i53.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i53.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i53.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i53.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i53.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i53.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i53.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdaptiveRendererComponent, selector: "kendo-grid-adaptive-renderer" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], encapsulation: i0.ViewEncapsulation.None });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "rowsToRender", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass", "rowHeight", "detailRowHeight"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "component", type: i56.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i56.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i56.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i56.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i56.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i56.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i56.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i56.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i56.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdaptiveRendererComponent, selector: "kendo-grid-adaptive-renderer" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -35333,7 +35516,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         AdaptiveGridService,
                         ColumnMenuService,
                         MenuTabbingService,
-                        DataMappingService
+                        DataMappingService,
+                        SearchService
                     ],
                     selector: 'kendo-grid',
                     template: `
@@ -35739,6 +35923,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
           i18n-multiCheckboxFilterSelectedItemsCount="kendo.grid.multiCheckboxFilterSelectedItemsCount|The text for the multi-checkbox filter selected items count"
           multiCheckboxFilterSelectedItemsCount="{{ '{selectedItemsCount} selected items' }}"
+
+          i18n-smartBoxSpeechToTextButton="kendo.grid.smartBoxSpeechToTextButton|The aria-label for the Speech to Text button of the SmartBox tool in AI Assistant mode."
+          smartBoxSpeechToTextButton="Voice input"
+
+          i18n-smartBoxSubmitPromptButton="kendo.grid.smartBoxSubmitPromptButton|The aria-label for the Submit button of the SmartBox tool in AI Assistant mode."
+          smartBoxSubmitPromptButton="Submit prompt"
+
+          i18n-smartBoxSearchPlaceholder="kendo.grid.smartBoxSearchPlaceholder|The placeholder text for the SmartBox tool Search mode input"
+          smartBoxSearchPlaceholder="Search..."
+
+          i18n-smartBoxSemanticSearchPlaceholder="kendo.grid.smartBoxSemanticSearchPlaceholder|The placeholder text for the SmartBox tool Semantic Search mode input"
+          smartBoxSemanticSearchPlaceholder="Semantic Search"
+
+          i18n-smartBoxAIAssistantPlaceholder="kendo.grid.smartBoxAIAssistantPlaceholder|The placeholder text for the SmartBox tool AI Assistant mode input"
+          smartBoxAIAssistantPlaceholder="Sort, Filter, or group with AI"
+
+          i18n-smartBoxSuggestedPrompts="kendo.grid.smartBoxSuggestedPrompts|The text for the suggested prompts section in the SmartBox tool AI Assistant mode."
+          smartBoxSuggestedPrompts="Suggested prompts"
+
+          i18n-smartBoxNoPreviousSearches="kendo.grid.smartBoxNoPreviousSearches|The text displayed when there are no previous searches in the SmartBox tool."
+          smartBoxNoPreviousSearches="No previous searches"
+
+          i18n-smartBoxNoPreviousPrompts="kendo.grid.smartBoxNoPreviousPrompts|The text displayed when there are no previous prompts in the SmartBox tool."
+          smartBoxNoPreviousPrompts="No previous prompts"
+
+          i18n-smartBoxPreviouslySearched="kendo.grid.smartBoxPreviouslySearched|The text displayed when there is previous search history in the SmartBox tool."
+          smartBoxPreviouslySearched="Previously Searched"
+
+          i18n-smartBoxPreviouslyAsked="kendo.grid.smartBoxPreviouslyAsked|The text displayed when there is previous ask history in the SmartBox tool."
+          smartBoxPreviouslyAsked="Previously Asked"
+
+          i18n-searchModeListItemText="kendo.grid.searchModeListItemText|The Search mode text displayed in the SmartBox tool search modes list."
+          searchModeListItemText="Search"
+
+          i18n-searchModeListItemDescription="kendo.grid.searchModeListItemDescription|The Search mode description displayed in the SmartBox tool search modes list."
+          searchModeListItemDescription="Looks for exact word matches accross your data."
+
+          i18n-semanticSearchModeListItemText="kendo.grid.semanticSearchModeListItemText|The Semantic Search mode text displayed in the SmartBox tool search modes list."
+          semanticSearchModeListItemText="Semantic Search"
+
+          i18n-semanticSearchModeListItemDescription="kendo.grid.semanticSearchModeListItemDescription|The Semantic Search mode description displayed in the SmartBox tool search modes list."
+          semanticSearchModeListItemDescription="Understands context to surface the most relevant results."
+
+          i18n-smartBoxSearchModePopupButton="kendo.grid.smartBoxSearchModePopupButton|The text for the Search mode button in the SmartBox tool popup."
+          smartBoxSearchModePopupButton="Search"
+
+          i18n-smartBoxAIAssistantModePopupButton="kendo.grid.smartBoxAIAssistantModePopupButton|The text for the AI Assistant mode button in the SmartBox tool popup."
+          smartBoxAIAssistantModePopupButton="AI Assistant"
           >
         </ng-container>
         @if (showTopToolbar) {
@@ -35760,6 +35992,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -36109,6 +36342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -36181,7 +36415,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             <kendo-pager-page-sizes
               [size]="size"
               [pageSizes]="normalizedPageableSettings.pageSizes"
-              [showItemsText]="showPagerItemsText">
+              [showItemsText]="showPagerItemsText"
+              [adaptiveMode]="adaptiveMode">
             </kendo-pager-page-sizes>
           }
           @if (normalizedPageableSettings.info) {
@@ -36525,6 +36760,7 @@ class DataBindingDirective {
     changeDetector;
     localDataChangesService;
     rowReorderService;
+    searchService;
     /**
      * Sets the number of records to skip in the Grid.
      *
@@ -36586,11 +36822,14 @@ class DataBindingDirective {
     stateChangeSubscription;
     dataChangedSubscription;
     rowReorderSubscription;
-    constructor(grid, changeDetector, localDataChangesService, rowReorderService, ctx) {
+    searchSubscription;
+    searchFilter;
+    constructor(grid, changeDetector, localDataChangesService, rowReorderService, searchService, ctx) {
         this.grid = grid;
         this.changeDetector = changeDetector;
         this.localDataChangesService = localDataChangesService;
         this.rowReorderService = rowReorderService;
+        this.searchService = searchService;
         if (localDataChangesService) {
             this.dataChangedSubscription = this.localDataChangesService.changes.subscribe(this.rebind.bind(this));
         }
@@ -36609,6 +36848,13 @@ class DataBindingDirective {
                 .rowReorder
                 .subscribe(this.onRowReorder.bind(this));
         }
+        if (this.searchService) {
+            this.searchSubscription = this.searchService
+                .changes
+                .subscribe((searchFilter) => {
+                this.onSearch.bind(this)(searchFilter);
+            });
+        }
     }
     /**
      * @hidden
@@ -36623,6 +36869,9 @@ class DataBindingDirective {
         if (this.rowReorderSubscription) {
             this.rowReorderSubscription.unsubscribe();
         }
+        if (this.searchSubscription) {
+            this.searchSubscription.unsubscribe();
+        }
     }
     ngOnChanges(changes) {
         if (anyChanged(["pageSize", "skip", "sort", "group", "filter"], changes)) {
@@ -36648,6 +36897,18 @@ class DataBindingDirective {
         this.rowReorderService.reorderRows(ev, this.originalData);
         this.rebind();
     }
+    /**
+     * @hidden
+     */
+    onSearch(searchFilter) {
+        this.searchFilter = searchFilter;
+        const combinedFilter = this.combineFilters();
+        const state = { ...this.state, filter: combinedFilter };
+        this.grid.data = this.process(state);
+        this.grid.updateNavigationMetadata();
+        this.grid.ngDoCheck();
+        this.dataChanged = false;
+    }
     /**
      * @hidden
      */
@@ -36694,12 +36955,31 @@ class DataBindingDirective {
                 this.state.take = this.grid.pageSize;
             }
         }
-        this.grid.data = this.process(this.state);
+        let combinedFilter = null;
+        if (this.searchFilter) {
+            combinedFilter = this.combineFilters();
+            const state = { ...this.state, filter: combinedFilter };
+            this.grid.data = this.process(state);
+        }
+        else {
+            this.grid.data = this.process(this.state);
+        }
         this.grid.updateNavigationMetadata();
         this.grid.ngDoCheck();
         this.dataChanged = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DataBindingDirective, deps: [{ token: GridComponent }, { token: i0.ChangeDetectorRef }, { token: LocalDataChangesService }, { token: RowReorderService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
+    combineFilters() {
+        let combinedFilter = null;
+        if (this.state.filter && this.searchFilter) {
+            combinedFilter = {
+                logic: 'and',
+                filters: [...this.state.filter.filters, this.searchFilter]
+            };
+            return combinedFilter;
+        }
+        return this.searchFilter || this.state.filter;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DataBindingDirective, deps: [{ token: GridComponent }, { token: i0.ChangeDetectorRef }, { token: LocalDataChangesService }, { token: RowReorderService }, { token: SearchService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DataBindingDirective, isStandalone: true, selector: "[kendoGridBinding]", inputs: { skip: "skip", sort: "sort", filter: "filter", pageSize: "pageSize", group: "group", data: ["kendoGridBinding", "data"] }, exportAs: ["kendoGridBinding"], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DataBindingDirective, decorators: [{
@@ -36709,7 +36989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     exportAs: 'kendoGridBinding',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: GridComponent }, { type: i0.ChangeDetectorRef }, { type: LocalDataChangesService }, { type: RowReorderService }, { type: ContextService }], propDecorators: { skip: [{
+        }], ctorParameters: () => [{ type: GridComponent }, { type: i0.ChangeDetectorRef }, { type: LocalDataChangesService }, { type: RowReorderService }, { type: SearchService }, { type: ContextService }], propDecorators: { skip: [{
                 type: Input
             }], sort: [{
                 type: Input
@@ -37994,7 +38274,7 @@ class PDFCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.pdfService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: PDFService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: PDFService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: PDFCommandToolbarDirective, isStandalone: true, selector: "[kendoGridPDFTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PDFCommandToolbarDirective, decorators: [{
@@ -38003,7 +38283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridPDFTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: PDFService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: PDFService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the **Export to Excel** toolbar tool of the Grid.
@@ -38039,7 +38319,7 @@ class ExcelCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.excelService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: ExcelService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: ExcelService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridExcelTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
@@ -38048,7 +38328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridExcelTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: ExcelService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: ExcelService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -38121,13 +38401,13 @@ class ToolbarEditingToolBase extends ToolbarToolBase {
     get isSelectionPresent() {
         return isPresent$1(this.lastSelectionIndex) && this.lastSelectionIndex > -1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarEditingToolBase, deps: [{ token: i54.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: EditService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarEditingToolBase, deps: [{ token: i57.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: EditService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ToolbarEditingToolBase, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarEditingToolBase, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: () => [{ type: i54.ToolBarButtonComponent }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['command']
                 }] }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: EditService }, { type: SelectionService }] });
@@ -38167,7 +38447,7 @@ class AddCommandToolbarDirective extends ToolbarEditingToolBase {
         e.preventDefault();
         this.editService.beginAdd();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoGridAddTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
@@ -38176,7 +38456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridAddTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -38727,7 +39007,7 @@ class UndoCommandToolbarDirective {
         e.preventDefault();
         this.undoRedoService.onUndo.next(undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UndoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i54.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UndoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i57.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: UndoCommandToolbarDirective, isStandalone: true, selector: "[kendoGridUndoTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UndoCommandToolbarDirective, decorators: [{
@@ -38736,7 +39016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridUndoTool]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i54.ToolBarButtonComponent }] });
+        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i57.ToolBarButtonComponent }] });
 
 /**
  * Represents the command that triggers the redo action in the Grid.
@@ -38790,7 +39070,7 @@ class RedoCommandToolbarDirective {
         e.preventDefault();
         this.undoRedoService.onRedo.next(undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RedoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i54.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RedoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i57.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: RedoCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRedoTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RedoCommandToolbarDirective, decorators: [{
@@ -38799,7 +39079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridRedoTool]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i54.ToolBarButtonComponent }] });
+        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i57.ToolBarButtonComponent }] });
 
 let incrementingId$2 = 0;
 /**
@@ -38990,7 +39270,7 @@ class SortCommandToolbarDirective {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i54.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i57.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: SortCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSortTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortCommandToolbarDirective, decorators: [{
@@ -38999,7 +39279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridSortTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i54.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: SortService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
+        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: SortService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
 
 /**
  * @hidden
@@ -39322,7 +39602,7 @@ class FilterCommandToolbarDirective {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i54.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i57.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FilterCommandToolbarDirective, decorators: [{
@@ -39331,7 +39611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridFilterTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i54.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
+        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
 
 /**
  * Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -39367,7 +39647,7 @@ class EditCommandToolbarDirective extends ToolbarEditingToolBase {
         }
         this.editService.beginEdit(this.lastSelectionIndex);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: EditCommandToolbarDirective, isStandalone: true, selector: "[kendoGridEditTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditCommandToolbarDirective, decorators: [{
@@ -39376,7 +39656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridEditTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `save` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -39417,7 +39697,7 @@ class SaveCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.editedIndices.forEach(i => this.editService.save(i.index));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: SaveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSaveTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SaveCommandToolbarDirective, decorators: [{
@@ -39426,7 +39706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridSaveTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `remove` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -39463,7 +39743,7 @@ class RemoveCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.remove(this.lastSelectionIndex);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: RemoveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRemoveTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RemoveCommandToolbarDirective, decorators: [{
@@ -39472,7 +39752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridRemoveTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `cancel` command in the Grid.
@@ -39512,7 +39792,7 @@ class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.editedIndices.forEach(i => this.editService.endEdit(i.index));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i54.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: CancelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCancelTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CancelCommandToolbarDirective, decorators: [{
@@ -39521,7 +39801,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridCancelTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i54.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 let incrementingId = 0;
 /**
@@ -39702,7 +39982,7 @@ class GroupCommandToolbarDirective {
     isGroupingApplied(group) {
         return isPresent$1(group) && group.length > 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i54.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i57.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GroupCommandToolbarDirective, isStandalone: true, selector: "[kendoGridGroupTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GroupCommandToolbarDirective, decorators: [{
@@ -39711,7 +39991,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridGroupTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i54.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
+        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
 
 /**
  * Stores the row and cell highlight state of the Grid.
@@ -39740,14 +40020,19 @@ class HighlightDirective {
      * Sets the column key for a data cell. The Grid uses the column index as the default column key.
      */
     highlightColumnKey;
+    /**
+     * Emits when the `highlightedKeys` collection changes.
+     */
+    highlightedKeysChange = new EventEmitter();
     rowHighlightState = new Set();
     cellHighlightState = new PairSet();
+    lastHighlightState;
     constructor(ctx) {
         this.ctx = ctx;
         this.ctx.highlightDirective = this;
     }
     ngOnChanges(changes) {
-        if (isPresent$1(changes['highlightedKeys'])) {
+        if (isPresent$1(changes['highlightedKeys']) && this.lastHighlightState !== this.highlightedKeys) {
             this.setState(this.highlightedKeys);
         }
     }
@@ -39801,6 +40086,8 @@ class HighlightDirective {
     setState(highlightedKeys) {
         this.reset();
         if (!highlightedKeys || highlightedKeys.length === 0) {
+            this.highlightedKeys = [];
+            this.notifyChange();
             return;
         }
         const rowHighlights = highlightedKeys.filter(item => !isPresent$1(item.columnKey));
@@ -39813,13 +40100,19 @@ class HighlightDirective {
                 this.rowHighlightState.add(item.itemKey);
             });
         }
+        this.highlightedKeys = highlightedKeys;
+        this.notifyChange();
+    }
+    notifyChange() {
+        this.lastHighlightState = this.highlightedKeys;
+        this.highlightedKeysChange.emit(this.highlightedKeys);
     }
     reset() {
         this.rowHighlightState.clear();
         this.cellHighlightState.clear();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: HighlightDirective, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: HighlightDirective, isStandalone: true, selector: "[kendoGridHighlight]", inputs: { highlightedKeys: "highlightedKeys", highlightItemKey: ["kendoGridHighlight", "highlightItemKey"], highlightColumnKey: "highlightColumnKey" }, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: HighlightDirective, isStandalone: true, selector: "[kendoGridHighlight]", inputs: { highlightedKeys: "highlightedKeys", highlightItemKey: ["kendoGridHighlight", "highlightItemKey"], highlightColumnKey: "highlightColumnKey" }, outputs: { highlightedKeysChange: "highlightedKeysChange" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: HighlightDirective, decorators: [{
             type: Directive,
@@ -39834,6 +40127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ["kendoGridHighlight"]
             }], highlightColumnKey: [{
                 type: Input
+            }], highlightedKeysChange: [{
+                type: Output
             }] } });
 
 /**
@@ -39881,7 +40176,6 @@ class AiAssistantComponent {
     http;
     ctx;
     columnInfoService;
-    zone;
     aiRequestResponseService;
     aiPrompt;
     activeView = 0;
@@ -39900,11 +40194,10 @@ class AiAssistantComponent {
     columns = [];
     leafColumns = [];
     idCounter = 0;
-    constructor(http, ctx, columnInfoService, zone, aiRequestResponseService) {
+    constructor(http, ctx, columnInfoService, aiRequestResponseService) {
         this.http = http;
         this.ctx = ctx;
         this.columnInfoService = columnInfoService;
-        this.zone = zone;
         this.aiRequestResponseService = aiRequestResponseService;
     }
     ngAfterViewInit() {
@@ -40022,7 +40315,7 @@ class AiAssistantComponent {
             this.currentRequestSubscription = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1$8.HttpClient }, { token: ContextService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: GridAIRequestResponseService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AiAssistantComponent, deps: [{ token: i1$8.HttpClient }, { token: ContextService }, { token: ColumnInfoService }, { token: GridAIRequestResponseService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: AiAssistantComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aiPrompt", first: true, predicate: AIPromptComponent, descendants: true }], ngImport: i0, template: `
         <kendo-aiprompt
           #aiPrompt
@@ -40126,7 +40419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         </kendo-aiprompt>
         `
                 }]
-        }], ctorParameters: () => [{ type: i1$8.HttpClient }, { type: ContextService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: GridAIRequestResponseService }], propDecorators: { aiPrompt: [{
+        }], ctorParameters: () => [{ type: i1$8.HttpClient }, { type: ContextService }, { type: ColumnInfoService }, { type: GridAIRequestResponseService }], propDecorators: { aiPrompt: [{
                 type: ViewChild,
                 args: [AIPromptComponent]
             }] } });
@@ -40350,7 +40643,7 @@ class AIAssistantToolbarDirective extends ToolbarToolBase {
         this.host.selected = false;
         focusAnchor && this.buttonElement?.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i54.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i57.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: AIAssistantToolbarDirective, isStandalone: true, selector: "[kendoGridAIAssistantTool]", inputs: { requestUrl: "requestUrl", requestOptions: "requestOptions", aiWindowSettings: "aiWindowSettings", aiPromptSettings: "aiPromptSettings", autoClose: "autoClose", keepOutputHistory: "keepOutputHistory" }, outputs: { promptRequest: "promptRequest", cancelRequest: "cancelRequest", responseSuccess: "responseSuccess", responseError: "responseError", close: "close", open: "open" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AIAssistantToolbarDirective, decorators: [{
@@ -40359,7 +40652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     selector: '[kendoGridAIAssistantTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$7.WindowService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i54.RefreshService }, { type: i0.ChangeDetectorRef }], propDecorators: { requestUrl: [{
+        }], ctorParameters: () => [{ type: i1$7.WindowService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i57.RefreshService }, { type: i0.ChangeDetectorRef }], propDecorators: { requestUrl: [{
                 type: Input
             }], requestOptions: [{
                 type: Input
@@ -40464,6 +40757,2001 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [{ type: IdService }, { type: ContextService }] });
 
+/**
+ * @hidden
+ */
+class SmartBoxResponseErrorEvent extends PreventableEvent$1 {
+    /**
+     * The HTTP error response from the AI service.
+     */
+    error;
+    constructor(error) {
+        super();
+        this.error = error;
+    }
+}
+/**
+ * @hidden
+ */
+class SmartBoxResponseSuccessEvent extends PreventableEvent$1 {
+    /**
+     * The HTTP response from the AI service.
+     */
+    response;
+    constructor(response) {
+        super();
+        this.response = response;
+    }
+}
+/**
+ * @hidden
+ */
+class SmartBoxSearchEvent extends PreventableEvent$1 {
+    /**
+     * The user's input value.
+     */
+    searchValue;
+    /**
+     * The input-based filters that will be applied to the Grid.
+     */
+    filters;
+    /**
+     * The logic applied to the filters.
+     */
+    logic;
+    /**
+     * @hidden
+     */
+    constructor() {
+        super();
+    }
+}
+
+/**
+ * Represents the event data when the AI Assistant request completes with an error.
+ */
+class GridSmartBoxResponseErrorEvent extends SmartBoxResponseErrorEvent {
+    /**
+     * @hidden
+     */
+    constructor(error) {
+        super(error);
+    }
+}
+/**
+ * Represents the event data when the AI Assistant request completes successfully.
+ */
+class GridSmartBoxResponseSuccessEvent extends SmartBoxResponseSuccessEvent {
+    /**
+     * @hidden
+     */
+    constructor(response) {
+        super(response);
+    }
+}
+/**
+ * Represents the event data when the user types in Search mode.
+ */
+class GridSmartBoxSearchEvent extends SmartBoxSearchEvent {
+    /**
+     * @hidden
+     */
+    constructor() {
+        super();
+    }
+}
+
+const DEFAULT_SIZE$1 = 'medium';
+const SIZES_MAP = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg'
+};
+/**
+ * @hidden
+ */
+class SegmentedControlComponent {
+    renderer;
+    wrapper;
+    cdr;
+    zone;
+    hostClasses = true;
+    hostRole = 'group';
+    thumb;
+    /**
+     * Specifies the collection of buttons that will be rendered inside the SegmentedControlComponent.
+     */
+    buttons = [];
+    /**
+     * Sets the padding of the control.
+     *
+     * @default 'medium'
+     */
+    set size(size) {
+        const newSize = size || DEFAULT_SIZE$1;
+        this.handleSizeClass(newSize, this._size);
+        this._size = newSize;
+    }
+    get size() {
+        return this._size;
+    }
+    /**
+     * Fires when a button is clicked.
+     */
+    buttonClick = new EventEmitter();
+    ngAfterViewInit() {
+        this.handleSizeClass(this._size, null);
+        this.selectedButtonIndex = this.buttons.indexOf(this.buttons.find(b => b.selected)) || 0;
+        this.cdr.detectChanges();
+        this.zone.onStable.pipe(take(1)).subscribe(() => this.showSelectionIndicator());
+    }
+    handleClick(button, index) {
+        this.selectedButtonIndex = index;
+        this.cdr.detectChanges();
+        this.buttonClick.emit(button);
+        this.showSelectionIndicator();
+    }
+    getInnerIconClass(button) {
+        const baseClass = 'k-segmented-control-button-icon';
+        return button.iconInnerCssClass ? `${baseClass} ${button.iconInnerCssClass}` : baseClass;
+    }
+    constructor(renderer, wrapper, cdr, zone) {
+        this.renderer = renderer;
+        this.wrapper = wrapper;
+        this.cdr = cdr;
+        this.zone = zone;
+    }
+    showSelectionIndicator() {
+        const element = this.wrapper.nativeElement;
+        const controlRect = element.getBoundingClientRect();
+        const selectedItem = element.querySelector('.k-segmented-control-button.k-selected');
+        const selectionIndicator = this.thumb ? this.thumb.nativeElement : null;
+        if (!selectedItem || !selectionIndicator) {
+            return;
+        }
+        const itemRect = selectedItem.getBoundingClientRect();
+        const left = itemRect.left - controlRect.left;
+        const right = controlRect.right - itemRect.right;
+        this.renderer.setStyle(selectionIndicator, 'left', `${left}px`);
+        this.renderer.setStyle(selectionIndicator, 'right', `${right}px`);
+    }
+    selectedButtonIndex = 0;
+    _size = DEFAULT_SIZE$1;
+    handleSizeClass(newValue, prevValue) {
+        if (!this.wrapper) {
+            return;
+        }
+        const elem = this.wrapper.nativeElement;
+        const classToRemove = prevValue ? `k-segmented-control-${SIZES_MAP[prevValue]}` : null;
+        const classToAdd = newValue ? `k-segmented-control-${SIZES_MAP[newValue]}` : `k-segmented-control-${SIZES_MAP[DEFAULT_SIZE$1]}`;
+        classToRemove && this.renderer.removeClass(elem, classToRemove);
+        classToAdd && this.renderer.addClass(elem, classToAdd);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: SegmentedControlComponent, isStandalone: true, selector: "kendo-segmented-control", inputs: { buttons: "buttons", size: "size" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class.k-segmented-control": "this.hostClasses", "class.k-segmented-control-stretched": "this.hostClasses", "attr.role": "this.hostRole" } }, viewQueries: [{ propertyName: "thumb", first: true, predicate: ["thumb"], descendants: true }], ngImport: i0, template: `
+        <div class="k-segmented-control-thumb" #thumb [attr.aria-hidden]="true"></div>
+        @for (button of buttons; track $index; let idx = $index) {
+            <button type="button"
+                class="k-segmented-control-button"
+                [class.k-disabled]="button.disabled"
+                [attr.disabled]="button.disabled ? true : null"
+                (click)="handleClick(button, idx)"
+                [class.k-selected]="selectedButtonIndex === idx"
+                [attr.aria-pressed]="selectedButtonIndex === idx ? 'true' : 'false'">
+                <kendo-icon-wrapper
+                    [innerCssClass]="getInnerIconClass(button)"
+                    [name]="button.icon"
+                    [svgIcon]="button.svgIcon">
+                </kendo-icon-wrapper>
+                <span class="k-segmented-control-button-text">{{button.text}}</span>
+            </button>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-segmented-control',
+                    standalone: true,
+                    imports: [IconWrapperComponent],
+                    template: `
+        <div class="k-segmented-control-thumb" #thumb [attr.aria-hidden]="true"></div>
+        @for (button of buttons; track $index; let idx = $index) {
+            <button type="button"
+                class="k-segmented-control-button"
+                [class.k-disabled]="button.disabled"
+                [attr.disabled]="button.disabled ? true : null"
+                (click)="handleClick(button, idx)"
+                [class.k-selected]="selectedButtonIndex === idx"
+                [attr.aria-pressed]="selectedButtonIndex === idx ? 'true' : 'false'">
+                <kendo-icon-wrapper
+                    [innerCssClass]="getInnerIconClass(button)"
+                    [name]="button.icon"
+                    [svgIcon]="button.svgIcon">
+                </kendo-icon-wrapper>
+                <span class="k-segmented-control-button-text">{{button.text}}</span>
+            </button>
+        }
+    `
+                }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-segmented-control']
+            }, {
+                type: HostBinding,
+                args: ['class.k-segmented-control-stretched']
+            }], hostRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], thumb: [{
+                type: ViewChild,
+                args: ['thumb']
+            }], buttons: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Renders the prompt suggestion content.
+ *
+ * To define the suggestion template, nest a `<ng-template>` tag with the `kendoGridSmartBoxPromptSuggestionTemplate` directive inside the component tag.
+ *
+ * The template context is set to the current suggestion. Use the `let-suggestion` directive to reference the current suggestion.
+ *
+ * @example
+ * ```html
+ * <kendo-smartbox>
+ *   <ng-template kendoGridSmartBoxPromptSuggestionTemplate let-suggestion>
+ *     <kendo-icon-wrapper name="sort-asc" [svgIcon]="sortAscIcon"></kendo-icon-wrapper>
+ *     <span>{{suggestion}}</span>
+ *   </ng-template>
+ * </kendo-smartbox>
+ * ```
+ */
+class GridSmartBoxPromptSuggestionTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridSmartBoxPromptSuggestionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GridSmartBoxPromptSuggestionTemplateDirective, isStandalone: true, selector: "[kendoGridSmartBoxPromptSuggestionTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridSmartBoxPromptSuggestionTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridSmartBoxPromptSuggestionTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * Renders the history item content.
+ *
+ * To define the history item template, nest a `<ng-template>` tag with the `kendoGridSmartBoxHistoryItemTemplate` directive inside the component tag.
+ *
+ * The template context is set to the current history item. Use the `let-item` directive to reference the current history item.
+ *
+ * @example
+ * ```html
+ * <kendo-smartbox>
+ *   <ng-template kendoGridSmartBoxHistoryItemTemplate let-item>
+ *     <kendo-icon-wrapper name="clock" [svgIcon]="clockIcon"></kendo-icon-wrapper>
+ *     <span>{{item.text}} ({{ item.timestamp | date: 'shortTime' }})</span>
+ *   </ng-template>
+ * </kendo-smartbox>
+ * ```
+ */
+class GridSmartBoxHistoryItemTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridSmartBoxHistoryItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GridSmartBoxHistoryItemTemplateDirective, isStandalone: true, selector: "[kendoGridSmartBoxHistoryItemTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridSmartBoxHistoryItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridSmartBoxHistoryItemTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+/**
+ * @hidden
+ */
+const DEFAULT_HISTORY_SETTINGS = {
+    size: 5,
+    timestampFormat: 'HH:mm:ss'
+};
+/**
+ * @hidden
+ */
+const STB_DEFAULT_SETTINGS = {
+    continuous: false,
+    disabled: false,
+    fillMode: 'clear',
+    integrationMode: 'webSpeech',
+    interimResults: false,
+    lang: 'en-US',
+    maxAlternatives: 1,
+    rounded: 'full',
+    size: 'small',
+    themeColor: 'base'
+};
+/**
+ * @hidden
+ */
+const DEFAULT_SEARCH_SETTINGS = {
+    history: DEFAULT_HISTORY_SETTINGS,
+    placeholder: null,
+    delay: 300,
+    enabled: true,
+    fields: []
+};
+/**
+ * @hidden
+ */
+const DEFAULT_SEMANTIC_SEARCH_SETTINGS = {
+    history: DEFAULT_HISTORY_SETTINGS,
+    placeholder: null,
+    delay: 700,
+    enabled: true
+};
+/**
+ * @hidden
+ */
+const DEFAULT_AI_ASSISTANT_SETTINGS = {
+    history: DEFAULT_HISTORY_SETTINGS,
+    placeholder: null,
+    enabled: true,
+    promptSuggestions: [],
+    requestUrl: '',
+    requestOptions: DEFAULT_AI_REQUEST_OPTIONS,
+    speechToTextButton: true
+};
+/**
+ * @hidden
+ */
+const DEFAULT_SIZE = 'medium';
+/**
+ * @hidden
+ */
+const SIZES = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg'
+};
+
+/**
+ * @hidden
+ */
+class SmartBoxComponent {
+    popupService;
+    wrapper;
+    cdr;
+    zone;
+    intl;
+    ctx;
+    aiRequestResponseService;
+    http;
+    renderer;
+    columnInfoService;
+    searchService;
+    popupTemplate;
+    input;
+    innerWrapper;
+    set searchMode(mode) {
+        const settingsFromComponent = { placeholder: this.placeholder, history: this.history };
+        if (mode === true) {
+            this._searchMode = { ...DEFAULT_SEARCH_SETTINGS, ...settingsFromComponent, enabled: true };
+        }
+        else if (mode === false) {
+            this._searchMode = null;
+        }
+        else {
+            this._searchMode = { ...DEFAULT_SEARCH_SETTINGS, ...settingsFromComponent, ...mode };
+        }
+        this.updateSearchListData();
+        this.updateSelectedView();
+    }
+    get searchMode() {
+        return this._searchMode;
+    }
+    set semanticSearchMode(mode) {
+        const settingsFromComponent = { placeholder: this.placeholder, history: this.history };
+        if (mode === true) {
+            this._semanticSearchMode = { ...DEFAULT_SEMANTIC_SEARCH_SETTINGS, ...settingsFromComponent, enabled: true };
+        }
+        else if (mode === false) {
+            this._semanticSearchMode = null;
+        }
+        else {
+            this._semanticSearchMode = { ...DEFAULT_SEMANTIC_SEARCH_SETTINGS, ...settingsFromComponent, ...mode };
+        }
+        this.updateSearchListData();
+        this.updateSelectedView();
+    }
+    get semanticSearchMode() {
+        return this._semanticSearchMode;
+    }
+    set aiAssistantMode(mode) {
+        const settingsFromComponent = { placeholder: this.placeholder, history: this.history };
+        if (mode === true) {
+            this._aiAssistantMode = { ...DEFAULT_AI_ASSISTANT_SETTINGS, ...settingsFromComponent, enabled: true };
+        }
+        else if (mode === false) {
+            this._aiAssistantMode = null;
+        }
+        else {
+            const mergedRequestOptions = mode?.requestOptions ?
+                { ...DEFAULT_AI_ASSISTANT_SETTINGS.requestOptions, ...mode.requestOptions } :
+                DEFAULT_AI_ASSISTANT_SETTINGS.requestOptions;
+            this._aiAssistantMode = {
+                ...DEFAULT_AI_ASSISTANT_SETTINGS,
+                ...settingsFromComponent,
+                ...mode,
+                requestOptions: mergedRequestOptions
+            };
+        }
+        this.updateSelectedView();
+        this.speechToTextButton = this._aiAssistantMode?.speechToTextButton;
+    }
+    get aiAssistantMode() {
+        return this._aiAssistantMode;
+    }
+    set speechToTextButton(value) {
+        if (value === true) {
+            this._speechToTextButton = STB_DEFAULT_SETTINGS;
+        }
+        else if (value === false) {
+            this._speechToTextButton = null;
+        }
+        else {
+            this._speechToTextButton = { ...STB_DEFAULT_SETTINGS, ...value };
+        }
+    }
+    get speechToTextButton() {
+        return this._speechToTextButton;
+    }
+    get searchHistorySettings() {
+        if (!isPresent$1(this.searchMode?.history)) {
+            return null;
+        }
+        if (typeof this.searchMode.history === 'boolean') {
+            return this.searchMode.history ? DEFAULT_HISTORY_SETTINGS : null;
+        }
+        else {
+            return { ...DEFAULT_HISTORY_SETTINGS, ...this.searchMode.history };
+        }
+    }
+    get semanticSearchHistorySettings() {
+        if (!isPresent$1(this.semanticSearchMode?.history)) {
+            return null;
+        }
+        if (typeof this.semanticSearchMode.history === 'boolean') {
+            return this.semanticSearchMode.history ? DEFAULT_HISTORY_SETTINGS : null;
+        }
+        else {
+            return { ...DEFAULT_HISTORY_SETTINGS, ...this.semanticSearchMode.history };
+        }
+    }
+    get aiAssistantHistorySettings() {
+        if (!isPresent$1(this.aiAssistantMode?.history)) {
+            return null;
+        }
+        if (typeof this.aiAssistantMode.history === 'boolean') {
+            return this.aiAssistantMode.history ? DEFAULT_HISTORY_SETTINGS : null;
+        }
+        else {
+            return { ...DEFAULT_HISTORY_SETTINGS, ...this.aiAssistantMode.history };
+        }
+    }
+    get inputPlaceholder() {
+        return this[`${this.selectedView}Placeholder`] || '';
+    }
+    set activeMode(value) {
+        this._activeMode = value;
+        this.updateSelectedView();
+    }
+    get activeMode() {
+        return this._activeMode;
+    }
+    set history(value) {
+        if (value === true || !isPresent$1(value)) {
+            this._history = DEFAULT_HISTORY_SETTINGS;
+        }
+        else if (value === false) {
+            this._history = null;
+        }
+        else {
+            this._history = {
+                size: value.size ?? DEFAULT_HISTORY_SETTINGS.size,
+                timestampFormat: value.timestampFormat ?? DEFAULT_HISTORY_SETTINGS.timestampFormat
+            };
+        }
+    }
+    get history() {
+        return this._history;
+    }
+    placeholder;
+    set size(size) {
+        const newSize = size || DEFAULT_SIZE;
+        this.handleSizeClass(newSize);
+        this._size = newSize;
+    }
+    get size() {
+        return this._size;
+    }
+    promptSuggestionTemplate;
+    historyItemTemplate;
+    loading = false;
+    open = new EventEmitter();
+    close = new EventEmitter();
+    focus = new EventEmitter();
+    blur = new EventEmitter();
+    aiAssistantPromptRequest = new EventEmitter();
+    aiAssistantResponseSuccess = new EventEmitter();
+    aiAssistantResponseError = new EventEmitter();
+    aiAssistantCancelRequest = new EventEmitter();
+    search = new EventEmitter();
+    semanticSearch = new EventEmitter();
+    modeChange = new EventEmitter();
+    constructor(popupService, wrapper, cdr, zone, intl, ctx, aiRequestResponseService, http, renderer, columnInfoService, searchService) {
+        this.popupService = popupService;
+        this.wrapper = wrapper;
+        this.cdr = cdr;
+        this.zone = zone;
+        this.intl = intl;
+        this.ctx = ctx;
+        this.aiRequestResponseService = aiRequestResponseService;
+        this.http = http;
+        this.renderer = renderer;
+        this.columnInfoService = columnInfoService;
+        this.searchService = searchService;
+    }
+    ngOnChanges(changes) {
+        if (changes['history'] || changes['placeholder']) {
+            this.updateModeSettingsFromSharedInputs();
+        }
+        if (changes['searchMode']) {
+            this.updateSearchListData();
+            this.updateSelectedView();
+            this.updateHistoryData();
+        }
+        if (changes['semanticSearchMode']) {
+            this.updateSearchListData();
+            this.updateSelectedView();
+            this.updateHistoryData();
+        }
+        if (changes['aiAssistantMode']) {
+            this.updateSelectedView();
+            this.updateHistoryData();
+            this.speechToTextButton = this._aiAssistantMode?.speechToTextButton;
+        }
+        if (changes['activeMode']) {
+            this.updateSelectedView();
+        }
+    }
+    ngAfterViewInit() {
+        // Preserve a flat columns array (fields) for highlight utilities.
+        // Use leafNamedColumns as the canonical list of leaf columns with display titles.
+        this.leafColumns = this.columnInfoService.leafNamedColumns || [];
+        this.columns = this.leafColumns.map((col) => ({ field: col.field }));
+        this.handleSizeClass(this._size);
+        this.updateSearchListData();
+        this.updateSelectedView();
+    }
+    ngOnDestroy() {
+        this.destroyPopup();
+        this.clearTypingTimeout();
+        this.unsubscribeCurrentRequest();
+    }
+    focusableId = `k-${guid()}`;
+    selectedView;
+    isOpen = false;
+    checkIcon = checkIcon;
+    clockArrowRotateIcon = clockArrowRotateIcon;
+    fileClockOutlineIcon = fileClockOutlineIcon;
+    searchIcon = searchIcon;
+    zoomSparkleIcon = zoomSparkleIcon;
+    sparklesIcon = sparklesIcon;
+    arrowUpOutlineIcon = arrowUpOutlineIcon;
+    stopSmIcon = stopSmIcon;
+    xIcon = xIcon;
+    lightbulbOutlineIcon = lightbulbOutlineIcon;
+    searchListData = [];
+    aiAssistantHistory = [];
+    searchHistory = [];
+    semanticSearchHistory = [];
+    get segmentedControlButtons() {
+        const buttons = [];
+        if ((this.searchMode?.enabled || this.semanticSearchMode?.enabled) && this.aiAssistantMode?.enabled) {
+            if (this.searchMode?.enabled && !this.semanticSearchMode?.enabled) {
+                buttons.push({ text: this.messageFor('smartBoxSearchModePopupButton'), svgIcon: searchIcon, icon: 'search', selected: this.selectedView === 'search' });
+            }
+            else if (!this.searchMode?.enabled && this.semanticSearchMode?.enabled) {
+                buttons.push({ text: this.messageFor('smartBoxSearchModePopupButton'), svgIcon: zoomSparkleIcon, icon: 'zoom-sparkle', selected: this.selectedView === 'semanticSearch', iconInnerCssClass: this.selectedView === 'semanticSearch' ? 'k-accent-icon' : '' });
+            }
+            else if (this.searchMode?.enabled && this.semanticSearchMode?.enabled) {
+                buttons.push({ text: this.messageFor('smartBoxSearchModePopupButton'), svgIcon: searchIcon, icon: 'search', selected: this.selectedView === 'search' || this.selectedView === 'semanticSearch', iconInnerCssClass: this.selectedView === 'semanticSearch' ? 'k-accent-icon' : '' });
+            }
+            buttons.push({ text: this.messageFor('smartBoxAIAssistantModePopupButton'), svgIcon: sparklesIcon, icon: 'sparkles', selected: this.selectedView === 'aiAssistant', iconInnerCssClass: this.selectedView === 'aiAssistant' ? 'k-accent-icon' : '' });
+        }
+        return buttons;
+    }
+    get prefixIconName() {
+        switch (this.selectedView) {
+            case 'search':
+                return 'search';
+            case 'semanticSearch':
+                return 'zoom-sparkle';
+            case 'aiAssistant':
+                return 'sparkles';
+            default:
+                return 'search';
+        }
+    }
+    get prefixSVGIcon() {
+        switch (this.selectedView) {
+            case 'search':
+                return this.searchIcon;
+            case 'semanticSearch':
+                return this.zoomSparkleIcon;
+            case 'aiAssistant':
+                return this.sparklesIcon;
+            default:
+                return this.searchIcon;
+        }
+    }
+    messageFor(message) {
+        return this.ctx.localization.get(message);
+    }
+    formatDate(date, format) {
+        return this.intl.formatDate(date, format);
+    }
+    onModeChange(button) {
+        this.clearTypingTimeout();
+        let previousView;
+        if (this.searchListData.length > 0) {
+            previousView = this.searchListData.find(i => i.selected)?.text;
+        }
+        if (button.text === 'Search') {
+            if (previousView === 'Search') {
+                this.selectedView = 'search';
+            }
+            else if (previousView === 'Semantic Search') {
+                this.selectedView = 'semanticSearch';
+            }
+            else if (this.searchMode?.enabled) {
+                this.selectedView = 'search';
+            }
+            else if (this.semanticSearchMode?.enabled) {
+                this.selectedView = 'semanticSearch';
+            }
+        }
+        else if (button.text === 'AI Assistant') {
+            this.selectedView = 'aiAssistant';
+        }
+        this.modeChange.emit(this.selectedView);
+        this.clearValue();
+        this.cdr.detectChanges();
+    }
+    onSearchItemClick(item) {
+        this.clearTypingTimeout();
+        this.searchListData.forEach(i => i.selected = false);
+        this.searchListData.find(i => i.text === item.text).selected = true;
+        this.selectedView = item.text === 'Search' ? 'search' : 'semanticSearch';
+        this.modeChange.emit(this.selectedView);
+        this.clearValue();
+        this.cdr.markForCheck();
+    }
+    onListItemClick(item) {
+        if (!this.selectedView) {
+            return;
+        }
+        this.input.nativeElement.value = item;
+        this.togglePopup(false);
+        this.input.nativeElement.focus();
+        if (this.selectedView === 'aiAssistant') {
+            return;
+        }
+        let ev;
+        const fields = this.searchMode?.fields.length > 0 ? this.searchMode.fields :
+            this.ctx.grid.columnList.toArray().map((item) => item.field);
+        const filters = [];
+        fields.forEach(field => {
+            filters.push({
+                field,
+                operator: 'contains',
+                value: this.input.nativeElement.value
+            });
+        });
+        const eventArgs = {
+            searchValue: this.input.nativeElement.value,
+            filters,
+            logic: 'or'
+        };
+        if (this.selectedView === 'search') {
+            ev = Object.assign(new SmartBoxSearchEvent(), eventArgs);
+        }
+        else if (this.selectedView === 'semanticSearch') {
+            ev = { searchValue: this.input.nativeElement.value };
+        }
+        this[this.selectedView].emit(ev);
+        if (this.selectedView === 'search' && !ev.isDefaultPrevented()) {
+            this.zone.run(() => {
+                if (this.input.nativeElement.value === '' || !this.input.nativeElement.value) {
+                    this.searchService.changes.next(undefined);
+                }
+                else {
+                    this.searchService.changes.next({ filters: ev.filters, logic: ev.logic });
+                }
+            });
+        }
+        if (this.input.nativeElement.value) {
+            const historyItem = {
+                text: this.input.nativeElement.value,
+                timestamp: new Date(),
+                format: this[`${this.selectedView}HistorySettings`].timestampFormat
+            };
+            this[`${this.selectedView}History`].unshift(historyItem);
+            if (this[`${this.selectedView}History`]?.length > this[`${this.selectedView}HistorySettings`].size) {
+                this[`${this.selectedView}History`].splice(this[`${this.selectedView}HistorySettings`].size);
+            }
+        }
+    }
+    handleInput = (_event) => {
+        if (this.input.nativeElement.value) {
+            this.togglePopup(false);
+        }
+        else {
+            this.togglePopup(true);
+        }
+        this.clearTypingTimeout();
+        if (this.selectedView === 'aiAssistant') {
+            return;
+        }
+        this.handleInputValueChange();
+    };
+    handleInputValueChange() {
+        if (!this.selectedView) {
+            return;
+        }
+        const inputValue = this.input.nativeElement.value;
+        let ev;
+        let delay;
+        if (this.selectedView === 'search') {
+            const fields = this.searchMode.fields.length > 0 ? this.searchMode.fields :
+                this.ctx.grid.columnList.toArray().map((item) => item.field);
+            const filters = [];
+            fields.forEach(field => {
+                filters.push({
+                    field,
+                    operator: 'contains',
+                    value: inputValue
+                });
+            });
+            const eventArgs = {
+                searchValue: inputValue,
+                filters,
+                logic: 'or'
+            };
+            ev = Object.assign(new SmartBoxSearchEvent(), eventArgs);
+            delay = this.searchMode.delay;
+        }
+        else if (this.selectedView === 'semanticSearch') {
+            const fields = this.ctx.grid.columnList.toArray().map((item) => item.field);
+            const filters = [];
+            fields.forEach(field => {
+                filters.push({
+                    field,
+                    operator: 'contains',
+                    value: inputValue
+                });
+            });
+            ev = {
+                searchValue: inputValue,
+                filters,
+                logic: 'or'
+            };
+            delay = this.semanticSearchMode.delay;
+        }
+        this.searchTypingTimeout = setTimeout(() => {
+            this.zone.run(() => {
+                this[this.selectedView].emit(ev);
+            });
+            if (this.selectedView === 'search' && !ev.isDefaultPrevented()) {
+                this.zone.run(() => {
+                    if (inputValue === '' || !inputValue) {
+                        this.searchService.changes.next(undefined);
+                    }
+                    else {
+                        this.searchService.changes.next({ filters: ev.filters, logic: ev.logic });
+                    }
+                });
+            }
+            if (inputValue) {
+                const historyItem = {
+                    text: inputValue,
+                    timestamp: new Date(),
+                    format: this[`${this.selectedView}HistorySettings`].timestampFormat
+                };
+                this[`${this.selectedView}History`].unshift(historyItem);
+                if (this[`${this.selectedView}History`]?.length > this[`${this.selectedView}HistorySettings`].size) {
+                    this[`${this.selectedView}History`].splice(this[`${this.selectedView}HistorySettings`].size);
+                }
+            }
+        }, delay);
+    }
+    handleInputFocus = () => {
+        if (hasObservers(this.focus)) {
+            this.zone.run(() => {
+                this.focus.emit();
+            });
+        }
+        this.togglePopup(true);
+    };
+    handleInputBlur = () => {
+        if (hasObservers(this.blur)) {
+            this.zone.run(() => {
+                this.blur.emit();
+            });
+        }
+        this.togglePopup(false);
+    };
+    handleInputClick = () => {
+        if (!this.input.nativeElement.value) {
+            this.togglePopup(true);
+        }
+    };
+    handleInputKeydown = (event) => {
+        const code = normalizeKeys(event);
+        const isEnter = code === Keys.Enter;
+        if (!isEnter) {
+            return;
+        }
+        if (this.selectedView === 'aiAssistant') {
+            this.zone.run(() => {
+                this.onPromptSubmit();
+            });
+        }
+        else if (this.selectedView === 'semanticSearch') {
+            this.zone.run(() => {
+                this.clearTypingTimeout();
+                this.handleInputValueChange();
+            });
+        }
+    };
+    onIconClick = () => {
+        this.togglePopup(!this.isOpen);
+        this.input.nativeElement.focus();
+    };
+    onIconMouseDown = (args) => {
+        args.preventDefault();
+    };
+    clearButtonClick(event) {
+        event.stopImmediatePropagation();
+        this.clearValue();
+        this.togglePopup(true);
+        this.clearTypingTimeout();
+        this.handleInputValueChange();
+    }
+    _searchMode;
+    _semanticSearchMode;
+    _aiAssistantMode;
+    _activeMode = 'search';
+    _history;
+    _size = DEFAULT_SIZE;
+    _speechToTextButton;
+    popupRef;
+    popupMouseDownHandler = (event) => event.preventDefault();
+    requestData;
+    currentRequestSubscription = null;
+    columns = [];
+    leafColumns = [];
+    searchTypingTimeout;
+    togglePopup(open) {
+        const sameState = this.isOpen === open;
+        if (sameState) {
+            return;
+        }
+        this._toggle(open);
+    }
+    onPromptSubmit() {
+        if (this.loading) {
+            this.handleResponseCancel();
+            return;
+        }
+        if (this.input.nativeElement.value.length === 0) {
+            return;
+        }
+        this.loading = true;
+        const historyItem = {
+            text: this.input.nativeElement.value,
+            timestamp: new Date(),
+            format: this.aiAssistantHistorySettings?.timestampFormat
+        };
+        this.aiAssistantHistory.unshift(historyItem);
+        if (this.aiAssistantHistory.length > this.aiAssistantHistorySettings?.size) {
+            this.aiAssistantHistory.splice(this.aiAssistantHistorySettings.size);
+        }
+        this.unsubscribeCurrentRequest();
+        this.requestData = {
+            columns: [],
+            promptMessage: this.input.nativeElement.value,
+            url: this.aiAssistantMode.requestUrl,
+            requestOptions: {
+                ...this.aiAssistantMode.requestOptions
+            }
+        };
+        if (!this.aiAssistantMode.requestOptions.body) {
+            this.requestData.requestOptions.body = this.aiRequestResponseService.buildRequestBody(this.requestData.promptMessage, this.requestData.requestOptions.role);
+        }
+        this.zone.run(() => {
+            this.aiAssistantPromptRequest.emit({ requestData: this.requestData });
+        });
+        this.togglePopup(false);
+        this.input.nativeElement.value = '';
+        if (!this.aiAssistantMode.requestUrl) {
+            return;
+        }
+        this.currentRequestSubscription = this.sendPromptRequest().subscribe((res) => {
+            if (res.body) {
+                this.zone.run(() => {
+                    this.processResponse(res);
+                    this.loading = false;
+                });
+            }
+            this.currentRequestSubscription = null;
+        }, (error) => {
+            this.zone.run(() => {
+                this.handleError(error);
+                this.loading = false;
+                this.currentRequestSubscription = null;
+            });
+        });
+    }
+    onSpeechToTextResult(event) {
+        if (event.alternatives && event.alternatives.length > 0) {
+            if (!isPresent$1(this.input.nativeElement.value)) {
+                this.clearValue();
+            }
+            const newValue = event.alternatives[0].transcript + ' ';
+            this.input.nativeElement.value = newValue;
+        }
+    }
+    onSpeechToTextError(event) {
+        if (isDevMode()) {
+            console.error('Speech to Text error:', event.errorMessage);
+        }
+    }
+    get searchPlaceholder() {
+        return this.searchMode?.placeholder || this.placeholder || this.messageFor('smartBoxSearchPlaceholder');
+    }
+    get semanticSearchPlaceholder() {
+        return this.semanticSearchMode?.placeholder || this.placeholder || this.messageFor('smartBoxSemanticSearchPlaceholder');
+    }
+    get aiAssistantPlaceholder() {
+        return this.aiAssistantMode?.placeholder || this.placeholder || this.messageFor('smartBoxAIAssistantPlaceholder');
+    }
+    get inputDisabled() {
+        return !(this.searchMode?.enabled || this.semanticSearchMode?.enabled || this.aiAssistantMode?.enabled);
+    }
+    createPopup() {
+        this.popupRef = this.popupService.open({
+            anchor: this.wrapper.nativeElement,
+            content: this.popupTemplate,
+            popupClass: 'k-smart-box-popup',
+            positionMode: 'absolute',
+            margin: { horizontal: 0, vertical: 2 }
+        });
+        const popupWrapper = this.popupRef.popupElement;
+        const { min, max } = this.popupWidth;
+        popupWrapper.style.minWidth = min;
+        popupWrapper.style.width = max;
+        popupWrapper.addEventListener('mousedown', this.popupMouseDownHandler);
+        this.popupRef.popupOpen.subscribe(() => {
+            this.open.emit();
+        });
+        this.popupRef.popupClose.subscribe(() => {
+            this.close.emit();
+        });
+        this.popupRef.popupAnchorViewportLeave.subscribe(() => this.togglePopup(false));
+    }
+    destroyPopup() {
+        if (this.popupRef) {
+            this.popupRef.popupElement
+                .removeEventListener('mousedown', this.popupMouseDownHandler);
+            this.popupRef.close();
+            this.popupRef = null;
+        }
+    }
+    _toggle(open) {
+        this.isOpen = open;
+        this.destroyPopup();
+        if (this.isOpen) {
+            this.createPopup();
+        }
+    }
+    clearTypingTimeout() {
+        if (this.searchTypingTimeout) {
+            clearTimeout(this.searchTypingTimeout);
+            this.searchTypingTimeout = null;
+        }
+    }
+    sendPromptRequest() {
+        const request = new HttpRequest(this.requestData.requestOptions.method, this.requestData.url, this.requestData.requestOptions.body, this.requestData.requestOptions);
+        return this.http.request(request);
+    }
+    handleResponseCancel() {
+        this.aiAssistantCancelRequest.emit();
+        this.unsubscribeCurrentRequest();
+        this.loading = false;
+    }
+    unsubscribeCurrentRequest() {
+        if (this.currentRequestSubscription) {
+            this.currentRequestSubscription.unsubscribe();
+            this.currentRequestSubscription = null;
+        }
+    }
+    get popupWidth() {
+        let wrapperOffsetWidth = 0;
+        if (isDocumentAvailable()) {
+            wrapperOffsetWidth = this.wrapper.nativeElement.offsetWidth;
+        }
+        const width = wrapperOffsetWidth;
+        const minWidth = isNaN(wrapperOffsetWidth) ? wrapperOffsetWidth : `${wrapperOffsetWidth}px`;
+        const maxWidth = isNaN(width) ? width : `${width}px`;
+        return { min: minWidth, max: maxWidth };
+    }
+    handleSizeClass(currentValue) {
+        const elem = this.innerWrapper?.nativeElement;
+        if (!isPresent$1(elem)) {
+            return;
+        }
+        const prevSizeClass = `k-input-${SIZES[this._size]}`;
+        const newSizeClass = `k-input-${SIZES[currentValue]}`;
+        if (prevSizeClass) {
+            this.renderer.removeClass(elem, prevSizeClass);
+        }
+        if (newSizeClass) {
+            this.renderer.addClass(elem, newSizeClass);
+        }
+    }
+    updateModeSettingsFromSharedInputs() {
+        if (this._searchMode && typeof this._searchMode === 'object') {
+            const currentSettings = { ...this._searchMode };
+            const modeSpecificHistory = currentSettings.history;
+            const modeSpecificPlaceholder = currentSettings.placeholder;
+            delete currentSettings.history;
+            delete currentSettings.placeholder;
+            const settingsFromComponent = {
+                placeholder: modeSpecificPlaceholder ?? this.placeholder,
+                history: modeSpecificHistory ?? this.history
+            };
+            this._searchMode = { ...DEFAULT_SEARCH_SETTINGS, ...currentSettings, ...settingsFromComponent };
+        }
+        if (this._semanticSearchMode && typeof this._semanticSearchMode === 'object') {
+            const currentSettings = { ...this._semanticSearchMode };
+            const modeSpecificHistory = currentSettings.history;
+            const modeSpecificPlaceholder = currentSettings.placeholder;
+            delete currentSettings.history;
+            delete currentSettings.placeholder;
+            const settingsFromComponent = {
+                placeholder: modeSpecificPlaceholder ?? this.placeholder,
+                history: modeSpecificHistory ?? this.history
+            };
+            this._semanticSearchMode = { ...DEFAULT_SEMANTIC_SEARCH_SETTINGS, ...currentSettings, ...settingsFromComponent };
+        }
+        if (this._aiAssistantMode && typeof this._aiAssistantMode === 'object') {
+            const currentSettings = { ...this._aiAssistantMode };
+            const modeSpecificHistory = currentSettings.history;
+            const modeSpecificPlaceholder = currentSettings.placeholder;
+            delete currentSettings.history;
+            delete currentSettings.placeholder;
+            const settingsFromComponent = {
+                placeholder: modeSpecificPlaceholder ?? this.placeholder,
+                history: modeSpecificHistory ?? this.history
+            };
+            this._aiAssistantMode = { ...DEFAULT_AI_ASSISTANT_SETTINGS, ...currentSettings, ...settingsFromComponent };
+        }
+    }
+    updateSearchListData() {
+        if (!this.ctx?.localization) {
+            return;
+        }
+        if (this.searchMode?.enabled && this.semanticSearchMode?.enabled) {
+            this.searchListData = [
+                { text: this.messageFor('searchModeListItemText'), description: this.messageFor('searchModeListItemDescription'), selected: this.selectedView === 'search' },
+                { text: this.messageFor('semanticSearchModeListItemText'), description: this.messageFor('semanticSearchModeListItemDescription'), selected: this.selectedView === 'semanticSearch' }
+            ];
+        }
+        else {
+            this.searchListData = [];
+        }
+    }
+    updateSelectedView() {
+        if (this._activeMode) {
+            const modeSettings = this[`${this._activeMode}Mode`];
+            if (modeSettings?.enabled) {
+                this.selectedView = this._activeMode;
+                return;
+            }
+        }
+        if (this.selectedView && this[`${this.selectedView}Mode`]?.enabled) {
+            return;
+        }
+        if (this.searchMode?.enabled) {
+            this.selectedView = 'search';
+        }
+        else if (this.semanticSearchMode?.enabled) {
+            this.selectedView = 'semanticSearch';
+        }
+        else if (this.aiAssistantMode?.enabled) {
+            this.selectedView = 'aiAssistant';
+        }
+        else {
+            this.selectedView = null;
+        }
+    }
+    updateHistoryData() {
+        if (this.searchHistorySettings && this.searchHistory.length > this.searchHistorySettings.size) {
+            this.searchHistory.splice(this.searchHistorySettings.size);
+        }
+        if (this.semanticSearchHistorySettings && this.semanticSearchHistory.length > this.semanticSearchHistorySettings.size) {
+            this.semanticSearchHistory.splice(this.semanticSearchHistorySettings.size);
+        }
+        if (this.aiAssistantHistorySettings && this.aiAssistantHistory.length > this.aiAssistantHistorySettings.size) {
+            this.aiAssistantHistory.splice(this.aiAssistantHistorySettings.size);
+        }
+        if (this.searchHistorySettings && this.searchHistorySettings.timestampFormat !== this.searchHistory[0]?.format) {
+            this.searchHistory = this.searchHistory.map(item => ({ ...item, format: this.searchHistorySettings.timestampFormat }));
+        }
+        if (this.semanticSearchHistorySettings && this.semanticSearchHistorySettings.timestampFormat !== this.semanticSearchHistory[0]?.format) {
+            this.semanticSearchHistory = this.semanticSearchHistory.map(item => ({ ...item, format: this.semanticSearchHistorySettings.timestampFormat }));
+        }
+        if (this.aiAssistantHistorySettings && this.aiAssistantHistorySettings.timestampFormat !== this.aiAssistantHistory[0]?.format) {
+            this.aiAssistantHistory = this.aiAssistantHistory.map(item => ({ ...item, format: this.aiAssistantHistorySettings.timestampFormat }));
+        }
+    }
+    processResponse(response) {
+        const responseBody = response.body || { commands: [] };
+        const responseSuccessEvent = new GridSmartBoxResponseSuccessEvent(response);
+        this.aiAssistantResponseSuccess.emit(responseSuccessEvent);
+        this.aiRequestResponseService.processCommands(responseBody.commands || [], this.columns, this.leafColumns);
+    }
+    handleError(error) {
+        const responseErrorEvent = new GridSmartBoxResponseErrorEvent(error);
+        this.aiAssistantResponseError.emit(responseErrorEvent);
+    }
+    clearValue() {
+        this.input.nativeElement.value = '';
+        this.input.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartBoxComponent, deps: [{ token: i2.PopupService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$4.IntlService }, { token: ContextService }, { token: GridAIRequestResponseService }, { token: i1$8.HttpClient }, { token: i0.Renderer2 }, { token: ColumnInfoService }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: SmartBoxComponent, isStandalone: true, selector: "kendo-smartbox", inputs: { searchMode: "searchMode", semanticSearchMode: "semanticSearchMode", aiAssistantMode: "aiAssistantMode", activeMode: "activeMode", history: "history", placeholder: "placeholder", size: "size", promptSuggestionTemplate: "promptSuggestionTemplate", historyItemTemplate: "historyItemTemplate", loading: "loading" }, outputs: { open: "open", close: "close", focus: "focus", blur: "blur", aiAssistantPromptRequest: "aiAssistantPromptRequest", aiAssistantResponseSuccess: "aiAssistantResponseSuccess", aiAssistantResponseError: "aiAssistantResponseError", aiAssistantCancelRequest: "aiAssistantCancelRequest", search: "search", semanticSearch: "semanticSearch", modeChange: "modeChange" }, providers: [DataService, SelectionService$1, NavigationService$1, DisabledItemsService], viewQueries: [{ propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "innerWrapper", first: true, predicate: ["innerWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+        <span #innerWrapper
+            class="k-smart-box k-input"
+            [class.k-loading]="loading">
+            @if (!inputDisabled) {
+                <span class="k-input-prefix k-input-prefix-horizontal">
+                    <kendo-icon-wrapper
+                        class="k-icon"
+                        [name]="prefixIconName"
+                        [svgIcon]="prefixSVGIcon"
+                        [innerCssClass]="(selectedView === 'aiAssistant' || selectedView === 'semanticSearch') ? 'k-accent-icon' : ''"
+                        [kendoEventsOutsideAngular]="{
+                            click: onIconClick,
+                            mousedown: onIconMouseDown
+                        }">
+                    </kendo-icon-wrapper>
+                </span>
+            }
+            <input #input
+                type="text"
+                class="k-input-inner"
+                [class.k-disabled]="inputDisabled"
+                [disabled]="inputDisabled"
+                [id]="focusableId"
+                [placeholder]="inputPlaceholder"
+                [kendoEventsOutsideAngular]="{
+                    input: handleInput,
+                    focus: handleInputFocus,
+                    blur: handleInputBlur,
+                    click: handleInputClick,
+                    keydown: handleInputKeydown
+                }"
+            />
+            @if (input.value.length > 0 && (selectedView === 'search' || selectedView === 'semanticSearch')) {
+                <span
+                    class="k-clear-value"
+                    [attr.title]="messageFor('smartBoxToolClearTitle')"
+                    role="button"
+                    tabindex="-1"
+                    (click)="clearButtonClick($event)"
+                    (mousedown)="$event.preventDefault()">
+                    <kendo-icon-wrapper
+                        class="k-icon"
+                        name="x"
+                        [svgIcon]="xIcon">
+                    </kendo-icon-wrapper>
+                </span>
+            }
+            @if (selectedView === 'aiAssistant') {
+                <span class="k-input-suffix k-input-suffix-horizontal">
+                    @if (speechToTextButton) {
+                        <button kendoSpeechToTextButton
+                            role="button"
+                            [continuous]="speechToTextButton?.continuous"
+                            [disabled]="speechToTextButton?.disabled"
+                            [fillMode]="speechToTextButton?.fillMode"
+                            [integrationMode]="speechToTextButton?.integrationMode"
+                            [interimResults]="speechToTextButton?.interimResults"
+                            [lang]="speechToTextButton?.lang"
+                            [maxAlternatives]="speechToTextButton?.maxAlternatives"
+                            [rounded]="speechToTextButton?.rounded"
+                            [size]="speechToTextButton?.size"
+                            [themeColor]="speechToTextButton?.themeColor"
+                            [attr.aria-label]="messageFor('smartBoxSpeechToTextButton')"
+                            [attr.title]="messageFor('smartBoxSpeechToTextButton')"
+                            [attr.aria-disabled]="speechToTextButton?.disabled"
+                            (error)="onSpeechToTextError($event)"
+                            (result)="onSpeechToTextResult($event)"
+                        ></button>
+                    }
+                    <button kendoButton
+                        class="k-smart-box-send"
+                        [class.k-processing]="loading"
+                        [class.k-active]="loading"
+                        type="button"
+                        rounded="full"
+                        size="small"
+                        [attr.title]="messageFor('smartBoxSubmitPromptButton')"
+                        [attr.aria-label]="messageFor('smartBoxSubmitPromptButton')"
+                        [attr.aria-disabled]="input.value.length === 0"
+                        [svgIcon]="loading ? stopSmIcon : arrowUpOutlineIcon"
+                        [icon]="loading ? 'stop-sm' : 'arrow-up-outline'"
+                        [disabled]="input.value.length === 0"
+                        (click)="onPromptSubmit()">
+                    </button>
+                </span>
+            }
+        </span>
+
+        <ng-template #popupTemplate>
+            @if (segmentedControlButtons.length > 0) {
+                <kendo-segmented-control
+                    [buttons]="segmentedControlButtons"
+                    (buttonClick)="onModeChange($event)">
+                </kendo-segmented-control>
+            }
+            <div class="k-list k-list-md">
+                <div class="k-list-content">
+                    <ul class="k-list-ul">
+                        @if ((selectedView === 'search' || selectedView === 'semanticSearch') && searchListData.length > 0) {
+                            @for (item of searchListData; track item) {
+                                <li class="k-list-item"
+                                    (click)="onSearchItemClick(item)">
+                                    @if (item.selected) {
+                                        <kendo-icon-wrapper
+                                            innerCssClass="k-list-item-icon"
+                                            name="check"
+                                            [svgIcon]="checkIcon"
+                                            class="k-list-item-icon-wrapper">
+                                        </kendo-icon-wrapper>
+                                    }
+                                    @if (item.text) {
+                                        <span class="k-list-item-text">{{item.text}}</span>
+                                    }
+                                    @if (item.description) {
+                                        <span class="k-list-item-description">{{item.description}}</span>
+                                    }
+                                </li>
+                            }
+                        } @else if (selectedView === 'aiAssistant' && aiAssistantMode.promptSuggestions.length > 0) {
+                            <li class="k-list-group-item">
+                                <kendo-icon-wrapper
+                                    innerCssClass="k-list-item-icon"
+                                    name="lightbulb-outline"
+                                    [svgIcon]="lightbulbOutlineIcon"
+                                    class="k-list-item-icon-wrapper">
+                                </kendo-icon-wrapper>
+                                <span class="k-list-item-text">{{messageFor('smartBoxSuggestedPrompts')}}</span>
+                            </li>
+
+                            @for (suggestion of aiAssistantMode.promptSuggestions; track $index) {
+                                @if (promptSuggestionTemplate?.templateRef) {
+                                    <ng-template
+                                        [templateContext]="{ templateRef: promptSuggestionTemplate?.templateRef, $implicit: suggestion }"
+                                    ></ng-template>
+                                } @else {
+                                    <li class="k-list-item"
+                                        (click)="onListItemClick(suggestion)"
+                                        [attr.title]="suggestion">
+                                        <span class="k-list-item-text">{{suggestion}}</span>
+                                    </li>
+                                }
+                            }
+                        }
+                    </ul>
+
+                    @if (selectedView === 'search') {
+                        @if (searchHistory.length === 0 && !semanticSearchMode?.enabled) {
+                            <span class="k-no-data k-smart-box-no-data">
+                                <kendo-icon-wrapper
+                                    icon="file-report"
+                                    [svgIcon]="fileClockOutlineIcon"
+                                    size="xxxlarge">
+                                </kendo-icon-wrapper>
+                                <span>{{messageFor('smartBoxNoPreviousSearches')}}</span>
+                            </span>
+                        } @else if (searchHistory.length > 0) {
+                            <ul class="k-list-ul">
+                                <li class="k-list-group-item">
+                                    <kendo-icon-wrapper
+                                        innerCssClass="k-list-item-icon"
+                                        name="clock-arrow-rotate"
+                                        [svgIcon]="clockArrowRotateIcon"
+                                        class="k-list-item-icon-wrapper">
+                                    </kendo-icon-wrapper>
+                                    <span class="k-list-item-text">{{messageFor('smartBoxPreviouslySearched')}}</span>
+                                </li>
+    
+                                @for (item of searchHistory; track $index) {
+                                    @if (historyItemTemplate?.templateRef) {
+                                        <ng-template
+                                            [templateContext]="{ templateRef: historyItemTemplate?.templateRef, $implicit: item }"
+                                        ></ng-template>
+                                    } @else {
+                                        <li class="k-list-item"
+                                            (click)="onListItemClick(item.text)"
+                                            [attr.title]="item.text">
+                                            <span class="k-list-item-text">{{item.text}}</span>
+                                            <span class="k-list-item-description">{{formatDate(item.timestamp, searchHistorySettings?.timestampFormat)}}</span>
+                                        </li>
+                                    }
+                                }
+                            </ul>
+                        }
+                    } @else if (selectedView === 'semanticSearch') {
+                        @if (semanticSearchHistory.length === 0 && !searchMode?.enabled) {
+                            <span class="k-no-data k-smart-box-no-data">
+                                <kendo-icon-wrapper
+                                    icon="file-report"
+                                    [svgIcon]="fileClockOutlineIcon"
+                                    size="xxxlarge">
+                                </kendo-icon-wrapper>
+                                <span>{{messageFor('smartBoxNoPreviousSearches')}}</span>
+                            </span>
+                        } @else if (semanticSearchHistory.length > 0) {
+                            <ul class="k-list-ul">
+                                <li class="k-list-group-item">
+                                    <kendo-icon-wrapper
+                                        innerCssClass="k-list-item-icon"
+                                        name="clock-arrow-rotate"
+                                        [svgIcon]="clockArrowRotateIcon"
+                                        class="k-list-item-icon-wrapper">
+                                    </kendo-icon-wrapper>
+                                    <span class="k-list-item-text">{{messageFor('smartBoxPreviouslySearched')}}</span>
+                                </li>
+    
+                                @for (item of semanticSearchHistory; track $index) {
+                                    @if (historyItemTemplate?.templateRef) {
+                                        <ng-template
+                                            [templateContext]="{ templateRef: historyItemTemplate?.templateRef, $implicit: item }"
+                                        ></ng-template>
+                                    } @else {
+                                        <li class="k-list-item"
+                                            (click)="onListItemClick(item.text)"
+                                            [attr.title]="item.text">
+                                            <span class="k-list-item-text">{{item.text}}</span>
+                                            <span class="k-list-item-description">{{formatDate(item.timestamp, semanticSearchHistorySettings?.timestampFormat)}}</span>
+                                        </li>
+                                    }
+                                }
+                            </ul>
+                        }
+                    } @else if (selectedView === 'aiAssistant') {
+                        @if (aiAssistantHistory.length === 0 && aiAssistantMode?.promptSuggestions.length === 0) {
+                            <span class="k-no-data k-smart-box-no-data">
+                                <kendo-icon-wrapper
+                                    icon="file-report"
+                                    [svgIcon]="fileClockOutlineIcon"
+                                    size="xxxlarge">
+                                </kendo-icon-wrapper>
+                                <span>{{messageFor('smartBoxNoPreviousPrompts')}}</span>
+                            </span>
+                        } @else if (aiAssistantHistory.length > 0) {
+                            <ul class="k-list-ul">
+                                <li class="k-list-group-item">
+                                    <kendo-icon-wrapper
+                                        innerCssClass="k-list-item-icon"
+                                        name="clock-arrow-rotate"
+                                        [svgIcon]="clockArrowRotateIcon"
+                                        class="k-list-item-icon-wrapper">
+                                    </kendo-icon-wrapper>
+                                    <span class="k-list-item-text">{{messageFor('smartBoxPreviouslyAsked')}}</span>
+                                </li>
+
+                                @for (item of aiAssistantHistory; track $index) {
+                                    @if (historyItemTemplate?.templateRef) {
+                                        <ng-template
+                                            [templateContext]="{ templateRef: historyItemTemplate?.templateRef, $implicit: item }"
+                                        ></ng-template>
+                                    } @else {
+                                        <li class="k-list-item"
+                                            (click)="onListItemClick(item.text)"
+                                            [attr.title]="item.text">
+                                            <span class="k-list-item-text">{{item.text}}</span>
+                                            <span class="k-list-item-description">{{formatDate(item.timestamp, aiAssistantHistorySettings?.timestampFormat)}}</span>
+                                        </li>
+                                    }
+                                }
+                            </ul>
+                        }
+                    }
+                </div>
+            </div>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["buttons", "size"], outputs: ["buttonClick"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i1$6.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$6.SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-smartbox',
+                    standalone: true,
+                    imports: [SegmentedControlComponent, EventsOutsideAngularDirective, IconWrapperComponent, KENDO_BUTTONS, TemplateContextDirective],
+                    providers: [DataService, SelectionService$1, NavigationService$1, DisabledItemsService],
+                    template: `
+        <span #innerWrapper
+            class="k-smart-box k-input"
+            [class.k-loading]="loading">
+            @if (!inputDisabled) {
+                <span class="k-input-prefix k-input-prefix-horizontal">
+                    <kendo-icon-wrapper
+                        class="k-icon"
+                        [name]="prefixIconName"
+                        [svgIcon]="prefixSVGIcon"
+                        [innerCssClass]="(selectedView === 'aiAssistant' || selectedView === 'semanticSearch') ? 'k-accent-icon' : ''"
+                        [kendoEventsOutsideAngular]="{
+                            click: onIconClick,
+                            mousedown: onIconMouseDown
+                        }">
+                    </kendo-icon-wrapper>
+                </span>
+            }
+            <input #input
+                type="text"
+                class="k-input-inner"
+                [class.k-disabled]="inputDisabled"
+                [disabled]="inputDisabled"
+                [id]="focusableId"
+                [placeholder]="inputPlaceholder"
+                [kendoEventsOutsideAngular]="{
+                    input: handleInput,
+                    focus: handleInputFocus,
+                    blur: handleInputBlur,
+                    click: handleInputClick,
+                    keydown: handleInputKeydown
+                }"
+            />
+            @if (input.value.length > 0 && (selectedView === 'search' || selectedView === 'semanticSearch')) {
+                <span
+                    class="k-clear-value"
+                    [attr.title]="messageFor('smartBoxToolClearTitle')"
+                    role="button"
+                    tabindex="-1"
+                    (click)="clearButtonClick($event)"
+                    (mousedown)="$event.preventDefault()">
+                    <kendo-icon-wrapper
+                        class="k-icon"
+                        name="x"
+                        [svgIcon]="xIcon">
+                    </kendo-icon-wrapper>
+                </span>
+            }
+            @if (selectedView === 'aiAssistant') {
+                <span class="k-input-suffix k-input-suffix-horizontal">
+                    @if (speechToTextButton) {
+                        <button kendoSpeechToTextButton
+                            role="button"
+                            [continuous]="speechToTextButton?.continuous"
+                            [disabled]="speechToTextButton?.disabled"
+                            [fillMode]="speechToTextButton?.fillMode"
+                            [integrationMode]="speechToTextButton?.integrationMode"
+                            [interimResults]="speechToTextButton?.interimResults"
+                            [lang]="speechToTextButton?.lang"
+                            [maxAlternatives]="speechToTextButton?.maxAlternatives"
+                            [rounded]="speechToTextButton?.rounded"
+                            [size]="speechToTextButton?.size"
+                            [themeColor]="speechToTextButton?.themeColor"
+                            [attr.aria-label]="messageFor('smartBoxSpeechToTextButton')"
+                            [attr.title]="messageFor('smartBoxSpeechToTextButton')"
+                            [attr.aria-disabled]="speechToTextButton?.disabled"
+                            (error)="onSpeechToTextError($event)"
+                            (result)="onSpeechToTextResult($event)"
+                        ></button>
+                    }
+                    <button kendoButton
+                        class="k-smart-box-send"
+                        [class.k-processing]="loading"
+                        [class.k-active]="loading"
+                        type="button"
+                        rounded="full"
+                        size="small"
+                        [attr.title]="messageFor('smartBoxSubmitPromptButton')"
+                        [attr.aria-label]="messageFor('smartBoxSubmitPromptButton')"
+                        [attr.aria-disabled]="input.value.length === 0"
+                        [svgIcon]="loading ? stopSmIcon : arrowUpOutlineIcon"
+                        [icon]="loading ? 'stop-sm' : 'arrow-up-outline'"
+                        [disabled]="input.value.length === 0"
+                        (click)="onPromptSubmit()">
+                    </button>
+                </span>
+            }
+        </span>
+
+        <ng-template #popupTemplate>
+            @if (segmentedControlButtons.length > 0) {
+                <kendo-segmented-control
+                    [buttons]="segmentedControlButtons"
+                    (buttonClick)="onModeChange($event)">
+                </kendo-segmented-control>
+            }
+            <div class="k-list k-list-md">
+                <div class="k-list-content">
+                    <ul class="k-list-ul">
+                        @if ((selectedView === 'search' || selectedView === 'semanticSearch') && searchListData.length > 0) {
+                            @for (item of searchListData; track item) {
+                                <li class="k-list-item"
+                                    (click)="onSearchItemClick(item)">
+                                    @if (item.selected) {
+                                        <kendo-icon-wrapper
+                                            innerCssClass="k-list-item-icon"
+                                            name="check"
+                                            [svgIcon]="checkIcon"
+                                            class="k-list-item-icon-wrapper">
+                                        </kendo-icon-wrapper>
+                                    }
+                                    @if (item.text) {
+                                        <span class="k-list-item-text">{{item.text}}</span>
+                                    }
+                                    @if (item.description) {
+                                        <span class="k-list-item-description">{{item.description}}</span>
+                                    }
+                                </li>
+                            }
+                        } @else if (selectedView === 'aiAssistant' && aiAssistantMode.promptSuggestions.length > 0) {
+                            <li class="k-list-group-item">
+                                <kendo-icon-wrapper
+                                    innerCssClass="k-list-item-icon"
+                                    name="lightbulb-outline"
+                                    [svgIcon]="lightbulbOutlineIcon"
+                                    class="k-list-item-icon-wrapper">
+                                </kendo-icon-wrapper>
+                                <span class="k-list-item-text">{{messageFor('smartBoxSuggestedPrompts')}}</span>
+                            </li>
+
+                            @for (suggestion of aiAssistantMode.promptSuggestions; track $index) {
+                                @if (promptSuggestionTemplate?.templateRef) {
+                                    <ng-template
+                                        [templateContext]="{ templateRef: promptSuggestionTemplate?.templateRef, $implicit: suggestion }"
+                                    ></ng-template>
+                                } @else {
+                                    <li class="k-list-item"
+                                        (click)="onListItemClick(suggestion)"
+                                        [attr.title]="suggestion">
+                                        <span class="k-list-item-text">{{suggestion}}</span>
+                                    </li>
+                                }
+                            }
+                        }
+                    </ul>
+
+                    @if (selectedView === 'search') {
+                        @if (searchHistory.length === 0 && !semanticSearchMode?.enabled) {
+                            <span class="k-no-data k-smart-box-no-data">
+                                <kendo-icon-wrapper
+                                    icon="file-report"
+                                    [svgIcon]="fileClockOutlineIcon"
+                                    size="xxxlarge">
+                                </kendo-icon-wrapper>
+                                <span>{{messageFor('smartBoxNoPreviousSearches')}}</span>
+                            </span>
+                        } @else if (searchHistory.length > 0) {
+                            <ul class="k-list-ul">
+                                <li class="k-list-group-item">
+                                    <kendo-icon-wrapper
+                                        innerCssClass="k-list-item-icon"
+                                        name="clock-arrow-rotate"
+                                        [svgIcon]="clockArrowRotateIcon"
+                                        class="k-list-item-icon-wrapper">
+                                    </kendo-icon-wrapper>
+                                    <span class="k-list-item-text">{{messageFor('smartBoxPreviouslySearched')}}</span>
+                                </li>
+    
+                                @for (item of searchHistory; track $index) {
+                                    @if (historyItemTemplate?.templateRef) {
+                                        <ng-template
+                                            [templateContext]="{ templateRef: historyItemTemplate?.templateRef, $implicit: item }"
+                                        ></ng-template>
+                                    } @else {
+                                        <li class="k-list-item"
+                                            (click)="onListItemClick(item.text)"
+                                            [attr.title]="item.text">
+                                            <span class="k-list-item-text">{{item.text}}</span>
+                                            <span class="k-list-item-description">{{formatDate(item.timestamp, searchHistorySettings?.timestampFormat)}}</span>
+                                        </li>
+                                    }
+                                }
+                            </ul>
+                        }
+                    } @else if (selectedView === 'semanticSearch') {
+                        @if (semanticSearchHistory.length === 0 && !searchMode?.enabled) {
+                            <span class="k-no-data k-smart-box-no-data">
+                                <kendo-icon-wrapper
+                                    icon="file-report"
+                                    [svgIcon]="fileClockOutlineIcon"
+                                    size="xxxlarge">
+                                </kendo-icon-wrapper>
+                                <span>{{messageFor('smartBoxNoPreviousSearches')}}</span>
+                            </span>
+                        } @else if (semanticSearchHistory.length > 0) {
+                            <ul class="k-list-ul">
+                                <li class="k-list-group-item">
+                                    <kendo-icon-wrapper
+                                        innerCssClass="k-list-item-icon"
+                                        name="clock-arrow-rotate"
+                                        [svgIcon]="clockArrowRotateIcon"
+                                        class="k-list-item-icon-wrapper">
+                                    </kendo-icon-wrapper>
+                                    <span class="k-list-item-text">{{messageFor('smartBoxPreviouslySearched')}}</span>
+                                </li>
+    
+                                @for (item of semanticSearchHistory; track $index) {
+                                    @if (historyItemTemplate?.templateRef) {
+                                        <ng-template
+                                            [templateContext]="{ templateRef: historyItemTemplate?.templateRef, $implicit: item }"
+                                        ></ng-template>
+                                    } @else {
+                                        <li class="k-list-item"
+                                            (click)="onListItemClick(item.text)"
+                                            [attr.title]="item.text">
+                                            <span class="k-list-item-text">{{item.text}}</span>
+                                            <span class="k-list-item-description">{{formatDate(item.timestamp, semanticSearchHistorySettings?.timestampFormat)}}</span>
+                                        </li>
+                                    }
+                                }
+                            </ul>
+                        }
+                    } @else if (selectedView === 'aiAssistant') {
+                        @if (aiAssistantHistory.length === 0 && aiAssistantMode?.promptSuggestions.length === 0) {
+                            <span class="k-no-data k-smart-box-no-data">
+                                <kendo-icon-wrapper
+                                    icon="file-report"
+                                    [svgIcon]="fileClockOutlineIcon"
+                                    size="xxxlarge">
+                                </kendo-icon-wrapper>
+                                <span>{{messageFor('smartBoxNoPreviousPrompts')}}</span>
+                            </span>
+                        } @else if (aiAssistantHistory.length > 0) {
+                            <ul class="k-list-ul">
+                                <li class="k-list-group-item">
+                                    <kendo-icon-wrapper
+                                        innerCssClass="k-list-item-icon"
+                                        name="clock-arrow-rotate"
+                                        [svgIcon]="clockArrowRotateIcon"
+                                        class="k-list-item-icon-wrapper">
+                                    </kendo-icon-wrapper>
+                                    <span class="k-list-item-text">{{messageFor('smartBoxPreviouslyAsked')}}</span>
+                                </li>
+
+                                @for (item of aiAssistantHistory; track $index) {
+                                    @if (historyItemTemplate?.templateRef) {
+                                        <ng-template
+                                            [templateContext]="{ templateRef: historyItemTemplate?.templateRef, $implicit: item }"
+                                        ></ng-template>
+                                    } @else {
+                                        <li class="k-list-item"
+                                            (click)="onListItemClick(item.text)"
+                                            [attr.title]="item.text">
+                                            <span class="k-list-item-text">{{item.text}}</span>
+                                            <span class="k-list-item-description">{{formatDate(item.timestamp, aiAssistantHistorySettings?.timestampFormat)}}</span>
+                                        </li>
+                                    }
+                                }
+                            </ul>
+                        }
+                    }
+                </div>
+            </div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: () => [{ type: i2.PopupService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$4.IntlService }, { type: ContextService }, { type: GridAIRequestResponseService }, { type: i1$8.HttpClient }, { type: i0.Renderer2 }, { type: ColumnInfoService }, { type: SearchService }], propDecorators: { popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate']
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }], innerWrapper: [{
+                type: ViewChild,
+                args: ['innerWrapper']
+            }], searchMode: [{
+                type: Input
+            }], semanticSearchMode: [{
+                type: Input
+            }], aiAssistantMode: [{
+                type: Input
+            }], activeMode: [{
+                type: Input
+            }], history: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], promptSuggestionTemplate: [{
+                type: Input
+            }], historyItemTemplate: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }], blur: [{
+                type: Output
+            }], aiAssistantPromptRequest: [{
+                type: Output
+            }], aiAssistantResponseSuccess: [{
+                type: Output
+            }], aiAssistantResponseError: [{
+                type: Output
+            }], aiAssistantCancelRequest: [{
+                type: Output
+            }], search: [{
+                type: Output
+            }], semanticSearch: [{
+                type: Output
+            }], modeChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Represents the toolbar tool for showing a smart bar.
+ * Use this component inside a ToolbarComponent in the Grid.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-grid-smartbox-tool></kendo-grid-smartbox-tool>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+class SmartBoxToolbarToolComponent extends ToolBarToolComponent {
+    promptSuggestionTemplate;
+    historyItemTemplate;
+    /**
+     * Controls the visibility and settings of the Search mode. By default, the mode is enabled.
+     *
+     * @default true
+     */
+    searchMode = true;
+    /**
+     * Controls the visibility and settings of the Semantic Search mode. By default, the mode is disabled.
+     *
+     * @default false
+     */
+    semanticSearchMode = false;
+    /**
+     * Controls the visibility and settings of the AI Assistant mode. By default, the mode is disabled.
+     *
+     * @default false
+     */
+    aiAssistantMode = false;
+    /**
+     * Sets the initially active mode of the tool.
+     *
+     * @default 'search'
+     */
+    activeMode = 'search';
+    /**
+     * Controls the visibility and settings of the history for each mode.
+     */
+    history;
+    /**
+     * Sets the placeholder of the input element in the SmartBox and applies to all modes.
+     */
+    placeholder;
+    /**
+     * Specifies the padding of the input.
+     *
+     * @default 'medium'
+     */
+    size;
+    /**
+     * Emits when the SmartBox tool opens.
+     */
+    open = new EventEmitter();
+    /**
+     * Emits when the SmartBox tool closes.
+     */
+    close = new EventEmitter();
+    /**
+     * Emits when the SmartBox tool input is focused.
+     */
+    inputFocus = new EventEmitter();
+    /**
+     * Emits when the SmartBox tool input is blurred.
+     */
+    inputBlur = new EventEmitter();
+    /**
+     * Emits before the SmartBox tool sends the AI request.
+     *  - When you provide a `requestUrl`, you can handle the event to modify the request options.
+     *  - When you do not provide a `requestUrl`, you can handle the event to perform an entirely custom request.
+     */
+    aiAssistantPromptRequest = new EventEmitter();
+    /**
+     * Emits when the SmartBox tool completes the AI request successfully.
+     * The event contains the response from the AI service and is preventable to allow stopping the default response handling.
+     */
+    aiAssistantResponseSuccess = new EventEmitter();
+    /**
+     * Emits when the SmartBox tool completes the AI request with an error.
+     * The event contains the error response from the AI service and is preventable to allow stopping the default error handling.
+     */
+    aiAssistantResponseError = new EventEmitter();
+    /**
+     * Emits when the user clicks the Cancel button.
+     */
+    aiAssistantCancelRequest = new EventEmitter();
+    /**
+     * Emits when the user types in Search mode. The event contains the search query and the filter descriptors created based on the query.
+     */
+    search = new EventEmitter();
+    /**
+     * Emits when the user types in Semantic Search mode. The event contains the search query and the filter descriptors created based on the query.
+     */
+    semanticSearch = new EventEmitter();
+    /**
+     * Emits when the mode of the SmartBox tool changes. The event contains the new mode.
+     */
+    modeChange = new EventEmitter();
+    /**
+     * Indicates whether the SmartBox tool is in a loading state. Use this to show a loading indicator in the UI.
+     */
+    loading = false;
+    constructor() { super(); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartBoxToolbarToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SmartBoxToolbarToolComponent, isStandalone: true, selector: "kendo-grid-smartbox-tool", inputs: { searchMode: "searchMode", semanticSearchMode: "semanticSearchMode", aiAssistantMode: "aiAssistantMode", activeMode: "activeMode", history: "history", placeholder: "placeholder", size: "size" }, outputs: { open: "open", close: "close", inputFocus: "inputFocus", inputBlur: "inputBlur", aiAssistantPromptRequest: "aiAssistantPromptRequest", aiAssistantResponseSuccess: "aiAssistantResponseSuccess", aiAssistantResponseError: "aiAssistantResponseError", aiAssistantCancelRequest: "aiAssistantCancelRequest", search: "search", semanticSearch: "semanticSearch", modeChange: "modeChange" }, providers: [
+            {
+                provide: ToolBarToolComponent,
+                useExisting: forwardRef(() => SmartBoxToolbarToolComponent)
+            }
+        ], queries: [{ propertyName: "promptSuggestionTemplate", first: true, predicate: GridSmartBoxPromptSuggestionTemplateDirective, descendants: true }, { propertyName: "historyItemTemplate", first: true, predicate: GridSmartBoxHistoryItemTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate #sectionTemplate #popupTemplate>
+            <kendo-smartbox
+                [searchMode]="searchMode"
+                [semanticSearchMode]="semanticSearchMode"
+                [aiAssistantMode]="aiAssistantMode"
+                [activeMode]="activeMode"
+                [history]="history"
+                [placeholder]="placeholder"
+                [size]="size"
+                (open)="open.emit($event)"
+                (close)="close.emit($event)"
+                (focus)="inputFocus.emit($event)"
+                (blur)="inputBlur.emit($event)"
+                (search)="search.emit($event)"
+                (semanticSearch)="semanticSearch.emit($event)"
+                (aiAssistantPromptRequest)="aiAssistantPromptRequest.emit($event)"
+                (aiAssistantResponseSuccess)="aiAssistantResponseSuccess.emit($event)"
+                (aiAssistantResponseError)="aiAssistantResponseError.emit($event)"
+                (aiAssistantCancelRequest)="aiAssistantCancelRequest.emit()"
+                (modeChange)="modeChange.emit($event)"
+                [promptSuggestionTemplate]="promptSuggestionTemplate"
+                [historyItemTemplate]="historyItemTemplate"
+                [loading]="loading"
+            >
+            </kendo-smartbox>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "component", type: SmartBoxComponent, selector: "kendo-smartbox", inputs: ["searchMode", "semanticSearchMode", "aiAssistantMode", "activeMode", "history", "placeholder", "size", "promptSuggestionTemplate", "historyItemTemplate", "loading"], outputs: ["open", "close", "focus", "blur", "aiAssistantPromptRequest", "aiAssistantResponseSuccess", "aiAssistantResponseError", "aiAssistantCancelRequest", "search", "semanticSearch", "modeChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartBoxToolbarToolComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ToolBarToolComponent,
+                            useExisting: forwardRef(() => SmartBoxToolbarToolComponent)
+                        }
+                    ],
+                    selector: 'kendo-grid-smartbox-tool',
+                    template: `
+        <ng-template #toolbarTemplate #sectionTemplate #popupTemplate>
+            <kendo-smartbox
+                [searchMode]="searchMode"
+                [semanticSearchMode]="semanticSearchMode"
+                [aiAssistantMode]="aiAssistantMode"
+                [activeMode]="activeMode"
+                [history]="history"
+                [placeholder]="placeholder"
+                [size]="size"
+                (open)="open.emit($event)"
+                (close)="close.emit($event)"
+                (focus)="inputFocus.emit($event)"
+                (blur)="inputBlur.emit($event)"
+                (search)="search.emit($event)"
+                (semanticSearch)="semanticSearch.emit($event)"
+                (aiAssistantPromptRequest)="aiAssistantPromptRequest.emit($event)"
+                (aiAssistantResponseSuccess)="aiAssistantResponseSuccess.emit($event)"
+                (aiAssistantResponseError)="aiAssistantResponseError.emit($event)"
+                (aiAssistantCancelRequest)="aiAssistantCancelRequest.emit()"
+                (modeChange)="modeChange.emit($event)"
+                [promptSuggestionTemplate]="promptSuggestionTemplate"
+                [historyItemTemplate]="historyItemTemplate"
+                [loading]="loading"
+            >
+            </kendo-smartbox>
+        </ng-template>
+    `,
+                    standalone: true,
+                    imports: [SmartBoxComponent]
+                }]
+        }], ctorParameters: () => [], propDecorators: { promptSuggestionTemplate: [{
+                type: ContentChild,
+                args: [GridSmartBoxPromptSuggestionTemplateDirective]
+            }], historyItemTemplate: [{
+                type: ContentChild,
+                args: [GridSmartBoxHistoryItemTemplateDirective]
+            }], searchMode: [{
+                type: Input
+            }], semanticSearchMode: [{
+                type: Input
+            }], aiAssistantMode: [{
+                type: Input
+            }], activeMode: [{
+                type: Input
+            }], history: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], inputFocus: [{
+                type: Output
+            }], inputBlur: [{
+                type: Output
+            }], aiAssistantPromptRequest: [{
+                type: Output
+            }], aiAssistantResponseSuccess: [{
+                type: Output
+            }], aiAssistantResponseError: [{
+                type: Output
+            }], aiAssistantCancelRequest: [{
+                type: Output
+            }], search: [{
+                type: Output
+            }], semanticSearch: [{
+                type: Output
+            }], modeChange: [{
+                type: Output
+            }] } });
+
 // DRAGGABLE COLUMN
 /**
  * @hidden
@@ -40694,7 +42982,10 @@ const KENDO_GRID_BODY_EXPORTS = [
     FilterCommandToolbarDirective,
     AIAssistantToolbarDirective,
     GroupCommandToolbarDirective,
-    SelectAllToolbarToolComponent
+    SelectAllToolbarToolComponent,
+    SmartBoxToolbarToolComponent,
+    GridSmartBoxHistoryItemTemplateDirective,
+    GridSmartBoxPromptSuggestionTemplateDirective
 ];
 /**
  * @hidden
@@ -40845,9 +43136,9 @@ const KENDO_GRID = [
  */
 class GridModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: GridModule, imports: [GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FooterComponent, i53.CustomMessagesComponent, i53.PagerFocusableDirective, i53.PagerInfoComponent, i53.PagerInputComponent, i53.PagerNextButtonsComponent, i53.PagerNumericButtonsComponent, i53.PagerPageSizesComponent, i53.PagerPrevButtonsComponent, i53.PagerTemplateDirective, i53.PagerComponent, i53.PagerSpacerComponent, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, i54.ToolBarToolComponent, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnListComponent, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, ToolbarComponent, LocalizedMessagesDirective, CustomMessagesComponent, DataBindingDirective, ToolbarTemplateDirective, SelectionDirective, HighlightDirective, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridMarqueeDirective, GridSpacerComponent, GridToolbarFocusableDirective, StatusBarComponent, StatusBarTemplateDirective, GridClipboardDirective, FormComponent, DialogFormComponent, FormFormFieldComponent, UndoRedoDirective, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, i54.ToolBarToolComponent, TableDirective,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: GridModule, imports: [GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FooterComponent, i56.CustomMessagesComponent, i56.PagerFocusableDirective, i56.PagerInfoComponent, i56.PagerInputComponent, i56.PagerNextButtonsComponent, i56.PagerNumericButtonsComponent, i56.PagerPageSizesComponent, i56.PagerPrevButtonsComponent, i56.PagerTemplateDirective, i56.PagerComponent, i56.PagerSpacerComponent, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, i57.ToolBarToolComponent, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnListComponent, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, ToolbarComponent, LocalizedMessagesDirective, CustomMessagesComponent, DataBindingDirective, ToolbarTemplateDirective, SelectionDirective, HighlightDirective, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridMarqueeDirective, GridSpacerComponent, GridToolbarFocusableDirective, StatusBarComponent, StatusBarTemplateDirective, GridClipboardDirective, FormComponent, DialogFormComponent, FormFormFieldComponent, UndoRedoDirective, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, i57.ToolBarToolComponent, TableDirective,
             UndoCommandToolbarDirective,
-            RedoCommandToolbarDirective], exports: [GridComponent, ToolbarTemplateDirective, ToolbarComponent, GridSpacerComponent, StatusBarTemplateDirective, DataBindingDirective, SelectionDirective, HighlightDirective, CustomMessagesComponent, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridClipboardDirective, UndoRedoDirective, UndoCommandToolbarDirective, RedoCommandToolbarDirective, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, i54.ToolBarToolComponent, i53.CustomMessagesComponent, i53.PagerFocusableDirective, i53.PagerInfoComponent, i53.PagerInputComponent, i53.PagerNextButtonsComponent, i53.PagerNumericButtonsComponent, i53.PagerPageSizesComponent, i53.PagerPrevButtonsComponent, i53.PagerTemplateDirective, i53.PagerComponent, i53.PagerSpacerComponent] });
+            RedoCommandToolbarDirective], exports: [GridComponent, ToolbarTemplateDirective, ToolbarComponent, GridSpacerComponent, StatusBarTemplateDirective, DataBindingDirective, SelectionDirective, HighlightDirective, CustomMessagesComponent, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridClipboardDirective, UndoRedoDirective, UndoCommandToolbarDirective, RedoCommandToolbarDirective, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, i57.ToolBarToolComponent, i56.CustomMessagesComponent, i56.PagerFocusableDirective, i56.PagerInfoComponent, i56.PagerInputComponent, i56.PagerNextButtonsComponent, i56.PagerNumericButtonsComponent, i56.PagerPageSizesComponent, i56.PagerPrevButtonsComponent, i56.PagerTemplateDirective, i56.PagerComponent, i56.PagerSpacerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridModule, providers: [
             PopupService,
             ResizeBatchService,
@@ -40861,8 +43152,8 @@ class GridModule {
             DecadeViewService,
             MonthViewService,
             YearViewService,
-            NavigationService$1
-        ], imports: [GroupHeaderComponent, GroupPanelComponent, TableBodyComponent, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, SelectAllToolbarToolComponent, HeaderComponent, i53.CustomMessagesComponent, i53.PagerInfoComponent, i53.PagerInputComponent, i53.PagerNextButtonsComponent, i53.PagerNumericButtonsComponent, i53.PagerPageSizesComponent, i53.PagerPrevButtonsComponent, i53.PagerComponent, i53.PagerSpacerComponent, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, FilterCellOperatorsComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, ColumnListComponent, ColumnChooserComponent, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, FormComponent, DialogFormComponent, FormFormFieldComponent, i54.ToolBarComponent, i54.ToolbarCustomMessagesComponent, i54.ToolBarButtonComponent, i54.ToolBarButtonGroupComponent, i54.ToolBarDropDownButtonComponent, i54.ToolBarSeparatorComponent, i54.ToolBarSpacerComponent, i54.ToolBarSplitButtonComponent] });
+            NavigationService$2
+        ], imports: [GroupHeaderComponent, GroupPanelComponent, TableBodyComponent, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, HeaderComponent, i56.CustomMessagesComponent, i56.PagerInfoComponent, i56.PagerInputComponent, i56.PagerNextButtonsComponent, i56.PagerNumericButtonsComponent, i56.PagerPageSizesComponent, i56.PagerPrevButtonsComponent, i56.PagerComponent, i56.PagerSpacerComponent, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, FilterCellOperatorsComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, ColumnListComponent, ColumnChooserComponent, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, FormComponent, DialogFormComponent, FormFormFieldComponent, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,
@@ -40898,7 +43189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         DecadeViewService,
                         MonthViewService,
                         YearViewService,
-                        NavigationService$1
+                        NavigationService$2
                     ]
                 }]
         }] });
@@ -41007,5 +43298,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, BrowserSupportService, CELL_CONTEXT, CSVCommandDirective, CSVCommandToolbarDirective, CSVComponent, CSVExportEvent, CSVModule, CSVService, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_CSV_EXPORT, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };
+export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, BrowserSupportService, CELL_CONTEXT, CSVCommandDirective, CSVCommandToolbarDirective, CSVComponent, CSVExportEvent, CSVModule, CSVService, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, GridSmartBoxResponseErrorEvent, GridSmartBoxResponseSuccessEvent, GridSmartBoxSearchEvent, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_CSV_EXPORT, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SmartBoxToolbarToolComponent, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };