@progress/kendo-angular-grid 23.3.0-develop.11 → 23.3.0-develop.13

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

@@ -7,11 +7,12 @@ import { EventEmitter, Injectable, SecurityContext, InjectionToken, Optional, In
 import { merge, of, Subject, zip as zip$1, from, Subscription, interval, fromEvent, Observable, BehaviorSubject } from 'rxjs';
 import * as i1$3 from '@progress/kendo-angular-common';
 import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
+export { BrowserSupportService, ScrollbarService } from '@progress/kendo-angular-common';
 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, 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 { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, skip, 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 i56 from '@progress/kendo-angular-pager';
@@ -24,7 +25,7 @@ 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, KENDO_BUTTONS } from '@progress/kendo-angular-buttons';
+import { ChipListComponent, ChipComponent, ButtonComponent, Button, KENDO_BUTTON, ButtonDirective, SpeechToTextButtonComponent, SegmentedControlComponent } from '@progress/kendo-angular-buttons';
 import * as i1$5 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';
@@ -24241,8 +24242,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1774361898,
-    version: '23.3.0-develop.11',
+    publishDate: 1774450134,
+    version: '23.3.0-develop.13',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -24966,92 +24967,6 @@ const normalizeSettings = ({ buttonCount = 10, info = true, type = 'numeric', pa
  */
 const normalize = (settings) => normalizeSettings(settings === true ? {} : settings);
 
-const canCreateElement = () => isDocumentAvailable() && document.createElement;
-let cachedScrollbarWidth = null;
-let cachedPixelRatio;
-let cachedRtlScrollLeft = null;
-function scrollbarWidth() {
-    if (cachedScrollbarWidth === null && canCreateElement()) {
-        cachedPixelRatio = window.devicePixelRatio || 1;
-        const div = document.createElement("div");
-        div.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block";
-        div.innerHTML = " ";
-        document.body.appendChild(div);
-        cachedScrollbarWidth = div.offsetWidth - div.scrollWidth;
-        document.body.removeChild(div);
-    }
-    return cachedScrollbarWidth;
-}
-function rtlScrollLeft() {
-    if (cachedRtlScrollLeft === null && canCreateElement()) {
-        const outer = document.createElement('div');
-        outer.style.direction = 'rtl';
-        outer.style.display = 'block';
-        outer.style.clear = 'both';
-        outer.style.width = '100px';
-        outer.style.visibility = 'hidden';
-        outer.style.position = 'absolute';
-        outer.style.left = '-10000px';
-        outer.style.overflow = 'scroll';
-        outer.style.zoom = '1';
-        const inner = document.createElement('div');
-        inner.style.width = '200px';
-        inner.style.height = '1px';
-        outer.append(inner);
-        document.body.appendChild(outer);
-        const initial = outer.scrollLeft;
-        outer.scrollLeft = -1;
-        cachedRtlScrollLeft = outer.scrollLeft < 0 ? outer.scrollLeft : initial;
-        document.body.removeChild(outer);
-    }
-    return cachedRtlScrollLeft;
-}
-/**
- * @hidden
- * move to kendo-common
- */
-class BrowserSupportService {
-    zone;
-    changeDetector;
-    changes = new EventEmitter();
-    subscriptions;
-    constructor(zone, changeDetector) {
-        this.zone = zone;
-        this.changeDetector = changeDetector;
-        if (typeof window === 'undefined') {
-            return;
-        }
-        this.zone.runOutsideAngular(() => {
-            this.subscriptions = fromEvent(window, 'resize').pipe(auditTime(100)).subscribe(() => {
-                if (cachedPixelRatio !== window.devicePixelRatio) {
-                    zone.run(() => {
-                        cachedScrollbarWidth = null;
-                        this.changes.emit();
-                        this.changeDetector.markForCheck();
-                    });
-                }
-            });
-        });
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-            this.subscriptions = null;
-        }
-    }
-    get scrollbarWidth() {
-        return scrollbarWidth();
-    }
-    get rtlScrollLeft() {
-        return rtlScrollLeft();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BrowserSupportService, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BrowserSupportService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BrowserSupportService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
-
 const isGroupItem = (source) => {
     return source.items !== undefined &&
         source.field !== undefined;
@@ -28226,7 +28141,7 @@ class ListComponent {
         this.scroller.scrollHeightContainer = this.container.nativeElement.querySelector('.k-height-container');
         this.scroller.total = this.isVirtual && !this.ctx.grid?.pageable ? this.total : this.allItems.length;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: DetailsService }, { token: ChangeNotificationService }, { token: SuspendService }, { token: GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ScrollSyncService }, { token: ResizeService }, { token: EditService }, { token: BrowserSupportService }, { token: NavigationService }, { token: ScrollRequestService }, { token: ContextService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: ColumnInfoService }, { token: DataMappingService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: DetailsService }, { token: ChangeNotificationService }, { token: SuspendService }, { token: GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ScrollSyncService }, { token: ResizeService }, { token: EditService }, { token: i1$3.ScrollbarService }, { token: NavigationService }, { token: ScrollRequestService }, { token: ContextService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: ColumnInfoService }, { token: DataMappingService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ListComponent, isStandalone: true, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
             {
                 provide: SCROLLER_FACTORY_TOKEN,
@@ -28503,7 +28418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SCROLLER_FACTORY_TOKEN]
-                }] }, { type: DetailsService }, { type: ChangeNotificationService }, { type: SuspendService }, { type: GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: ScrollSyncService }, { type: ResizeService }, { type: EditService }, { type: BrowserSupportService }, { type: NavigationService }, { type: ScrollRequestService }, { type: ContextService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: PDFService }, { type: ColumnInfoService }, { type: DataMappingService }], propDecorators: { hostClass: [{
+                }] }, { type: DetailsService }, { type: ChangeNotificationService }, { type: SuspendService }, { type: GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: ScrollSyncService }, { type: ResizeService }, { type: EditService }, { type: i1$3.ScrollbarService }, { type: NavigationService }, { type: ScrollRequestService }, { type: ContextService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: PDFService }, { type: ColumnInfoService }, { type: DataMappingService }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-container']
             }], hostRole: [{
@@ -34792,9 +34707,8 @@ class GridComponent {
         this.dragTargetContainer?.notify();
         this.dropTargetContainer?.notify();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: CSVService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: AdaptiveGridService }, { token: RowReorderService }, { token: DataMappingService }, { token: GridAIRequestResponseService }, { token: IdService }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridComponent, deps: [{ token: i1$3.ScrollbarService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: CSVService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: AdaptiveGridService }, { token: RowReorderService }, { token: DataMappingService }, { token: GridAIRequestResponseService }, { token: IdService }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", adaptiveMode: "adaptiveMode", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", gridResizable: "gridResizable", rowReorderable: "rowReorderable", navigable: "navigable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", isRowSelectable: "isRowSelectable", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", showInactiveTools: "showInactiveTools", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded", dataLayoutMode: "dataLayoutMode" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", rowReorder: "rowReorder", dataStateChange: "dataStateChange", gridStateChange: "gridStateChange", groupExpand: "groupExpand", groupCollapse: "groupCollapse", detailExpand: "detailExpand", detailCollapse: "detailCollapse", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", csvExport: "csvExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", columnStickyChange: "columnStickyChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-stack": "this.stackedClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass", "class.k-grid-resizable": "this.isResizable", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
-            BrowserSupportService,
             LocalizationService,
             ColumnInfoService,
             SelectionService,
@@ -35784,7 +35698,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     exportAs: 'kendoGrid',
                     providers: [
-                        BrowserSupportService,
                         LocalizationService,
                         ColumnInfoService,
                         SelectionService,
@@ -36796,7 +36709,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ResizeSensorComponent
                     ]
                 }]
-        }], ctorParameters: () => [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: CSVService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: AdaptiveGridService }, { type: RowReorderService }, { type: DataMappingService }, { type: GridAIRequestResponseService }, { type: IdService }, { type: SearchService }], propDecorators: { data: [{
+        }], ctorParameters: () => [{ type: i1$3.ScrollbarService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: CSVService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: AdaptiveGridService }, { type: RowReorderService }, { type: DataMappingService }, { type: GridAIRequestResponseService }, { type: IdService }, { type: SearchService }], propDecorators: { data: [{
                 type: Input
             }], pageSize: [{
                 type: Input
@@ -41232,158 +41145,6 @@ class GridSmartBoxSearchEvent extends SmartBoxSearchEvent {
     }
 }
 
-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 undefined
-     */
-    set size(size) {
-        const newSize = size;
-        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;
-    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]}` : null;
-        classToRemove && this.renderer.removeClass(elem, classToRemove);
-        classToAdd && this.renderer.addClass(elem, classToAdd);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", 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.20", 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.20", 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.
  *
@@ -41769,22 +41530,8 @@ class SmartBoxComponent {
     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;
-    }
+    segmentedControlButtons = [];
+    segmentedControlSelectedIndex = 0;
     get prefixIconName() {
         switch (this.selectedView) {
             case 'search':
@@ -41815,8 +41562,9 @@ class SmartBoxComponent {
     formatDate(date, format) {
         return this.intl.formatDate(date, format);
     }
-    onModeChange(button) {
+    onModeChange(index) {
         this.clearTypingTimeout();
+        const button = this.segmentedControlButtons[index];
         let previousView;
         if (this.searchListData.length > 0) {
             previousView = this.searchListData.find(i => i.selected)?.text;
@@ -41841,6 +41589,7 @@ class SmartBoxComponent {
         if (!previousView) {
             this.updateSearchListData();
         }
+        this.updateSegmentedControlState();
         this.modeChange.emit(this.selectedView);
         if (this.selectedView === 'search') {
             this.input.nativeElement.value = this.lastSearchValue || '';
@@ -41861,6 +41610,7 @@ class SmartBoxComponent {
         else {
             this.input.nativeElement.value = '';
         }
+        this.updateSegmentedControlState();
         this.modeChange.emit(this.selectedView);
         this.cdr.markForCheck();
     }
@@ -42298,10 +42048,12 @@ class SmartBoxComponent {
             const modeSettings = this[`${this._activeMode}Mode`];
             if (modeSettings?.enabled) {
                 this.selectedView = this._activeMode;
+                this.updateSegmentedControlState();
                 return;
             }
         }
         if (this.selectedView && this[`${this.selectedView}Mode`]?.enabled) {
+            this.updateSegmentedControlState();
             return;
         }
         if (this.searchMode?.enabled) {
@@ -42317,6 +42069,36 @@ class SmartBoxComponent {
         else {
             this.selectedView = null;
         }
+        this.updateSegmentedControlState();
+    }
+    updateSegmentedControlState() {
+        const buttons = [];
+        if ((this.searchMode?.enabled || this.semanticSearchMode?.enabled) && this.aiAssistantMode?.enabled) {
+            if (this.searchMode?.enabled) {
+                buttons.push({
+                    text: this.messageFor('smartBoxSearchModePopupButton'),
+                    svgIcon: searchIcon,
+                    icon: 'search',
+                    iconInnerCssClass: this.selectedView === 'semanticSearch' ? 'k-accent-icon' : ''
+                });
+            }
+            else {
+                buttons.push({
+                    text: this.messageFor('smartBoxSearchModePopupButton'),
+                    svgIcon: zoomSparkleIcon,
+                    icon: 'zoom-sparkle',
+                    iconInnerCssClass: this.selectedView === 'semanticSearch' ? 'k-accent-icon' : ''
+                });
+            }
+            buttons.push({
+                text: this.messageFor('smartBoxAIAssistantModePopupButton'),
+                svgIcon: sparklesIcon,
+                icon: 'sparkles',
+                iconInnerCssClass: this.selectedView === 'aiAssistant' ? 'k-accent-icon' : ''
+            });
+        }
+        this.segmentedControlButtons = buttons;
+        this.segmentedControlSelectedIndex = this.selectedView === 'aiAssistant' ? buttons.length - 1 : 0;
     }
     updateHistoryData() {
         if (this.searchHistorySettings && this.searchHistory.length > this.searchHistorySettings.size) {
@@ -42445,8 +42227,10 @@ class SmartBoxComponent {
         <ng-template #popupTemplate>
             @if (segmentedControlButtons.length > 0) {
                 <kendo-segmented-control
-                    [buttons]="segmentedControlButtons"
-                    (buttonClick)="onModeChange($event)"
+                    [items]="segmentedControlButtons"
+                    [selected]="segmentedControlSelectedIndex"
+                    layoutMode="stretch"
+                    (selectedChange)="onModeChange($event)"
                     size="small">
                 </kendo-segmented-control>
             }
@@ -42618,14 +42402,14 @@ class SmartBoxComponent {
                 </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", "iconPosition", "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"] }] });
+    `, isInline: true, dependencies: [{ 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: SpeechToTextButtonComponent, selector: "button[kendoSpeechToTextButton]", inputs: ["disabled", "size", "rounded", "fillMode", "themeColor", "integrationMode", "lang", "continuous", "interimResults", "maxAlternatives"], outputs: ["start", "end", "result", "error", "click"], exportAs: ["kendoSpeechToTextButton"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SmartBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-smartbox',
                     standalone: true,
-                    imports: [SegmentedControlComponent, EventsOutsideAngularDirective, IconWrapperComponent, KENDO_BUTTONS, TemplateContextDirective],
+                    imports: [EventsOutsideAngularDirective, IconWrapperComponent, SpeechToTextButtonComponent, ButtonComponent, SegmentedControlComponent, TemplateContextDirective],
                     providers: [DataService, SelectionService$1, NavigationService$1, DisabledItemsService],
                     template: `
         <span #innerWrapper
@@ -42719,8 +42503,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <ng-template #popupTemplate>
             @if (segmentedControlButtons.length > 0) {
                 <kendo-segmented-control
-                    [buttons]="segmentedControlButtons"
-                    (buttonClick)="onModeChange($event)"
+                    [items]="segmentedControlButtons"
+                    [selected]="segmentedControlSelectedIndex"
+                    layoutMode="stretch"
+                    (selectedChange)="onModeChange($event)"
                     size="small">
                 </kendo-segmented-control>
             }
@@ -43720,5 +43506,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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, 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 };
+export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, 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 };
 

package/grid.component.d.ts

@@ -13,7 +13,7 @@ import { DetailTemplateDirective } from './rendering/details/detail-template.dir
 import { ScrollMode } from './scrolling/scrollmode';
 import { SortSettings } from './columns/sort-settings';
 import { PagerSettings } from './common/pager-settings';
-import { BrowserSupportService } from './layout/browser-support.service';
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { GridDataResult, DataCollection } from './data/data.collection';
 import { SelectionService } from './selection/selection.service';
 import { EditService } from './editing/edit.service';
@@ -761,7 +761,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private rowReorderSubscription;
     private rtl;
     private _rowSticky;
-    constructor(supportService: BrowserSupportService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, csvService: CSVService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService, ctx: ContextService, sizingService: SizingOptionsService, adaptiveGridService: AdaptiveGridService, rowReorderService: RowReorderService, dataMappingService: DataMappingService, aiRequestResponseService: GridAIRequestResponseService, idService: IdService, searchService: SearchService);
+    constructor(supportService: ScrollbarService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, csvService: CSVService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService, ctx: ContextService, sizingService: SizingOptionsService, adaptiveGridService: AdaptiveGridService, rowReorderService: RowReorderService, dataMappingService: DataMappingService, aiRequestResponseService: GridAIRequestResponseService, idService: IdService, searchService: SearchService);
     /**
      * Expands the master row at the specified data row index ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail)).
      *

package/index.d.ts

@@ -51,7 +51,7 @@ export { StringFilterComponent } from './filtering/string-filter.component';
 export { MultiCheckboxFilterComponent } from './filtering/multicheckbox-filter.component';
 export { GroupInfoService } from './grouping/group-info.service';
 export { GroupsService } from './grouping/groups.service';
-export { BrowserSupportService } from './layout/browser-support.service';
+export { ScrollbarService, BrowserSupportService } from '@progress/kendo-angular-common';
 export { ResizeService } from './layout/resize.service';
 export { ResponsiveService } from './layout/responsive.service';
 export { FocusRoot } from './navigation/focus-root';

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1774361898,
-  "version": "23.3.0-develop.11",
+  "publishDate": 1774450134,
+  "version": "23.3.0-develop.13",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "23.3.0-develop.11",
+  "version": "23.3.0-develop.13",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -73,7 +73,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1774361898,
+      "publishDate": 1774450134,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -86,32 +86,32 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.24.1",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.3.0-develop.11",
-    "@progress/kendo-angular-common": "23.3.0-develop.11",
-    "@progress/kendo-angular-dateinputs": "23.3.0-develop.11",
-    "@progress/kendo-angular-layout": "23.3.0-develop.11",
-    "@progress/kendo-angular-navigation": "23.3.0-develop.11",
-    "@progress/kendo-angular-dropdowns": "23.3.0-develop.11",
-    "@progress/kendo-angular-excel-export": "23.3.0-develop.11",
-    "@progress/kendo-angular-icons": "23.3.0-develop.11",
-    "@progress/kendo-angular-indicators": "23.3.0-develop.11",
-    "@progress/kendo-angular-inputs": "23.3.0-develop.11",
-    "@progress/kendo-angular-conversational-ui": "23.3.0-develop.11",
-    "@progress/kendo-angular-intl": "23.3.0-develop.11",
-    "@progress/kendo-angular-l10n": "23.3.0-develop.11",
-    "@progress/kendo-angular-label": "23.3.0-develop.11",
-    "@progress/kendo-angular-menu": "23.3.0-develop.11",
-    "@progress/kendo-angular-pager": "23.3.0-develop.11",
-    "@progress/kendo-angular-pdf-export": "23.3.0-develop.11",
-    "@progress/kendo-angular-popup": "23.3.0-develop.11",
-    "@progress/kendo-angular-toolbar": "23.3.0-develop.11",
-    "@progress/kendo-angular-upload": "23.3.0-develop.11",
-    "@progress/kendo-angular-utils": "23.3.0-develop.11",
+    "@progress/kendo-angular-buttons": "23.3.0-develop.13",
+    "@progress/kendo-angular-common": "23.3.0-develop.13",
+    "@progress/kendo-angular-dateinputs": "23.3.0-develop.13",
+    "@progress/kendo-angular-layout": "23.3.0-develop.13",
+    "@progress/kendo-angular-navigation": "23.3.0-develop.13",
+    "@progress/kendo-angular-dropdowns": "23.3.0-develop.13",
+    "@progress/kendo-angular-excel-export": "23.3.0-develop.13",
+    "@progress/kendo-angular-icons": "23.3.0-develop.13",
+    "@progress/kendo-angular-indicators": "23.3.0-develop.13",
+    "@progress/kendo-angular-inputs": "23.3.0-develop.13",
+    "@progress/kendo-angular-conversational-ui": "23.3.0-develop.13",
+    "@progress/kendo-angular-intl": "23.3.0-develop.13",
+    "@progress/kendo-angular-l10n": "23.3.0-develop.13",
+    "@progress/kendo-angular-label": "23.3.0-develop.13",
+    "@progress/kendo-angular-menu": "23.3.0-develop.13",
+    "@progress/kendo-angular-pager": "23.3.0-develop.13",
+    "@progress/kendo-angular-pdf-export": "23.3.0-develop.13",
+    "@progress/kendo-angular-popup": "23.3.0-develop.13",
+    "@progress/kendo-angular-toolbar": "23.3.0-develop.13",
+    "@progress/kendo-angular-upload": "23.3.0-develop.13",
+    "@progress/kendo-angular-utils": "23.3.0-develop.13",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.3.0-develop.11",
+    "@progress/kendo-angular-schematics": "23.3.0-develop.13",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0",
     "@progress/kendo-csv": "^1.0.0"

package/rendering/list.component.d.ts

@@ -21,7 +21,7 @@ import { RowClassFn, RowStickyFn } from './common/row-class';
 import { ScrollSyncService } from "../scrolling/scroll-sync.service";
 import { ResizeService } from "../layout/resize.service";
 import { ResizeSensorComponent } from "@progress/kendo-angular-common";
-import { BrowserSupportService } from "../layout/browser-support.service";
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { SelectableSettings } from '../selection/types';
 import { EditService } from '../editing/edit.service';
 import { NavigationService } from '../navigation/navigation.service';
@@ -128,7 +128,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     private minRowHeight;
     private handleSkipOnData;
     private scrollToIndex;
-    constructor(scrollerFactory: any, detailsService: DetailsService, changeNotification: ChangeNotificationService, suspendService: SuspendService, groupsService: GroupsService, ngZone: NgZone, renderer: Renderer2, scrollSyncService: ScrollSyncService, resizeService: ResizeService, editService: EditService, supportService: BrowserSupportService, navigationService: NavigationService, scrollRequestService: ScrollRequestService, ctx: ContextService, columnResizingService: ColumnResizingService, changeDetector: ChangeDetectorRef, pdfService: PDFService, columnInfo: ColumnInfoService, dataMappingService: DataMappingService);
+    constructor(scrollerFactory: any, detailsService: DetailsService, changeNotification: ChangeNotificationService, suspendService: SuspendService, groupsService: GroupsService, ngZone: NgZone, renderer: Renderer2, scrollSyncService: ScrollSyncService, resizeService: ResizeService, editService: EditService, supportService: ScrollbarService, navigationService: NavigationService, scrollRequestService: ScrollRequestService, ctx: ContextService, columnResizingService: ColumnResizingService, changeDetector: ChangeDetectorRef, pdfService: PDFService, columnInfo: ColumnInfoService, dataMappingService: DataMappingService);
     ngOnInit(): void;
     ngOnChanges(changes: {
         [propertyName: string]: SimpleChange;

package/rendering/toolbar/tools/smartbox/smartbox-component/smartbox.component.d.ts

@@ -6,11 +6,10 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnC
 import { HttpClient } from '@angular/common/http';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { PopupService } from '@progress/kendo-angular-popup';
-import { SpeechToTextButtonSettings } from "@progress/kendo-angular-buttons";
+import { SpeechToTextButtonSettings, SegmentedItemSettings } from "@progress/kendo-angular-buttons";
 import { IntlService } from '@progress/kendo-angular-intl';
 import { HistoryItem, SmartBoxAIAssistantSettings, SmartBoxHistorySettings, SmartBoxRequestEvent, SmartBoxResponseErrorEvent, SmartBoxResponseSuccessEvent, SmartBoxSearchEvent, SmartBoxSearchSettings, SmartBoxSemanticSearchEvent, SmartBoxSemanticSearchSettings, SmartBoxSize } from './models';
 import { GridSmartBoxMode } from '../models';
-import { SegmentedButtonSettings } from "../segmented-control/models";
 import { ContextService } from '../../../../../common/provider.service';
 import { GridAIRequestResponseService } from '../../ai-assistant/ai-request-response.service';
 import { GridSmartBoxPromptSuggestionTemplateDirective } from '../smartbox-suggestion.template';
@@ -94,12 +93,13 @@ export declare class SmartBoxComponent implements AfterViewInit, OnChanges, OnDe
     aiAssistantHistory: HistoryItem[];
     searchHistory: HistoryItem[];
     semanticSearchHistory: HistoryItem[];
-    get segmentedControlButtons(): SegmentedButtonSettings[];
+    segmentedControlButtons: SegmentedItemSettings[];
+    segmentedControlSelectedIndex: number;
     get prefixIconName(): string;
     get prefixSVGIcon(): SVGIcon;
     messageFor(message: string): string;
     formatDate(date: Date, format: string): string;
-    onModeChange(button: SegmentedButtonSettings): void;
+    onModeChange(index: number): void;
     onSearchItemClick(item: any): void;
     onListItemClick(item: string): void;
     handleInput: (_event: any) => void;
@@ -147,6 +147,7 @@ export declare class SmartBoxComponent implements AfterViewInit, OnChanges, OnDe
     private updateModeSettingsFromSharedInputs;
     private updateSearchListData;
     private updateSelectedView;
+    private updateSegmentedControlState;
     private updateHistoryData;
     private processResponse;
     private handleError;

package/schematics/ngAdd/index.js

@@ -9,19 +9,19 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '23.3.0-develop.11',
-            '@progress/kendo-angular-navigation': '23.3.0-develop.11',
+            '@progress/kendo-angular-treeview': '23.3.0-develop.13',
+            '@progress/kendo-angular-navigation': '23.3.0-develop.13',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '23.3.0-develop.11',
+            '@progress/kendo-angular-dialog': '23.3.0-develop.13',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '23.3.0-develop.11',
+            '@progress/kendo-angular-progressbar': '23.3.0-develop.13',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '23.3.0-develop.11',
+            '@progress/kendo-angular-indicators': '23.3.0-develop.13',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '23.3.0-develop.11',
-            '@progress/kendo-angular-upload': '23.3.0-develop.11'
+            '@progress/kendo-angular-menu': '23.3.0-develop.13',
+            '@progress/kendo-angular-upload': '23.3.0-develop.13'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/layout/browser-support.service.d.ts

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgZone, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- * move to kendo-common
- */
-export declare class BrowserSupportService implements OnDestroy {
-    private zone;
-    private changeDetector;
-    changes: EventEmitter<any>;
-    private subscriptions;
-    constructor(zone: NgZone, changeDetector: ChangeDetectorRef);
-    ngOnDestroy(): void;
-    get scrollbarWidth(): number;
-    get rtlScrollLeft(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrowserSupportService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<BrowserSupportService>;
-}

package/rendering/toolbar/tools/smartbox/segmented-control/models.d.ts

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { SVGIcon } from "@progress/kendo-svg-icons";
-/**
- * @hidden
- *
- * Defines the settings for a Button inside the SegmentedControlComponent.
- */
-export interface SegmentedButtonSettings {
-    /**
-     * Sets the name of an existing font icon in the Kendo UI theme.
-     */
-    icon?: string;
-    /**
-     * Sets an SVG icon to display inside the Button.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Specifies the text content of the Button.
-     */
-    text?: string;
-    /**
-     * Specifies whether the Button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies whether the Button is selected.
-     */
-    selected?: boolean;
-    /**
-     * Sets an additional class on the internal Icon component of the button.
-     */
-    iconInnerCssClass?: string;
-}

package/rendering/toolbar/tools/smartbox/segmented-control/segmented-control.component.d.ts

@@ -1,45 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, Renderer2 } from '@angular/core';
-import { ButtonSize } from '@progress/kendo-angular-buttons';
-import { SegmentedButtonSettings } from './models';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class SegmentedControlComponent implements AfterViewInit {
-    private renderer;
-    private wrapper;
-    private cdr;
-    private zone;
-    hostClasses: boolean;
-    hostRole: string;
-    thumb: ElementRef;
-    /**
-     * Specifies the collection of buttons that will be rendered inside the SegmentedControlComponent.
-     */
-    buttons: Array<SegmentedButtonSettings>;
-    /**
-     * Sets the padding of the control.
-     *
-     * @default undefined
-     */
-    set size(size: ButtonSize);
-    get size(): ButtonSize;
-    /**
-     * Fires when a button is clicked.
-     */
-    buttonClick: EventEmitter<SegmentedButtonSettings>;
-    ngAfterViewInit(): void;
-    handleClick(button: SegmentedButtonSettings, index: number): void;
-    getInnerIconClass(button: SegmentedButtonSettings): string;
-    constructor(renderer: Renderer2, wrapper: ElementRef, cdr: ChangeDetectorRef, zone: NgZone);
-    showSelectionIndicator(): void;
-    selectedButtonIndex: number;
-    private _size;
-    private handleSizeClass;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlComponent, "kendo-segmented-control", never, { "buttons": { "alias": "buttons"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
-}