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

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

@@ -25,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';
@@ -24242,8 +24242,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1774364397,
-    version: '23.3.0-develop.12',
+    publishDate: 1774450134,
+    version: '23.3.0-develop.13',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -41145,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.
  *
@@ -41682,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':
@@ -41728,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;
@@ -41754,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 || '';
@@ -41774,6 +41610,7 @@ class SmartBoxComponent {
         else {
             this.input.nativeElement.value = '';
         }
+        this.updateSegmentedControlState();
         this.modeChange.emit(this.selectedView);
         this.cdr.markForCheck();
     }
@@ -42211,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) {
@@ -42230,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) {
@@ -42358,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>
             }
@@ -42531,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
@@ -42632,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>
             }

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1774364397,
-  "version": "23.3.0-develop.12",
+  "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.12",
+  "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": 1774364397,
+      "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.12",
-    "@progress/kendo-angular-common": "23.3.0-develop.12",
-    "@progress/kendo-angular-dateinputs": "23.3.0-develop.12",
-    "@progress/kendo-angular-layout": "23.3.0-develop.12",
-    "@progress/kendo-angular-navigation": "23.3.0-develop.12",
-    "@progress/kendo-angular-dropdowns": "23.3.0-develop.12",
-    "@progress/kendo-angular-excel-export": "23.3.0-develop.12",
-    "@progress/kendo-angular-icons": "23.3.0-develop.12",
-    "@progress/kendo-angular-indicators": "23.3.0-develop.12",
-    "@progress/kendo-angular-inputs": "23.3.0-develop.12",
-    "@progress/kendo-angular-conversational-ui": "23.3.0-develop.12",
-    "@progress/kendo-angular-intl": "23.3.0-develop.12",
-    "@progress/kendo-angular-l10n": "23.3.0-develop.12",
-    "@progress/kendo-angular-label": "23.3.0-develop.12",
-    "@progress/kendo-angular-menu": "23.3.0-develop.12",
-    "@progress/kendo-angular-pager": "23.3.0-develop.12",
-    "@progress/kendo-angular-pdf-export": "23.3.0-develop.12",
-    "@progress/kendo-angular-popup": "23.3.0-develop.12",
-    "@progress/kendo-angular-toolbar": "23.3.0-develop.12",
-    "@progress/kendo-angular-upload": "23.3.0-develop.12",
-    "@progress/kendo-angular-utils": "23.3.0-develop.12",
+    "@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.12",
+    "@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/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.12',
-            '@progress/kendo-angular-navigation': '23.3.0-develop.12',
+            '@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.12',
+            '@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.12',
+            '@progress/kendo-angular-progressbar': '23.3.0-develop.13',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '23.3.0-develop.12',
+            '@progress/kendo-angular-indicators': '23.3.0-develop.13',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '23.3.0-develop.12',
-            '@progress/kendo-angular-upload': '23.3.0-develop.12'
+            '@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/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>;
-}