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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -49,8 +49,8 @@ const packageMetadata = {
49
49
  productName: 'Kendo UI for Angular',
50
50
  productCode: 'KENDOUIANGULAR',
51
51
  productCodes: ['KENDOUIANGULAR'],
52
- publishDate: 1785489648,
53
- version: '25.0.0-develop.16',
52
+ publishDate: 1785493009,
53
+ version: '25.0.0-develop.17',
54
54
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
55
55
  };
56
56
 
@@ -2420,7 +2420,7 @@ class ListButton extends MultiTabStop {
2420
2420
  buttonId = guid();
2421
2421
  _data;
2422
2422
  _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
2423
- _disabled = false;
2423
+ _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
2424
2424
  _active = signal(false, ...(ngDevMode ? [{ debugName: "_active" }] : []));
2425
2425
  _popupSettings = { animate: true, popupClass: '' };
2426
2426
  _isFocused = false;
@@ -2443,10 +2443,10 @@ class ListButton extends MultiTabStop {
2443
2443
  if (value && this.openState) {
2444
2444
  this.openState = false;
2445
2445
  }
2446
- this._disabled = value;
2446
+ this._disabled.set(value);
2447
2447
  }
2448
2448
  get disabled() {
2449
- return this._disabled;
2449
+ return this._disabled();
2450
2450
  }
2451
2451
  /**
2452
2452
  * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
@@ -2578,7 +2578,7 @@ class ListButton extends MultiTabStop {
2578
2578
  * @hidden
2579
2579
  */
2580
2580
  togglePopupVisibility() {
2581
- if (this._disabled) {
2581
+ if (this._disabled()) {
2582
2582
  return;
2583
2583
  }
2584
2584
  this._toggle(!this.openState, true);
@@ -2662,7 +2662,7 @@ class ListButton extends MultiTabStop {
2662
2662
  * @hidden
2663
2663
  */
2664
2664
  keyHandler(event, keyEvent, isHost) {
2665
- if (this._disabled) {
2665
+ if (this._disabled()) {
2666
2666
  return;
2667
2667
  }
2668
2668
  const eventData = event;
@@ -2729,7 +2729,7 @@ class ListButton extends MultiTabStop {
2729
2729
  this.blurWrapper();
2730
2730
  }
2731
2731
  onNavigationEnterUp(_args) {
2732
- if (!this._disabled && !this.openState) {
2732
+ if (!this._disabled() && !this.openState) {
2733
2733
  this._active.set(false);
2734
2734
  }
2735
2735
  if (this.openState) {
@@ -2747,7 +2747,7 @@ class ListButton extends MultiTabStop {
2747
2747
  }
2748
2748
  }
2749
2749
  onNavigationOpen() {
2750
- if (!this._disabled && !this.openState) {
2750
+ if (!this._disabled() && !this.openState) {
2751
2751
  this.togglePopupVisibility();
2752
2752
  }
2753
2753
  }
@@ -2979,7 +2979,7 @@ class DropDownButtonComponent extends ListButton {
2979
2979
  */
2980
2980
  onBlur = new EventEmitter();
2981
2981
  get focused() {
2982
- return this._isFocused && !this._disabled;
2982
+ return this._isFocused && !this._disabled();
2983
2983
  }
2984
2984
  hostDisplayStyle = 'inline-flex';
2985
2985
  get dir() {
@@ -3023,7 +3023,7 @@ class DropDownButtonComponent extends ListButton {
3023
3023
  * @hidden
3024
3024
  */
3025
3025
  mousedown(event) {
3026
- if (this._disabled) {
3026
+ if (this._disabled()) {
3027
3027
  event.preventDefault();
3028
3028
  }
3029
3029
  else {
@@ -3034,7 +3034,7 @@ class DropDownButtonComponent extends ListButton {
3034
3034
  * @hidden
3035
3035
  */
3036
3036
  mouseup(event) {
3037
- if (this._disabled) {
3037
+ if (this._disabled()) {
3038
3038
  event.preventDefault();
3039
3039
  }
3040
3040
  this._active.set(false);
@@ -3098,7 +3098,7 @@ class DropDownButtonComponent extends ListButton {
3098
3098
  * @hidden
3099
3099
  */
3100
3100
  handleFocus(event) {
3101
- if (!this._disabled) {
3101
+ if (!this._disabled()) {
3102
3102
  if (!this._isFocused) {
3103
3103
  this.onFocus.emit();
3104
3104
  }
@@ -3779,10 +3779,10 @@ class FloatingActionButtonComponent {
3779
3779
  * @default false
3780
3780
  */
3781
3781
  set disabled(disabled) {
3782
- this._disabled = disabled;
3782
+ this._disabled.set(disabled);
3783
3783
  }
3784
3784
  get disabled() {
3785
- return this._disabled;
3785
+ return this._disabled();
3786
3786
  }
3787
3787
  /**
3788
3788
  * Specifies the alignment of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/positioning#alignment)).
@@ -3892,7 +3892,7 @@ class FloatingActionButtonComponent {
3892
3892
  _themeColor = undefined;
3893
3893
  _size = undefined;
3894
3894
  _rounded = undefined;
3895
- _disabled = false;
3895
+ _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
3896
3896
  _align = { horizontal: 'end', vertical: 'bottom' };
3897
3897
  _offset = { x: DEFAULT_OFFSET, y: DEFAULT_OFFSET };
3898
3898
  _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
@@ -4837,10 +4837,10 @@ class SplitButtonComponent extends ListButton {
4837
4837
  if (this.isOpen) {
4838
4838
  this.toggle(false);
4839
4839
  }
4840
- this._disabled = value;
4840
+ this._disabled.set(value);
4841
4841
  }
4842
4842
  get disabled() {
4843
- return this._disabled;
4843
+ return this._disabled();
4844
4844
  }
4845
4845
  /**
4846
4846
  * Configures the popup settings of the SplitButton.
@@ -4960,7 +4960,7 @@ class SplitButtonComponent extends ListButton {
4960
4960
  this._isFocused = value;
4961
4961
  }
4962
4962
  get isFocused() {
4963
- return this._isFocused && !this._disabled && isDocumentAvailable() && this.wrapperContains(document.activeElement);
4963
+ return this._isFocused && !this._disabled() && isDocumentAvailable() && this.wrapperContains(document.activeElement);
4964
4964
  }
4965
4965
  get widgetClasses() {
4966
4966
  return true;
@@ -4985,7 +4985,7 @@ class SplitButtonComponent extends ListButton {
4985
4985
  * @hidden
4986
4986
  */
4987
4987
  onButtonFocus(event) {
4988
- if (!this._disabled) {
4988
+ if (!this._disabled()) {
4989
4989
  if (!this._isFocused) {
4990
4990
  this.onFocus.emit();
4991
4991
  }
@@ -5278,6 +5278,7 @@ class SplitButtonComponent extends ListButton {
5278
5278
  [attr.aria-label]="messageFor('toggleButtonLabel')"
5279
5279
  [attr.aria-expanded]="openState"
5280
5280
  [attr.aria-controls]="openState ? listId : null"
5281
+ [attr.aria-disabled]="disabled || null"
5281
5282
  (click)="onArrowButtonClick()"
5282
5283
  (mousedown)="toggleArrowButtonActiveState(true)"
5283
5284
  (mouseup)="toggleArrowButtonActiveState(false)"
@@ -5370,6 +5371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
5370
5371
  [attr.aria-label]="messageFor('toggleButtonLabel')"
5371
5372
  [attr.aria-expanded]="openState"
5372
5373
  [attr.aria-controls]="openState ? listId : null"
5374
+ [attr.aria-disabled]="disabled || null"
5373
5375
  (click)="onArrowButtonClick()"
5374
5376
  (mousedown)="toggleArrowButtonActiveState(true)"
5375
5377
  (mouseup)="toggleArrowButtonActiveState(false)"
@@ -5593,6 +5595,9 @@ class SpeechToTextButtonComponent {
5593
5595
  get listeningClass() {
5594
5596
  return this.isListening;
5595
5597
  }
5598
+ get ariaPressed() {
5599
+ return this.isListening ? 'true' : 'false';
5600
+ }
5596
5601
  speechToTextButtonClass = true;
5597
5602
  get classDisabled() {
5598
5603
  return this.isDisabled;
@@ -5861,7 +5866,7 @@ class SpeechToTextButtonComponent {
5861
5866
  });
5862
5867
  }
5863
5868
  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 });
5864
- 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: [
5869
+ 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: [
5865
5870
  LocalizationService,
5866
5871
  {
5867
5872
  provide: L10N_PREFIX,
@@ -5936,6 +5941,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
5936
5941
  }], listeningClass: [{
5937
5942
  type: HostBinding,
5938
5943
  args: ['class.k-listening']
5944
+ }], ariaPressed: [{
5945
+ type: HostBinding,
5946
+ args: ['attr.aria-pressed']
5939
5947
  }], speechToTextButtonClass: [{
5940
5948
  type: HostBinding,
5941
5949
  args: ['class.k-speech-to-text-button']
package/index.d.ts CHANGED
@@ -803,7 +803,7 @@ declare class ListButton extends MultiTabStop implements OnDestroy {
803
803
  protected buttonId: string;
804
804
  protected _data: any;
805
805
  protected _open: i0.WritableSignal<boolean>;
806
- protected _disabled: boolean;
806
+ protected _disabled: i0.WritableSignal<boolean>;
807
807
  protected _active: i0.WritableSignal<boolean>;
808
808
  protected _popupSettings: PopupSettings;
809
809
  protected _isFocused: boolean;
@@ -2400,6 +2400,7 @@ declare class SpeechToTextButtonComponent implements OnInit, OnDestroy {
2400
2400
  click: EventEmitter<any>;
2401
2401
  get iconButtonClass(): boolean;
2402
2402
  get listeningClass(): boolean;
2403
+ get ariaPressed(): string;
2403
2404
  speechToTextButtonClass: boolean;
2404
2405
  get classDisabled(): boolean;
2405
2406
  get getDirection(): string;
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1785489648,
11
- "version": "25.0.0-develop.16",
10
+ "publishDate": 1785493009,
11
+ "version": "25.0.0-develop.17",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-buttons",
3
- "version": "25.0.0-develop.16",
3
+ "version": "25.0.0-develop.17",
4
4
  "description": "Buttons Package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -56,7 +56,7 @@
56
56
  "package": {
57
57
  "productName": "Kendo UI for Angular",
58
58
  "productCode": "KENDOUIANGULAR",
59
- "publishDate": 1785489648,
59
+ "publishDate": 1785493009,
60
60
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
61
61
  }
62
62
  },
@@ -66,15 +66,15 @@
66
66
  "@angular/core": "20 - 22",
67
67
  "@angular/platform-browser": "20 - 22",
68
68
  "@progress/kendo-licensing": "^1.11.0",
69
- "@progress/kendo-angular-common": "25.0.0-develop.16",
70
- "@progress/kendo-angular-l10n": "25.0.0-develop.16",
71
- "@progress/kendo-angular-popup": "25.0.0-develop.16",
72
- "@progress/kendo-angular-icons": "25.0.0-develop.16",
69
+ "@progress/kendo-angular-common": "25.0.0-develop.17",
70
+ "@progress/kendo-angular-l10n": "25.0.0-develop.17",
71
+ "@progress/kendo-angular-popup": "25.0.0-develop.17",
72
+ "@progress/kendo-angular-icons": "25.0.0-develop.17",
73
73
  "rxjs": "^6.5.3 || ^7.0.0"
74
74
  },
75
75
  "dependencies": {
76
76
  "tslib": "^2.3.1",
77
- "@progress/kendo-angular-schematics": "25.0.0-develop.16",
77
+ "@progress/kendo-angular-schematics": "25.0.0-develop.17",
78
78
  "@progress/kendo-common": "^1.0.1",
79
79
  "@progress/kendo-webspeech-common": "1.0.1",
80
80
  "@progress/kendo-smartpaste-common": "1.0.0"