@progress/kendo-angular-buttons 23.3.0-develop.20 → 23.3.0-develop.22

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

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { Injectable, isDevMode, EventEmitter, Input, HostListener, HostBinding, Output, Optional, Component, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, SkipSelf, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { Subject, Subscription, fromEvent, merge, of, Observable, from } from 'rxjs';
 import * as i12 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, normalizeKeys, Keys, TemplateContextDirective, MultiTabStop, guid, parseCSSClassNames, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, PreventableEvent as PreventableEvent$1, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, normalizeKeys, Keys, TemplateContextDirective, MultiTabStop, guid, parseCSSClassNames, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, PreventableEvent as PreventableEvent$1, ResizeSensorComponent, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import { caretAltDownIcon, xCircleIcon, moreVerticalIcon, microphoneOutlineIcon, stopSmIcon, pasteSparkleIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
@@ -14,7 +14,7 @@ import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/k
 import { validatePackage } from '@progress/kendo-licensing';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 import { NgClass, NgTemplateOutlet, NgStyle } from '@angular/common';
-import { filter, tap, take } from 'rxjs/operators';
+import { filter, tap, take, debounceTime } from 'rxjs/operators';
 import * as i3 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
 import * as i4 from '@angular/animations';
@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1774614708,
-    version: '23.3.0-develop.20',
+    publishDate: 1774956450,
+    version: '23.3.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -6623,7 +6623,6 @@ const SIZES_MAP = {
 class SegmentedControlComponent {
     renderer;
     wrapper;
-    cdr;
     zone;
     hostClass = true;
     get stretchedClass() {
@@ -6634,6 +6633,7 @@ class SegmentedControlComponent {
     }
     hostRole = 'group';
     thumb;
+    resizeSensor;
     /**
      * Specifies the collection of items to render in the SegmentedControl.
      */
@@ -6693,10 +6693,9 @@ class SegmentedControlComponent {
     _layoutMode = 'compact';
     _direction;
     subs = new Subscription();
-    constructor(renderer, wrapper, cdr, zone, localization) {
+    constructor(renderer, wrapper, zone, localization) {
         this.renderer = renderer;
         this.wrapper = wrapper;
-        this.cdr = cdr;
         this.zone = zone;
         validatePackage(packageMetadata);
         this._direction = localization.rtl ? 'rtl' : 'ltr';
@@ -6706,6 +6705,13 @@ class SegmentedControlComponent {
     }
     ngAfterViewInit() {
         this.handleSizeClass(this._size, null);
+        if (this.resizeSensor) {
+            this.subs.add(this.resizeSensor.resize.pipe(debounceTime(150)).subscribe(() => {
+                this.zone.run(() => {
+                    this.showSelectionIndicator();
+                });
+            }));
+        }
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
@@ -6764,14 +6770,15 @@ class SegmentedControlComponent {
             this.renderer.setStyle(selectionIndicator, 'right', `${right}px`);
         });
     }
-    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 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    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.NgZone }, { token: i1.LocalizationService }], 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: { items: "items", layoutMode: "layoutMode", size: "size", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, host: { properties: { "class.k-segmented-control": "this.hostClass", "class.k-segmented-control-stretched": "this.stretchedClass", "attr.dir": "this.direction", "attr.role": "this.hostRole" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.segmentedcontrol'
             }
-        ], viewQueries: [{ propertyName: "thumb", first: true, predicate: ["thumb"], descendants: true }], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "thumb", first: true, predicate: ["thumb"], descendants: true }, { propertyName: "resizeSensor", first: true, predicate: ["resizeSensor"], descendants: true }], ngImport: i0, template: `
+        <kendo-resize-sensor #resizeSensor></kendo-resize-sensor>
         <div class="k-segmented-control-thumb" #thumb [attr.aria-hidden]="true"></div>
         @for (button of items; track $index; let idx = $index) {
             <button type="button"
@@ -6796,7 +6803,7 @@ class SegmentedControlComponent {
                 }
             </button>
         }
-    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SegmentedControlComponent, decorators: [{
             type: Component,
@@ -6804,7 +6811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: 'kendo-segmented-control',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [IconWrapperComponent],
+                    imports: [IconWrapperComponent, ResizeSensorComponent],
                     providers: [
                         LocalizationService,
                         {
@@ -6813,6 +6820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         }
                     ],
                     template: `
+        <kendo-resize-sensor #resizeSensor></kendo-resize-sensor>
         <div class="k-segmented-control-thumb" #thumb [attr.aria-hidden]="true"></div>
         @for (button of items; track $index; let idx = $index) {
             <button type="button"
@@ -6839,7 +6847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }
     `
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.LocalizationService }], propDecorators: { hostClass: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.LocalizationService }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-segmented-control']
             }], stretchedClass: [{
@@ -6854,6 +6862,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], thumb: [{
                 type: ViewChild,
                 args: ['thumb']
+            }], resizeSensor: [{
+                type: ViewChild,
+                args: ['resizeSensor']
             }], items: [{
                 type: Input
             }], layoutMode: [{

package/package-metadata.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "23.3.0-develop.20",
+  "version": "23.3.0-develop.22",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -21,7 +21,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1774614708,
+      "publishDate": 1774956450,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -31,15 +31,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "23.3.0-develop.20",
-    "@progress/kendo-angular-l10n": "23.3.0-develop.20",
-    "@progress/kendo-angular-popup": "23.3.0-develop.20",
-    "@progress/kendo-angular-icons": "23.3.0-develop.20",
+    "@progress/kendo-angular-common": "23.3.0-develop.22",
+    "@progress/kendo-angular-l10n": "23.3.0-develop.22",
+    "@progress/kendo-angular-popup": "23.3.0-develop.22",
+    "@progress/kendo-angular-icons": "23.3.0-develop.22",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.3.0-develop.20",
+    "@progress/kendo-angular-schematics": "23.3.0-develop.22",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-webspeech-common": "1.0.1",
     "@progress/kendo-smartpaste-common": "1.0.0"

package/segmentedcontrol/segmented-control.component.d.ts

@@ -2,7 +2,8 @@
 * 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, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
+import { ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ButtonSize } from '../common/models';
 import { SegmentedItemSettings, SegmentedControlLayout } from './models';
@@ -16,13 +17,13 @@ import * as i0 from "@angular/core";
 export declare class SegmentedControlComponent implements AfterViewInit, OnDestroy {
     private renderer;
     private wrapper;
-    private cdr;
     private zone;
     hostClass: boolean;
     get stretchedClass(): boolean;
     get direction(): string;
     hostRole: string;
     thumb: ElementRef;
+    resizeSensor: ResizeSensorComponent;
     /**
      * Specifies the collection of items to render in the SegmentedControl.
      */
@@ -60,7 +61,7 @@ export declare class SegmentedControlComponent implements AfterViewInit, OnDestr
     private _layoutMode;
     private _direction;
     private subs;
-    constructor(renderer: Renderer2, wrapper: ElementRef, cdr: ChangeDetectorRef, zone: NgZone, localization: LocalizationService);
+    constructor(renderer: Renderer2, wrapper: ElementRef, zone: NgZone, localization: LocalizationService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**