@progress/kendo-angular-buttons 19.3.0-develop.3 → 19.3.0-develop.31

package/chip/chip-list.component.d.ts

@@ -28,6 +28,9 @@ export declare class ChipListComponent implements OnInit, AfterViewInit, AfterCo
     private element;
     private ngZone;
     hostClass: boolean;
+    /**
+     * @hidden
+     */
     orientation: string;
     /**
      * @hidden
@@ -98,5 +101,5 @@ export declare class ChipListComponent implements OnInit, AfterViewInit, AfterCo
     private normalizeActiveIndex;
     private setChipSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "orientation": { "alias": "orientation"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
 }

package/esm2022/chip/chip-list.component.mjs

@@ -31,6 +31,9 @@ export class ChipListComponent {
     element;
     ngZone;
     hostClass = true;
+    /**
+     * @hidden
+     */
     orientation = 'horizontal';
     /**
      * @hidden
@@ -70,7 +73,7 @@ export class ChipListComponent {
         return this.selection === 'single';
     }
     get multiple() {
-        return this.selection === 'multiple';
+        return this.selection === 'multiple' ? true : undefined;
     }
     /**
      * @hidden
@@ -246,7 +249,7 @@ export class ChipListComponent {
         this.chips.forEach((chip, idx) => {
             const chipEl = chip.element.nativeElement;
             this.renderer.removeAttribute(chipEl, 'aria-pressed');
-            this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
+            this.selection !== 'none' && (this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`));
             this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
             if (!this.navigable) {
                 return;
@@ -275,7 +278,7 @@ export class ChipListComponent {
         !hasSize && (chip.sizeIsSet = false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { orientation: "orientation", selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -307,6 +310,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], orientation: [{
                 type: HostBinding,
                 args: ['attr.aria-orientation']
+            }, {
+                type: Input
             }], direction: [{
                 type: HostBinding,
                 args: ['attr.dir']

package/esm2022/floatingactionbutton/floatingactionbutton.component.mjs

@@ -577,7 +577,7 @@ export class FloatingActionButtonComponent {
                 event.preventDefault();
             });
         });
-        this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false));
+        this.subscriptions.add(this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false)));
     }
     closePopup() {
         if (this.isOpen) {

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1751984730,
-    version: '19.3.0-develop.3',
+    publishDate: 1754576416,
+    version: '19.3.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/speechtotextbutton/models/speechtotextbutton-settings.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2022/splitbutton/splitbutton.component.mjs

@@ -10,10 +10,10 @@ import { ButtonItemTemplateDirective } from './../listbutton/button-item-templat
 import { FocusService } from './../focusable/focus.service';
 import { NavigationService } from './../navigation/navigation.service';
 import { NAVIGATION_CONFIG } from './../navigation/navigation-config';
-import { isDocumentAvailable, guid, isChanged, anyChanged, MultiTabStop } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, guid, isChanged, anyChanged, MultiTabStop, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import { closest, isPresent } from './../util';
 import { Keys } from '@progress/kendo-angular-common';
-import { replaceMessagePlaceholder, getStylingClasses } from '../util';
+import { getStylingClasses } from '../util';
 import { PopupContainerService } from '../listbutton/container.service';
 import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 import { ListComponent } from '../listbutton/list.component';

package/esm2022/util.mjs

@@ -38,10 +38,6 @@ export function closest(element, selector) {
         node = node.parentNode;
     }
 }
-/**
- * @hidden
- */
-export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */

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

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { Injectable, isDevMode, EventEmitter, Component, Optional, Input, Output, HostBinding, HostListener, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, 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, Keys, TemplateContextDirective, MultiTabStop, guid, isPresent as isPresent$1, EventsOutsideAngularDirective, anyChanged, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, Keys, TemplateContextDirective, MultiTabStop, guid, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import { caretAltDownIcon, xCircleIcon, moreVerticalIcon, microphoneOutlineIcon, stopSmIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
@@ -45,8 +45,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1751984730,
-    version: '19.3.0-develop.3',
+    publishDate: 1754576416,
+    version: '19.3.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -86,10 +86,6 @@ function closest(element, selector) {
         node = node.parentNode;
     }
 }
-/**
- * @hidden
- */
-const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */
@@ -1592,6 +1588,9 @@ class ChipListComponent {
     element;
     ngZone;
     hostClass = true;
+    /**
+     * @hidden
+     */
     orientation = 'horizontal';
     /**
      * @hidden
@@ -1631,7 +1630,7 @@ class ChipListComponent {
         return this.selection === 'single';
     }
     get multiple() {
-        return this.selection === 'multiple';
+        return this.selection === 'multiple' ? true : undefined;
     }
     /**
      * @hidden
@@ -1807,7 +1806,7 @@ class ChipListComponent {
         this.chips.forEach((chip, idx) => {
             const chipEl = chip.element.nativeElement;
             this.renderer.removeAttribute(chipEl, 'aria-pressed');
-            this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
+            this.selection !== 'none' && (this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`));
             this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
             if (!this.navigable) {
                 return;
@@ -1836,7 +1835,7 @@ class ChipListComponent {
         !hasSize && (chip.sizeIsSet = false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { orientation: "orientation", selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -1868,6 +1867,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], orientation: [{
                 type: HostBinding,
                 args: ['attr.aria-orientation']
+            }, {
+                type: Input
             }], direction: [{
                 type: HostBinding,
                 args: ['attr.dir']
@@ -4124,7 +4125,7 @@ class FloatingActionButtonComponent {
                 event.preventDefault();
             });
         });
-        this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false));
+        this.subscriptions.add(this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false)));
     }
     closePopup() {
         if (this.isOpen) {

package/index.d.ts

@@ -39,6 +39,7 @@ export { SpeechToTextButtonComponent } from './speechtotextbutton/speechtotextbu
 export { IntegrationMode } from './speechtotextbutton/models/integration-mode';
 export { SpeechToTextResultEvent } from './speechtotextbutton/models/result-event';
 export { SpeechToTextErrorEvent } from './speechtotextbutton/models/error-event';
+export { SpeechToTextButtonSettings } from './speechtotextbutton/models/speechtotextbutton-settings';
 export { SpeechToTextButtonModule } from './speechtotextbutton/speechtotextbutton.module';
 export { ButtonSize, ChipSize, ButtonRounded, ChipRounded, ButtonFillMode, ChipFillMode, ButtonThemeColor, ChipThemeColor, ArrowIconSettings } from './common/models';
 export { FocusableDirective } from './focusable/focusable.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "19.3.0-develop.3",
+  "version": "19.3.0-develop.31",
   "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": 1751984730,
+      "publishDate": 1754576416,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,18 +30,18 @@
     "@angular/common": "16 - 20",
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
-    "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.3.0-develop.3",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.3",
-    "@progress/kendo-angular-popup": "19.3.0-develop.3",
-    "@progress/kendo-angular-icons": "19.3.0-develop.3",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-angular-common": "19.3.0-develop.31",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.31",
+    "@progress/kendo-angular-popup": "19.3.0-develop.31",
+    "@progress/kendo-angular-icons": "19.3.0-develop.31",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.3",
+    "@progress/kendo-angular-schematics": "19.3.0-develop.31",
     "@progress/kendo-common": "^1.0.1",
-    "@progress/kendo-webspeech-common": "1.0.0"
+    "@progress/kendo-webspeech-common": "1.0.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-buttons.mjs",

package/speechtotextbutton/models/speechtotextbutton-settings.d.ts

@@ -0,0 +1,61 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from "../../common/models";
+import { IntegrationMode } from "./integration-mode";
+/**
+ * Defines the settings interface for the speech-to-text functionality used in components that integrate the SpeechToTextButton component, such as the AIPrompt ([see example](slug:configuration_aiprompt#enabling-speech-to-text)).
+ *
+ * @example
+ * ```typescript
+ * const speechSettings: SpeechToTextButtonSettings = {
+ *   continuous: true,
+ *   lang: 'en-US',
+ *   interimResults: false,
+ *   disabled: false
+ * };
+ * ```
+ */
+export interface SpeechToTextButtonSettings {
+    /**
+     * Specifies whether the component returns continuous results for each recognition, or only a single result once recognition stops.
+     */
+    continuous?: boolean;
+    /**
+     * When `true`, disables the SpeechToTextButton and prevents user interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the background and border styles of the SpeechToTextButton.
+     */
+    fillMode?: ButtonFillMode;
+    /**
+     * Specifies which speech recognition engine or integration the component should use. Allows the component to operate in different environments or use alternative implementations.
+     */
+    integrationMode?: IntegrationMode;
+    /**
+     * Specifies whether the component should return interim results or not. Interim results are results that are not yet final.
+     */
+    interimResults?: boolean;
+    /**
+     * Specifies a `BCP 47` language tag (e.g., `'en-US'`, `'bg-BG'`) used for speech recognition.
+     */
+    lang?: string;
+    /**
+     * Represents the maximum number of alternative transcriptions to return for each result.
+     */
+    maxAlternatives?: number;
+    /**
+     * Sets the border radius of the SpeechToTextButton.
+     */
+    rounded?: ButtonRounded;
+    /**
+     * Sets the padding of the SpeechToTextButton.
+     */
+    size?: ButtonSize;
+    /**
+     * Sets a predefined theme color for the SpeechToTextButton. The theme color applies as a background and border color and adjusts the text color.
+     */
+    themeColor?: ButtonThemeColor;
+}

package/util.d.ts

@@ -16,10 +16,6 @@ export declare const tick: (f: any) => Promise<any>;
  * @hidden
  */
 export declare function closest(element: any, selector: string): any;
-/**
- * @hidden
- */
-export declare const replaceMessagePlaceholder: (message: string, name: string, value: string) => string;
 /**
  * @hidden
  */