@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:
|
|
53
|
-
version: '25.0.0-develop.
|
|
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
|
|
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
|
|
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
|
|
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;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "25.0.0-develop.
|
|
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.
|
|
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":
|
|
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.
|
|
70
|
-
"@progress/kendo-angular-l10n": "25.0.0-develop.
|
|
71
|
-
"@progress/kendo-angular-popup": "25.0.0-develop.
|
|
72
|
-
"@progress/kendo-angular-icons": "25.0.0-develop.
|
|
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.
|
|
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"
|