@progress/kendo-angular-buttons 25.0.0-develop.16 → 25.0.0-develop.18

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

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { Injectable, isDevMode, EventEmitter, signal, HostListener, HostBinding, Output, Input, Optional, ChangeDetectionStrategy, Component, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, SkipSelf, afterNextRender, 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, hasObservers, KENDO_WEBMCP_HOST, isChanged, 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';
+import { isDocumentAvailable, isFirefox, isSafari, hasObservers, KENDO_WEBMCP_HOST, provideComponentName, isChanged, 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 { chevronDownIcon, xCircleIcon, moreVerticalIcon, microphoneIcon, stopIcon, pasteSparkleIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1785489648,
-    version: '25.0.0-develop.16',
+    publishDate: 1785502108,
+    version: '25.0.0-develop.18',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -554,7 +554,8 @@ class ButtonComponent {
             {
                 provide: KENDO_WEBMCP_HOST,
                 useExisting: ButtonComponent
-            }
+            },
+            provideComponentName('button')
         ], exportAs: ["kendoButton"], ngImport: i0, template: `
         <ng-template #iconTemplate>
             @if (icon || svgIcon) {
@@ -611,7 +612,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: KENDO_WEBMCP_HOST,
                             useExisting: ButtonComponent
-                        }
+                        },
+                        provideComponentName('button')
                     ],
                     template: `
         <ng-template #iconTemplate>
@@ -995,7 +997,8 @@ class ButtonGroupComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.buttongroup'
-            }
+            },
+            provideComponentName('buttongroup')
         ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
         <ng-content select="[kendoButton]"></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1012,7 +1015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.buttongroup'
-                        }
+                        },
+                        provideComponentName('buttongroup')
                     ],
                     template: `
         <ng-content select="[kendoButton]"></ng-content>
@@ -1404,7 +1408,8 @@ class ChipComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.chip'
-            }
+            },
+            provideComponentName('chip')
         ], ngImport: i0, template: `
         @if (icon || svgIcon) {
           <kendo-icon-wrapper
@@ -1548,7 +1553,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.chip'
-                        }
+                        },
+                        provideComponentName('chip')
                     ],
                     standalone: true,
                     imports: [NgStyle, IconWrapperComponent]
@@ -2420,7 +2426,7 @@ class ListButton extends MultiTabStop {
     buttonId = guid();
     _data;
     _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
-    _disabled = false;
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
     _active = signal(false, ...(ngDevMode ? [{ debugName: "_active" }] : []));
     _popupSettings = { animate: true, popupClass: '' };
     _isFocused = false;
@@ -2443,10 +2449,10 @@ class ListButton extends MultiTabStop {
         if (value && this.openState) {
             this.openState = false;
         }
-        this._disabled = value;
+        this._disabled.set(value);
     }
     get disabled() {
-        return this._disabled;
+        return this._disabled();
     }
     /**
      * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
@@ -2578,7 +2584,7 @@ class ListButton extends MultiTabStop {
      * @hidden
      */
     togglePopupVisibility() {
-        if (this._disabled) {
+        if (this._disabled()) {
             return;
         }
         this._toggle(!this.openState, true);
@@ -2662,7 +2668,7 @@ class ListButton extends MultiTabStop {
      * @hidden
      */
     keyHandler(event, keyEvent, isHost) {
-        if (this._disabled) {
+        if (this._disabled()) {
             return;
         }
         const eventData = event;
@@ -2729,7 +2735,7 @@ class ListButton extends MultiTabStop {
         this.blurWrapper();
     }
     onNavigationEnterUp(_args) {
-        if (!this._disabled && !this.openState) {
+        if (!this._disabled() && !this.openState) {
             this._active.set(false);
         }
         if (this.openState) {
@@ -2747,7 +2753,7 @@ class ListButton extends MultiTabStop {
         }
     }
     onNavigationOpen() {
-        if (!this._disabled && !this.openState) {
+        if (!this._disabled() && !this.openState) {
             this.togglePopupVisibility();
         }
     }
@@ -2979,7 +2985,7 @@ class DropDownButtonComponent extends ListButton {
      */
     onBlur = new EventEmitter();
     get focused() {
-        return this._isFocused && !this._disabled;
+        return this._isFocused && !this._disabled();
     }
     hostDisplayStyle = 'inline-flex';
     get dir() {
@@ -3023,7 +3029,7 @@ class DropDownButtonComponent extends ListButton {
      * @hidden
      */
     mousedown(event) {
-        if (this._disabled) {
+        if (this._disabled()) {
             event.preventDefault();
         }
         else {
@@ -3034,7 +3040,7 @@ class DropDownButtonComponent extends ListButton {
      * @hidden
      */
     mouseup(event) {
-        if (this._disabled) {
+        if (this._disabled()) {
             event.preventDefault();
         }
         this._active.set(false);
@@ -3098,7 +3104,7 @@ class DropDownButtonComponent extends ListButton {
      * @hidden
      */
     handleFocus(event) {
-        if (!this._disabled) {
+        if (!this._disabled()) {
             if (!this._isFocused) {
                 this.onFocus.emit();
             }
@@ -3150,7 +3156,8 @@ class DropDownButtonComponent extends ListButton {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.dropdownbutton'
             },
-            PopupContainerService
+            PopupContainerService,
+            provideComponentName('dropdownbutton')
         ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], exportAs: ["kendoDropDownButton"], usesInheritance: true, ngImport: i0, template: `
         <button kendoButton #button
             type="button"
@@ -3212,7 +3219,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.dropdownbutton'
                         },
-                        PopupContainerService
+                        PopupContainerService,
+                        provideComponentName('dropdownbutton')
                     ],
                     template: `
         <button kendoButton #button
@@ -3779,10 +3787,10 @@ class FloatingActionButtonComponent {
      * @default false
      */
     set disabled(disabled) {
-        this._disabled = disabled;
+        this._disabled.set(disabled);
     }
     get disabled() {
-        return this._disabled;
+        return this._disabled();
     }
     /**
      * Specifies the alignment of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#alignment)).
@@ -3892,7 +3900,7 @@ class FloatingActionButtonComponent {
     _themeColor = undefined;
     _size = undefined;
     _rounded = undefined;
-    _disabled = false;
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
     _align = { horizontal: 'end', vertical: 'bottom' };
     _offset = { x: DEFAULT_OFFSET, y: DEFAULT_OFFSET };
     _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
@@ -4395,7 +4403,8 @@ class FloatingActionButtonComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.floatingactionbutton'
-            }
+            },
+            provideComponentName('floatingactionbutton')
         ], queries: [{ propertyName: "dialItemTemplate", first: true, predicate: DialItemTemplateDirective, descendants: true }, { propertyName: "fabTemplate", first: true, predicate: FloatingActionButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
         <button
             #button
@@ -4473,7 +4482,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.floatingactionbutton'
-                        }
+                        },
+                        provideComponentName('floatingactionbutton')
                     ],
                     template: `
         <button
@@ -4837,10 +4847,10 @@ class SplitButtonComponent extends ListButton {
         if (this.isOpen) {
             this.toggle(false);
         }
-        this._disabled = value;
+        this._disabled.set(value);
     }
     get disabled() {
-        return this._disabled;
+        return this._disabled();
     }
     /**
      * Configures the popup settings of the SplitButton.
@@ -4960,7 +4970,7 @@ class SplitButtonComponent extends ListButton {
         this._isFocused = value;
     }
     get isFocused() {
-        return this._isFocused && !this._disabled && isDocumentAvailable() && this.wrapperContains(document.activeElement);
+        return this._isFocused && !this._disabled() && isDocumentAvailable() && this.wrapperContains(document.activeElement);
     }
     get widgetClasses() {
         return true;
@@ -4985,7 +4995,7 @@ class SplitButtonComponent extends ListButton {
      * @hidden
      */
     onButtonFocus(event) {
-        if (!this._disabled) {
+        if (!this._disabled()) {
             if (!this._isFocused) {
                 this.onFocus.emit();
             }
@@ -5227,7 +5237,8 @@ class SplitButtonComponent extends ListButton {
             {
                 provide: MultiTabStop,
                 useExisting: forwardRef(() => SplitButtonComponent)
-            }
+            },
+            provideComponentName('splitbutton')
         ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], exportAs: ["kendoSplitButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSplitButtonLocalizedMessages
           i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"
@@ -5278,6 +5289,7 @@ class SplitButtonComponent extends ListButton {
             [attr.aria-label]="messageFor('toggleButtonLabel')"
             [attr.aria-expanded]="openState"
             [attr.aria-controls]="openState ? listId : null"
+            [attr.aria-disabled]="disabled || null"
             (click)="onArrowButtonClick()"
             (mousedown)="toggleArrowButtonActiveState(true)"
             (mouseup)="toggleArrowButtonActiveState(false)"
@@ -5318,7 +5330,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: MultiTabStop,
                             useExisting: forwardRef(() => SplitButtonComponent)
-                        }
+                        },
+                        provideComponentName('splitbutton')
                     ],
                     template: `
         <ng-container kendoSplitButtonLocalizedMessages
@@ -5370,6 +5383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             [attr.aria-label]="messageFor('toggleButtonLabel')"
             [attr.aria-expanded]="openState"
             [attr.aria-controls]="openState ? listId : null"
+            [attr.aria-disabled]="disabled || null"
             (click)="onArrowButtonClick()"
             (mousedown)="toggleArrowButtonActiveState(true)"
             (mouseup)="toggleArrowButtonActiveState(false)"
@@ -5593,6 +5607,9 @@ class SpeechToTextButtonComponent {
     get listeningClass() {
         return this.isListening;
     }
+    get ariaPressed() {
+        return this.isListening ? 'true' : 'false';
+    }
     speechToTextButtonClass = true;
     get classDisabled() {
         return this.isDisabled;
@@ -5861,12 +5878,13 @@ class SpeechToTextButtonComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SpeechToTextButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: SpeechToTextButtonComponent, isStandalone: true, selector: "button[kendoSpeechToTextButton]", inputs: { disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", integrationMode: "integrationMode", lang: "lang", continuous: "continuous", interimResults: "interimResults", maxAlternatives: "maxAlternatives" }, outputs: { start: "start", end: "end", result: "result", error: "error", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-icon-button": "this.iconButtonClass", "class.k-listening": "this.listeningClass", "class.k-speech-to-text-button": "this.speechToTextButtonClass", "class.k-disabled": "this.classDisabled", "attr.dir": "this.getDirection" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: SpeechToTextButtonComponent, isStandalone: true, selector: "button[kendoSpeechToTextButton]", inputs: { disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", integrationMode: "integrationMode", lang: "lang", continuous: "continuous", interimResults: "interimResults", maxAlternatives: "maxAlternatives" }, outputs: { start: "start", end: "end", result: "result", error: "error", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-icon-button": "this.iconButtonClass", "class.k-listening": "this.listeningClass", "attr.aria-pressed": "this.ariaPressed", "class.k-speech-to-text-button": "this.speechToTextButtonClass", "class.k-disabled": "this.classDisabled", "attr.dir": "this.getDirection" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.speechtotextbutton'
-            }
+            },
+            provideComponentName('speechtotextbutton')
         ], exportAs: ["kendoSpeechToTextButton"], usesOnChanges: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             innerCssClass="k-button-icon"
@@ -5887,7 +5905,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.speechtotextbutton'
-                        }
+                        },
+                        provideComponentName('speechtotextbutton')
                     ],
                     template: `
         <kendo-icon-wrapper
@@ -5936,6 +5955,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             }], listeningClass: [{
                 type: HostBinding,
                 args: ['class.k-listening']
+            }], ariaPressed: [{
+                type: HostBinding,
+                args: ['attr.aria-pressed']
             }], speechToTextButtonClass: [{
                 type: HostBinding,
                 args: ['class.k-speech-to-text-button']
@@ -6563,7 +6585,8 @@ class SmartPasteButtonComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.smartpastebutton'
-            }
+            },
+            provideComponentName('smartpastebutton')
         ], exportAs: ["kendoSmartPasteButton"], ngImport: i0, template: `
         @if (icon || svgIcon) {
           <kendo-icon-wrapper
@@ -6593,7 +6616,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.smartpastebutton'
-                        }
+                        },
+                        provideComponentName('smartpastebutton')
                     ],
                     standalone: true,
                     imports: [IconWrapperComponent, NgClass],
@@ -6837,7 +6861,8 @@ class SegmentedControlComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.segmentedcontrol'
-            }
+            },
+            provideComponentName('segmentedcontrol')
         ], 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>
@@ -6878,7 +6903,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.segmentedcontrol'
-                        }
+                        },
+                        provideComponentName('segmentedcontrol')
                     ],
                     template: `
         <kendo-resize-sensor #resizeSensor></kendo-resize-sensor>

package/index.d.ts

@@ -803,7 +803,7 @@ declare class ListButton extends MultiTabStop implements OnDestroy {
     protected buttonId: string;
     protected _data: any;
     protected _open: i0.WritableSignal<boolean>;
-    protected _disabled: boolean;
+    protected _disabled: i0.WritableSignal<boolean>;
     protected _active: i0.WritableSignal<boolean>;
     protected _popupSettings: PopupSettings;
     protected _isFocused: boolean;
@@ -2400,6 +2400,7 @@ declare class SpeechToTextButtonComponent implements OnInit, OnDestroy {
     click: EventEmitter<any>;
     get iconButtonClass(): boolean;
     get listeningClass(): boolean;
+    get ariaPressed(): string;
     speechToTextButtonClass: boolean;
     get classDisabled(): boolean;
     get getDirection(): string;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1785489648,
-  "version": "25.0.0-develop.16",
+  "publishDate": 1785502108,
+  "version": "25.0.0-develop.18",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

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