@progress/kendo-angular-buttons 19.1.2-develop.4 → 19.1.2-develop.6
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.
- package/esm2022/button/button.component.mjs +7 -14
- package/esm2022/chip/chip-list.component.mjs +2 -2
- package/esm2022/chip/chip.component.mjs +7 -7
- package/esm2022/dropdownbutton/dropdownbutton.component.mjs +2 -2
- package/esm2022/floatingactionbutton/floatingactionbutton.component.mjs +4 -4
- package/esm2022/listbutton/list-button.mjs +3 -3
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/splitbutton/splitbutton.component.mjs +4 -4
- package/esm2022/util.mjs +1 -1
- package/fesm2022/progress-kendo-angular-buttons.mjs +32 -39
- package/package.json +7 -7
|
@@ -134,7 +134,7 @@ export class ButtonComponent {
|
|
|
134
134
|
* @default 'medium'
|
|
135
135
|
*/
|
|
136
136
|
set size(size) {
|
|
137
|
-
const newSize = size
|
|
137
|
+
const newSize = size || DEFAULT_SIZE;
|
|
138
138
|
this.handleClasses(newSize, 'size');
|
|
139
139
|
this._size = newSize;
|
|
140
140
|
}
|
|
@@ -148,7 +148,7 @@ export class ButtonComponent {
|
|
|
148
148
|
* @default 'medium'
|
|
149
149
|
*/
|
|
150
150
|
set rounded(rounded) {
|
|
151
|
-
const newRounded = rounded
|
|
151
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
152
152
|
this.handleClasses(newRounded, 'rounded');
|
|
153
153
|
this._rounded = newRounded;
|
|
154
154
|
}
|
|
@@ -162,7 +162,7 @@ export class ButtonComponent {
|
|
|
162
162
|
* @default 'solid'
|
|
163
163
|
*/
|
|
164
164
|
set fillMode(fillMode) {
|
|
165
|
-
const newFillMode = fillMode
|
|
165
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
166
166
|
this.handleClasses(newFillMode, 'fillMode');
|
|
167
167
|
this._fillMode = newFillMode;
|
|
168
168
|
}
|
|
@@ -177,7 +177,7 @@ export class ButtonComponent {
|
|
|
177
177
|
* @default 'base'
|
|
178
178
|
*/
|
|
179
179
|
set themeColor(themeColor) {
|
|
180
|
-
const newThemeColor = themeColor
|
|
180
|
+
const newThemeColor = themeColor || DEFAULT_THEME_COLOR;
|
|
181
181
|
this.handleThemeColor(newThemeColor);
|
|
182
182
|
this._themeColor = newThemeColor;
|
|
183
183
|
}
|
|
@@ -267,14 +267,7 @@ export class ButtonComponent {
|
|
|
267
267
|
* @hidden
|
|
268
268
|
*/
|
|
269
269
|
set look(value) {
|
|
270
|
-
|
|
271
|
-
case 'default':
|
|
272
|
-
this.fillMode = 'solid';
|
|
273
|
-
break;
|
|
274
|
-
default:
|
|
275
|
-
this.fillMode = value;
|
|
276
|
-
break;
|
|
277
|
-
}
|
|
270
|
+
this.fillMode = (value === 'default') ? 'solid' : value;
|
|
278
271
|
}
|
|
279
272
|
/**
|
|
280
273
|
* Alias for ElementRef.nativeElement to workaround
|
|
@@ -419,8 +412,8 @@ export class ButtonComponent {
|
|
|
419
412
|
}
|
|
420
413
|
handleThemeColor(value, prevFillMode, fillMode) {
|
|
421
414
|
const elem = this.element;
|
|
422
|
-
const removeFillMode = prevFillMode
|
|
423
|
-
const addFillMode = fillMode
|
|
415
|
+
const removeFillMode = prevFillMode || this.fillMode;
|
|
416
|
+
const addFillMode = fillMode || this.fillMode;
|
|
424
417
|
const themeColorClass = getThemeColorClasses('button', removeFillMode, addFillMode, this.themeColor, value);
|
|
425
418
|
this.renderer.removeClass(elem, themeColorClass.toRemove);
|
|
426
419
|
if (addFillMode !== 'none' && fillMode !== 'none') {
|
|
@@ -49,7 +49,7 @@ export class ChipListComponent {
|
|
|
49
49
|
* @default 'medium'
|
|
50
50
|
*/
|
|
51
51
|
set size(size) {
|
|
52
|
-
const sizeValue = size
|
|
52
|
+
const sizeValue = size || 'medium';
|
|
53
53
|
this.handleClasses(sizeValue, 'size');
|
|
54
54
|
this.chips?.forEach(chip => this.setChipSize(chip, sizeValue));
|
|
55
55
|
this._size = sizeValue;
|
|
@@ -89,7 +89,7 @@ export class ChipListComponent {
|
|
|
89
89
|
const clickedChip = closest(target, '.k-chip');
|
|
90
90
|
const chip = this.chips.find((chip) => clickedChip === chip.element.nativeElement);
|
|
91
91
|
this.currentActiveIndex = this.chips.toArray().indexOf(chip);
|
|
92
|
-
chip
|
|
92
|
+
chip?.focus();
|
|
93
93
|
if (chip && this.navigable) {
|
|
94
94
|
this.chips.forEach((c) => {
|
|
95
95
|
this.renderer.setAttribute(c.element.nativeElement, 'tabindex', '-1');
|
|
@@ -104,7 +104,7 @@ export class ChipComponent {
|
|
|
104
104
|
* @default 'medium'
|
|
105
105
|
*/
|
|
106
106
|
set size(size) {
|
|
107
|
-
const newSize = size
|
|
107
|
+
const newSize = size || DEFAULT_SIZE;
|
|
108
108
|
!this.sizeIsSet && (this.sizeIsSet = true);
|
|
109
109
|
this.handleClasses(newSize, 'size');
|
|
110
110
|
this._size = newSize;
|
|
@@ -119,7 +119,7 @@ export class ChipComponent {
|
|
|
119
119
|
* @default 'medium'
|
|
120
120
|
*/
|
|
121
121
|
set rounded(rounded) {
|
|
122
|
-
const newRounded = rounded
|
|
122
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
123
123
|
this.handleClasses(newRounded, 'rounded');
|
|
124
124
|
this._rounded = newRounded;
|
|
125
125
|
}
|
|
@@ -133,7 +133,7 @@ export class ChipComponent {
|
|
|
133
133
|
* @default 'solid'
|
|
134
134
|
*/
|
|
135
135
|
set fillMode(fillMode) {
|
|
136
|
-
const newFillMode = fillMode
|
|
136
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
137
137
|
this.handleClasses(newFillMode, 'fillMode');
|
|
138
138
|
this._fillMode = newFillMode;
|
|
139
139
|
}
|
|
@@ -148,7 +148,7 @@ export class ChipComponent {
|
|
|
148
148
|
* @default 'base'
|
|
149
149
|
*/
|
|
150
150
|
set themeColor(themeColor) {
|
|
151
|
-
const newThemeColor = themeColor
|
|
151
|
+
const newThemeColor = themeColor || DEFAULT_THEME_COLOR;
|
|
152
152
|
this.handleThemeColor(newThemeColor);
|
|
153
153
|
this._themeColor = newThemeColor;
|
|
154
154
|
}
|
|
@@ -222,7 +222,7 @@ export class ChipComponent {
|
|
|
222
222
|
this.subs.unsubscribe();
|
|
223
223
|
}
|
|
224
224
|
ngOnChanges(changes) {
|
|
225
|
-
if (changes
|
|
225
|
+
if (changes?.['selected']) {
|
|
226
226
|
const hasAriaSelected = this.element.nativeElement.hasAttribute('aria-selected');
|
|
227
227
|
if (!hasAriaSelected) {
|
|
228
228
|
this.renderer.setAttribute(this.element.nativeElement, 'aria-pressed', `${this.selected}`);
|
|
@@ -334,8 +334,8 @@ export class ChipComponent {
|
|
|
334
334
|
}
|
|
335
335
|
handleThemeColor(value, prevFillMode, fillMode) {
|
|
336
336
|
const elem = this.element.nativeElement;
|
|
337
|
-
const removeFillMode = prevFillMode
|
|
338
|
-
const addFillMode = fillMode
|
|
337
|
+
const removeFillMode = prevFillMode || this.fillMode;
|
|
338
|
+
const addFillMode = fillMode || this.fillMode;
|
|
339
339
|
const themeColorClass = getThemeColorClasses('chip', removeFillMode, addFillMode, this.themeColor, value);
|
|
340
340
|
this.renderer.removeClass(elem, themeColorClass.toRemove);
|
|
341
341
|
if (addFillMode !== 'none' && fillMode !== 'none') {
|
|
@@ -123,7 +123,7 @@ export class DropDownButtonComponent extends ListButton {
|
|
|
123
123
|
* Sets attributes for the main button.
|
|
124
124
|
*/
|
|
125
125
|
set buttonAttributes(buttonAttributes) {
|
|
126
|
-
const newButtonAttributes = buttonAttributes
|
|
126
|
+
const newButtonAttributes = buttonAttributes || null;
|
|
127
127
|
this.handleButtonAttributes(newButtonAttributes);
|
|
128
128
|
this._buttonAttributes = newButtonAttributes;
|
|
129
129
|
}
|
|
@@ -275,7 +275,7 @@ export class DropDownButtonComponent extends ListButton {
|
|
|
275
275
|
wrapperContains(element) {
|
|
276
276
|
return this.wrapper === element
|
|
277
277
|
|| this.wrapper.contains(element)
|
|
278
|
-
||
|
|
278
|
+
|| this.popupRef?.popupElement.contains(element);
|
|
279
279
|
}
|
|
280
280
|
handleButtonAttributes(newButtonAttributes) {
|
|
281
281
|
const mainButton = this.button?.nativeElement;
|
|
@@ -94,7 +94,7 @@ export class FloatingActionButtonComponent {
|
|
|
94
94
|
* @default "primary"
|
|
95
95
|
*/
|
|
96
96
|
set themeColor(themeColor) {
|
|
97
|
-
const newThemeColor = themeColor
|
|
97
|
+
const newThemeColor = themeColor || DEFAULT_THEME_COLOR;
|
|
98
98
|
this.handleClasses(newThemeColor, 'themeColor');
|
|
99
99
|
this._themeColor = newThemeColor;
|
|
100
100
|
}
|
|
@@ -106,7 +106,7 @@ export class FloatingActionButtonComponent {
|
|
|
106
106
|
* @default "medium"
|
|
107
107
|
*/
|
|
108
108
|
set size(size) {
|
|
109
|
-
const newSize = size
|
|
109
|
+
const newSize = size || DEFAULT_SIZE;
|
|
110
110
|
this.handleClasses(newSize, 'size');
|
|
111
111
|
this._size = newSize;
|
|
112
112
|
}
|
|
@@ -119,7 +119,7 @@ export class FloatingActionButtonComponent {
|
|
|
119
119
|
* @default "full"
|
|
120
120
|
*/
|
|
121
121
|
set rounded(rounded) {
|
|
122
|
-
const newRounded = rounded
|
|
122
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
123
123
|
this.handleClasses(newRounded, 'rounded');
|
|
124
124
|
this._rounded = newRounded;
|
|
125
125
|
}
|
|
@@ -462,7 +462,7 @@ export class FloatingActionButtonComponent {
|
|
|
462
462
|
if (this.isOpen) {
|
|
463
463
|
const focusedIndex = this.focusService.focused;
|
|
464
464
|
const focusedItem = this.dialItems[focusedIndex];
|
|
465
|
-
if (focusedItem
|
|
465
|
+
if (focusedItem?.disabled) {
|
|
466
466
|
return;
|
|
467
467
|
}
|
|
468
468
|
if (isPresent(focusedIndex) && focusedIndex !== -1) {
|
|
@@ -114,7 +114,7 @@ export class ListButton extends MultiTabStop {
|
|
|
114
114
|
* Configures the popup of the DropDownButton.
|
|
115
115
|
*/
|
|
116
116
|
set popupSettings(settings) {
|
|
117
|
-
this._popupSettings =
|
|
117
|
+
this._popupSettings = { animate: true, popupClass: '', ...settings };
|
|
118
118
|
}
|
|
119
119
|
get popupSettings() {
|
|
120
120
|
return this._popupSettings;
|
|
@@ -256,7 +256,7 @@ export class ListButton extends MultiTabStop {
|
|
|
256
256
|
if (this.disabled) {
|
|
257
257
|
return;
|
|
258
258
|
}
|
|
259
|
-
const value = open
|
|
259
|
+
const value = open ?? !this.openState;
|
|
260
260
|
this._toggle(value, false);
|
|
261
261
|
}
|
|
262
262
|
/**
|
|
@@ -305,7 +305,7 @@ export class ListButton extends MultiTabStop {
|
|
|
305
305
|
if (this._itemClick && !dataItem.disabled) {
|
|
306
306
|
this._itemClick.emit(dataItem);
|
|
307
307
|
}
|
|
308
|
-
if (dataItem
|
|
308
|
+
if (dataItem?.click && !dataItem?.disabled) {
|
|
309
309
|
dataItem.click(dataItem);
|
|
310
310
|
}
|
|
311
311
|
this.focusService.focus(index);
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '19.1.2-develop.
|
|
13
|
+
publishDate: 1750433507,
|
|
14
|
+
version: '19.1.2-develop.6',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -103,7 +103,7 @@ export class SplitButtonComponent extends ListButton {
|
|
|
103
103
|
* @default 'medium'
|
|
104
104
|
*/
|
|
105
105
|
set rounded(rounded) {
|
|
106
|
-
const newRounded = rounded
|
|
106
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
107
107
|
this.handleClasses(newRounded, 'rounded');
|
|
108
108
|
this._rounded = newRounded;
|
|
109
109
|
}
|
|
@@ -116,7 +116,7 @@ export class SplitButtonComponent extends ListButton {
|
|
|
116
116
|
* @default 'solid'
|
|
117
117
|
*/
|
|
118
118
|
set fillMode(fillMode) {
|
|
119
|
-
const newFillMode = fillMode
|
|
119
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
120
120
|
this._fillMode = fillMode === 'clear' ? 'flat' : newFillMode;
|
|
121
121
|
}
|
|
122
122
|
get fillMode() {
|
|
@@ -144,7 +144,7 @@ export class SplitButtonComponent extends ListButton {
|
|
|
144
144
|
* Configures the popup settings of the SplitButton.
|
|
145
145
|
*/
|
|
146
146
|
set popupSettings(settings) {
|
|
147
|
-
this._popupSettings =
|
|
147
|
+
this._popupSettings = { animate: true, popupClass: '', ...settings };
|
|
148
148
|
}
|
|
149
149
|
get popupSettings() {
|
|
150
150
|
return this._popupSettings;
|
|
@@ -186,7 +186,7 @@ export class SplitButtonComponent extends ListButton {
|
|
|
186
186
|
* Sets attributes for the main button.
|
|
187
187
|
*/
|
|
188
188
|
set buttonAttributes(buttonAttributes) {
|
|
189
|
-
const newButtonAttributes = buttonAttributes
|
|
189
|
+
const newButtonAttributes = buttonAttributes || null;
|
|
190
190
|
this.handleButtonAttributes(newButtonAttributes);
|
|
191
191
|
this._buttonAttributes = newButtonAttributes;
|
|
192
192
|
}
|
package/esm2022/util.mjs
CHANGED
|
@@ -41,7 +41,7 @@ export function closest(element, selector) {
|
|
|
41
41
|
/**
|
|
42
42
|
* @hidden
|
|
43
43
|
*/
|
|
44
|
-
export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(
|
|
44
|
+
export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
|
|
45
45
|
/**
|
|
46
46
|
* @hidden
|
|
47
47
|
*/
|
|
@@ -44,8 +44,8 @@ const packageMetadata = {
|
|
|
44
44
|
productName: 'Kendo UI for Angular',
|
|
45
45
|
productCode: 'KENDOUIANGULAR',
|
|
46
46
|
productCodes: ['KENDOUIANGULAR'],
|
|
47
|
-
publishDate:
|
|
48
|
-
version: '19.1.2-develop.
|
|
47
|
+
publishDate: 1750433507,
|
|
48
|
+
version: '19.1.2-develop.6',
|
|
49
49
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
50
50
|
};
|
|
51
51
|
|
|
@@ -88,7 +88,7 @@ function closest(element, selector) {
|
|
|
88
88
|
/**
|
|
89
89
|
* @hidden
|
|
90
90
|
*/
|
|
91
|
-
const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(
|
|
91
|
+
const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
|
|
92
92
|
/**
|
|
93
93
|
* @hidden
|
|
94
94
|
*/
|
|
@@ -265,7 +265,7 @@ class ButtonComponent {
|
|
|
265
265
|
* @default 'medium'
|
|
266
266
|
*/
|
|
267
267
|
set size(size) {
|
|
268
|
-
const newSize = size
|
|
268
|
+
const newSize = size || DEFAULT_SIZE$2;
|
|
269
269
|
this.handleClasses(newSize, 'size');
|
|
270
270
|
this._size = newSize;
|
|
271
271
|
}
|
|
@@ -279,7 +279,7 @@ class ButtonComponent {
|
|
|
279
279
|
* @default 'medium'
|
|
280
280
|
*/
|
|
281
281
|
set rounded(rounded) {
|
|
282
|
-
const newRounded = rounded
|
|
282
|
+
const newRounded = rounded || DEFAULT_ROUNDED$3;
|
|
283
283
|
this.handleClasses(newRounded, 'rounded');
|
|
284
284
|
this._rounded = newRounded;
|
|
285
285
|
}
|
|
@@ -293,7 +293,7 @@ class ButtonComponent {
|
|
|
293
293
|
* @default 'solid'
|
|
294
294
|
*/
|
|
295
295
|
set fillMode(fillMode) {
|
|
296
|
-
const newFillMode = fillMode
|
|
296
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE$3;
|
|
297
297
|
this.handleClasses(newFillMode, 'fillMode');
|
|
298
298
|
this._fillMode = newFillMode;
|
|
299
299
|
}
|
|
@@ -308,7 +308,7 @@ class ButtonComponent {
|
|
|
308
308
|
* @default 'base'
|
|
309
309
|
*/
|
|
310
310
|
set themeColor(themeColor) {
|
|
311
|
-
const newThemeColor = themeColor
|
|
311
|
+
const newThemeColor = themeColor || DEFAULT_THEME_COLOR$2;
|
|
312
312
|
this.handleThemeColor(newThemeColor);
|
|
313
313
|
this._themeColor = newThemeColor;
|
|
314
314
|
}
|
|
@@ -398,14 +398,7 @@ class ButtonComponent {
|
|
|
398
398
|
* @hidden
|
|
399
399
|
*/
|
|
400
400
|
set look(value) {
|
|
401
|
-
|
|
402
|
-
case 'default':
|
|
403
|
-
this.fillMode = 'solid';
|
|
404
|
-
break;
|
|
405
|
-
default:
|
|
406
|
-
this.fillMode = value;
|
|
407
|
-
break;
|
|
408
|
-
}
|
|
401
|
+
this.fillMode = (value === 'default') ? 'solid' : value;
|
|
409
402
|
}
|
|
410
403
|
/**
|
|
411
404
|
* Alias for ElementRef.nativeElement to workaround
|
|
@@ -550,8 +543,8 @@ class ButtonComponent {
|
|
|
550
543
|
}
|
|
551
544
|
handleThemeColor(value, prevFillMode, fillMode) {
|
|
552
545
|
const elem = this.element;
|
|
553
|
-
const removeFillMode = prevFillMode
|
|
554
|
-
const addFillMode = fillMode
|
|
546
|
+
const removeFillMode = prevFillMode || this.fillMode;
|
|
547
|
+
const addFillMode = fillMode || this.fillMode;
|
|
555
548
|
const themeColorClass = getThemeColorClasses('button', removeFillMode, addFillMode, this.themeColor, value);
|
|
556
549
|
this.renderer.removeClass(elem, themeColorClass.toRemove);
|
|
557
550
|
if (addFillMode !== 'none' && fillMode !== 'none') {
|
|
@@ -1119,7 +1112,7 @@ class ChipComponent {
|
|
|
1119
1112
|
* @default 'medium'
|
|
1120
1113
|
*/
|
|
1121
1114
|
set size(size) {
|
|
1122
|
-
const newSize = size
|
|
1115
|
+
const newSize = size || DEFAULT_SIZE$1;
|
|
1123
1116
|
!this.sizeIsSet && (this.sizeIsSet = true);
|
|
1124
1117
|
this.handleClasses(newSize, 'size');
|
|
1125
1118
|
this._size = newSize;
|
|
@@ -1134,7 +1127,7 @@ class ChipComponent {
|
|
|
1134
1127
|
* @default 'medium'
|
|
1135
1128
|
*/
|
|
1136
1129
|
set rounded(rounded) {
|
|
1137
|
-
const newRounded = rounded
|
|
1130
|
+
const newRounded = rounded || DEFAULT_ROUNDED$2;
|
|
1138
1131
|
this.handleClasses(newRounded, 'rounded');
|
|
1139
1132
|
this._rounded = newRounded;
|
|
1140
1133
|
}
|
|
@@ -1148,7 +1141,7 @@ class ChipComponent {
|
|
|
1148
1141
|
* @default 'solid'
|
|
1149
1142
|
*/
|
|
1150
1143
|
set fillMode(fillMode) {
|
|
1151
|
-
const newFillMode = fillMode
|
|
1144
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE$2;
|
|
1152
1145
|
this.handleClasses(newFillMode, 'fillMode');
|
|
1153
1146
|
this._fillMode = newFillMode;
|
|
1154
1147
|
}
|
|
@@ -1163,7 +1156,7 @@ class ChipComponent {
|
|
|
1163
1156
|
* @default 'base'
|
|
1164
1157
|
*/
|
|
1165
1158
|
set themeColor(themeColor) {
|
|
1166
|
-
const newThemeColor = themeColor
|
|
1159
|
+
const newThemeColor = themeColor || DEFAULT_THEME_COLOR$1;
|
|
1167
1160
|
this.handleThemeColor(newThemeColor);
|
|
1168
1161
|
this._themeColor = newThemeColor;
|
|
1169
1162
|
}
|
|
@@ -1237,7 +1230,7 @@ class ChipComponent {
|
|
|
1237
1230
|
this.subs.unsubscribe();
|
|
1238
1231
|
}
|
|
1239
1232
|
ngOnChanges(changes) {
|
|
1240
|
-
if (changes
|
|
1233
|
+
if (changes?.['selected']) {
|
|
1241
1234
|
const hasAriaSelected = this.element.nativeElement.hasAttribute('aria-selected');
|
|
1242
1235
|
if (!hasAriaSelected) {
|
|
1243
1236
|
this.renderer.setAttribute(this.element.nativeElement, 'aria-pressed', `${this.selected}`);
|
|
@@ -1349,8 +1342,8 @@ class ChipComponent {
|
|
|
1349
1342
|
}
|
|
1350
1343
|
handleThemeColor(value, prevFillMode, fillMode) {
|
|
1351
1344
|
const elem = this.element.nativeElement;
|
|
1352
|
-
const removeFillMode = prevFillMode
|
|
1353
|
-
const addFillMode = fillMode
|
|
1345
|
+
const removeFillMode = prevFillMode || this.fillMode;
|
|
1346
|
+
const addFillMode = fillMode || this.fillMode;
|
|
1354
1347
|
const themeColorClass = getThemeColorClasses('chip', removeFillMode, addFillMode, this.themeColor, value);
|
|
1355
1348
|
this.renderer.removeClass(elem, themeColorClass.toRemove);
|
|
1356
1349
|
if (addFillMode !== 'none' && fillMode !== 'none') {
|
|
@@ -1613,7 +1606,7 @@ class ChipListComponent {
|
|
|
1613
1606
|
* @default 'medium'
|
|
1614
1607
|
*/
|
|
1615
1608
|
set size(size) {
|
|
1616
|
-
const sizeValue = size
|
|
1609
|
+
const sizeValue = size || 'medium';
|
|
1617
1610
|
this.handleClasses(sizeValue, 'size');
|
|
1618
1611
|
this.chips?.forEach(chip => this.setChipSize(chip, sizeValue));
|
|
1619
1612
|
this._size = sizeValue;
|
|
@@ -1653,7 +1646,7 @@ class ChipListComponent {
|
|
|
1653
1646
|
const clickedChip = closest(target, '.k-chip');
|
|
1654
1647
|
const chip = this.chips.find((chip) => clickedChip === chip.element.nativeElement);
|
|
1655
1648
|
this.currentActiveIndex = this.chips.toArray().indexOf(chip);
|
|
1656
|
-
chip
|
|
1649
|
+
chip?.focus();
|
|
1657
1650
|
if (chip && this.navigable) {
|
|
1658
1651
|
this.chips.forEach((c) => {
|
|
1659
1652
|
this.renderer.setAttribute(c.element.nativeElement, 'tabindex', '-1');
|
|
@@ -2428,7 +2421,7 @@ class ListButton extends MultiTabStop {
|
|
|
2428
2421
|
* Configures the popup of the DropDownButton.
|
|
2429
2422
|
*/
|
|
2430
2423
|
set popupSettings(settings) {
|
|
2431
|
-
this._popupSettings =
|
|
2424
|
+
this._popupSettings = { animate: true, popupClass: '', ...settings };
|
|
2432
2425
|
}
|
|
2433
2426
|
get popupSettings() {
|
|
2434
2427
|
return this._popupSettings;
|
|
@@ -2570,7 +2563,7 @@ class ListButton extends MultiTabStop {
|
|
|
2570
2563
|
if (this.disabled) {
|
|
2571
2564
|
return;
|
|
2572
2565
|
}
|
|
2573
|
-
const value = open
|
|
2566
|
+
const value = open ?? !this.openState;
|
|
2574
2567
|
this._toggle(value, false);
|
|
2575
2568
|
}
|
|
2576
2569
|
/**
|
|
@@ -2619,7 +2612,7 @@ class ListButton extends MultiTabStop {
|
|
|
2619
2612
|
if (this._itemClick && !dataItem.disabled) {
|
|
2620
2613
|
this._itemClick.emit(dataItem);
|
|
2621
2614
|
}
|
|
2622
|
-
if (dataItem
|
|
2615
|
+
if (dataItem?.click && !dataItem?.disabled) {
|
|
2623
2616
|
dataItem.click(dataItem);
|
|
2624
2617
|
}
|
|
2625
2618
|
this.focusService.focus(index);
|
|
@@ -2868,7 +2861,7 @@ class DropDownButtonComponent extends ListButton {
|
|
|
2868
2861
|
* Sets attributes for the main button.
|
|
2869
2862
|
*/
|
|
2870
2863
|
set buttonAttributes(buttonAttributes) {
|
|
2871
|
-
const newButtonAttributes = buttonAttributes
|
|
2864
|
+
const newButtonAttributes = buttonAttributes || null;
|
|
2872
2865
|
this.handleButtonAttributes(newButtonAttributes);
|
|
2873
2866
|
this._buttonAttributes = newButtonAttributes;
|
|
2874
2867
|
}
|
|
@@ -3020,7 +3013,7 @@ class DropDownButtonComponent extends ListButton {
|
|
|
3020
3013
|
wrapperContains(element) {
|
|
3021
3014
|
return this.wrapper === element
|
|
3022
3015
|
|| this.wrapper.contains(element)
|
|
3023
|
-
||
|
|
3016
|
+
|| this.popupRef?.popupElement.contains(element);
|
|
3024
3017
|
}
|
|
3025
3018
|
handleButtonAttributes(newButtonAttributes) {
|
|
3026
3019
|
const mainButton = this.button?.nativeElement;
|
|
@@ -3643,7 +3636,7 @@ class FloatingActionButtonComponent {
|
|
|
3643
3636
|
* @default "primary"
|
|
3644
3637
|
*/
|
|
3645
3638
|
set themeColor(themeColor) {
|
|
3646
|
-
const newThemeColor = themeColor
|
|
3639
|
+
const newThemeColor = themeColor || DEFAULT_THEME_COLOR;
|
|
3647
3640
|
this.handleClasses(newThemeColor, 'themeColor');
|
|
3648
3641
|
this._themeColor = newThemeColor;
|
|
3649
3642
|
}
|
|
@@ -3655,7 +3648,7 @@ class FloatingActionButtonComponent {
|
|
|
3655
3648
|
* @default "medium"
|
|
3656
3649
|
*/
|
|
3657
3650
|
set size(size) {
|
|
3658
|
-
const newSize = size
|
|
3651
|
+
const newSize = size || DEFAULT_SIZE;
|
|
3659
3652
|
this.handleClasses(newSize, 'size');
|
|
3660
3653
|
this._size = newSize;
|
|
3661
3654
|
}
|
|
@@ -3668,7 +3661,7 @@ class FloatingActionButtonComponent {
|
|
|
3668
3661
|
* @default "full"
|
|
3669
3662
|
*/
|
|
3670
3663
|
set rounded(rounded) {
|
|
3671
|
-
const newRounded = rounded
|
|
3664
|
+
const newRounded = rounded || DEFAULT_ROUNDED$1;
|
|
3672
3665
|
this.handleClasses(newRounded, 'rounded');
|
|
3673
3666
|
this._rounded = newRounded;
|
|
3674
3667
|
}
|
|
@@ -4011,7 +4004,7 @@ class FloatingActionButtonComponent {
|
|
|
4011
4004
|
if (this.isOpen) {
|
|
4012
4005
|
const focusedIndex = this.focusService.focused;
|
|
4013
4006
|
const focusedItem = this.dialItems[focusedIndex];
|
|
4014
|
-
if (focusedItem
|
|
4007
|
+
if (focusedItem?.disabled) {
|
|
4015
4008
|
return;
|
|
4016
4009
|
}
|
|
4017
4010
|
if (isPresent(focusedIndex) && focusedIndex !== -1) {
|
|
@@ -4664,7 +4657,7 @@ class SplitButtonComponent extends ListButton {
|
|
|
4664
4657
|
* @default 'medium'
|
|
4665
4658
|
*/
|
|
4666
4659
|
set rounded(rounded) {
|
|
4667
|
-
const newRounded = rounded
|
|
4660
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
4668
4661
|
this.handleClasses(newRounded, 'rounded');
|
|
4669
4662
|
this._rounded = newRounded;
|
|
4670
4663
|
}
|
|
@@ -4677,7 +4670,7 @@ class SplitButtonComponent extends ListButton {
|
|
|
4677
4670
|
* @default 'solid'
|
|
4678
4671
|
*/
|
|
4679
4672
|
set fillMode(fillMode) {
|
|
4680
|
-
const newFillMode = fillMode
|
|
4673
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
4681
4674
|
this._fillMode = fillMode === 'clear' ? 'flat' : newFillMode;
|
|
4682
4675
|
}
|
|
4683
4676
|
get fillMode() {
|
|
@@ -4705,7 +4698,7 @@ class SplitButtonComponent extends ListButton {
|
|
|
4705
4698
|
* Configures the popup settings of the SplitButton.
|
|
4706
4699
|
*/
|
|
4707
4700
|
set popupSettings(settings) {
|
|
4708
|
-
this._popupSettings =
|
|
4701
|
+
this._popupSettings = { animate: true, popupClass: '', ...settings };
|
|
4709
4702
|
}
|
|
4710
4703
|
get popupSettings() {
|
|
4711
4704
|
return this._popupSettings;
|
|
@@ -4747,7 +4740,7 @@ class SplitButtonComponent extends ListButton {
|
|
|
4747
4740
|
* Sets attributes for the main button.
|
|
4748
4741
|
*/
|
|
4749
4742
|
set buttonAttributes(buttonAttributes) {
|
|
4750
|
-
const newButtonAttributes = buttonAttributes
|
|
4743
|
+
const newButtonAttributes = buttonAttributes || null;
|
|
4751
4744
|
this.handleButtonAttributes(newButtonAttributes);
|
|
4752
4745
|
this._buttonAttributes = newButtonAttributes;
|
|
4753
4746
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-buttons",
|
|
3
|
-
"version": "19.1.2-develop.
|
|
3
|
+
"version": "19.1.2-develop.6",
|
|
4
4
|
"description": "Buttons Package for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"package": {
|
|
22
22
|
"productName": "Kendo UI for Angular",
|
|
23
23
|
"productCode": "KENDOUIANGULAR",
|
|
24
|
-
"publishDate":
|
|
24
|
+
"publishDate": 1750433507,
|
|
25
25
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
26
26
|
}
|
|
27
27
|
},
|
|
@@ -31,15 +31,15 @@
|
|
|
31
31
|
"@angular/core": "16 - 20",
|
|
32
32
|
"@angular/platform-browser": "16 - 20",
|
|
33
33
|
"@progress/kendo-licensing": "^1.5.0",
|
|
34
|
-
"@progress/kendo-angular-common": "19.1.2-develop.
|
|
35
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
|
36
|
-
"@progress/kendo-angular-popup": "19.1.2-develop.
|
|
37
|
-
"@progress/kendo-angular-icons": "19.1.2-develop.
|
|
34
|
+
"@progress/kendo-angular-common": "19.1.2-develop.6",
|
|
35
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.6",
|
|
36
|
+
"@progress/kendo-angular-popup": "19.1.2-develop.6",
|
|
37
|
+
"@progress/kendo-angular-icons": "19.1.2-develop.6",
|
|
38
38
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"tslib": "^2.3.1",
|
|
42
|
-
"@progress/kendo-angular-schematics": "19.1.2-develop.
|
|
42
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.6",
|
|
43
43
|
"@progress/kendo-common": "^1.0.1"
|
|
44
44
|
},
|
|
45
45
|
"schematics": "./schematics/collection.json",
|