@progress/kendo-angular-buttons 24.0.0-develop.9 → 24.0.0

package/button/button.component.d.ts

@@ -128,7 +128,7 @@ export declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
     click: EventEmitter<any>;
     element: HTMLElement;
     isDisabled: boolean;
-    caretAltDownIcon: SVGIcon;
+    chevronDownIcon: SVGIcon;
     private _size;
     private _rounded;
     private _fillMode;
@@ -142,8 +142,6 @@ export declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
     private _svgIcon;
     set isFocused(isFocused: boolean);
     get isFocused(): boolean;
-    get classButton(): boolean;
-    get isToggleable(): boolean;
     get iconButtonClass(): boolean;
     get classDisabled(): boolean;
     get classActive(): boolean;
@@ -156,14 +154,6 @@ export declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
      * @hidden
      */
     onBlur(): void;
-    /**
-     * @hidden
-     */
-    set primary(value: boolean);
-    /**
-     * @hidden
-     */
-    set look(value: 'flat' | 'outline' | 'clear' | 'default');
     /**
      * Alias for ElementRef.nativeElement to workaround
      * ViewChild() selectors that used to return the host element before v11.
@@ -206,5 +196,5 @@ export declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
     private handleClasses;
     private handleThemeColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [null, null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton]", ["kendoButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton]", ["kendoButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
 }

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

@@ -57,7 +57,6 @@ export declare class ChipListComponent implements OnInit, AfterViewInit, AfterCo
      */
     remove: EventEmitter<ChipListRemoveEvent>;
     chips: QueryList<ChipComponent>;
-    get single(): boolean;
     get multiple(): boolean;
     /**
      * @hidden

package/chip/chip.component.d.ts

@@ -133,8 +133,7 @@ export declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
     contentClick: EventEmitter<ChipContentClickEvent>;
     tabIndex: number;
     hostClass: boolean;
-    get hasIconClass(): boolean;
-    get disabledClass(): boolean;
+    get disabledClass(): boolean | null;
     get selectedClass(): boolean;
     get focusedClass(): boolean;
     /**

package/codemods/libs/buttons/codemods/v24/buttons-rendering-changes.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = exports.aiInstructionsGroupReset = exports.aiInstructionsToggleButton = void 0;
+exports.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+exports.aiInstructionsToggleButton = `k-toggle-button — no longer applied in the Button component.
+   Remove any CSS rules or test assertions targeting .k-toggle-button on Button elements.`;
+exports.aiInstructionsGroupReset = `k-group and k-reset — no longer applied for the popups of DropDownButton and SplitButton.
+   Remove any CSS rules or test assertions targeting .k-group or .k-reset in DropDownButton/SplitButton popup context.`;
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references these Button classes:
+
+${exports.aiInstructionsToggleButton}
+
+${exports.aiInstructionsGroupReset}`;
+const patternToggleButton = (0, codemods_1.makePattern)(['k-toggle-button']);
+const patternGroup = (0, codemods_1.makePattern)(['k-group']);
+const patternReset = (0, codemods_1.makePattern)(['k-reset']);
+function default_1(fileInfo) {
+    if ((0, codemods_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (patternToggleButton.test(fileInfo.source)) {
+            (0, codemods_1.writeInstructionMarker)(exports.aiInstructionsToggleButton, __filename, fileInfo.path);
+        }
+        if (patternGroup.test(fileInfo.source) || patternReset.test(fileInfo.source)) {
+            (0, codemods_1.writeInstructionMarker)(exports.aiInstructionsGroupReset, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

package/codemods/libs/buttons/codemods/v24/dropdownbutton-ButtonSize.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent', 'FloatingActionButtonComponent', 'SplitButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'DropDownButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonSize is used by multiple button components. Manually rename DropDownButton-related usages to DropDownButtonSize.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonSize', 'DropDownButtonSize');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/fab-ButtonSize.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent', 'DropDownButtonComponent', 'SplitButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'FloatingActionButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonSize is used by multiple button components. Manually rename FAB-related usages to FloatingActionButtonSize.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonSize', 'FloatingActionButtonSize');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/fab-ButtonThemeColor.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'FloatingActionButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonThemeColor is used by multiple button components. Manually rename FAB-related usages to FloatingActionButtonThemeColor.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonThemeColor', 'FloatingActionButtonThemeColor');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/splitbutton-ButtonSize.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent', 'FloatingActionButtonComponent', 'DropDownButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'SplitButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonSize is used by multiple button components. Manually rename SplitButton-related usages to SplitButtonSize.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonSize', 'SplitButtonSize');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/themecolor-light-dark.js

@@ -0,0 +1,53 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
+exports.default = default_1;
+const tslib_1 = require("tslib");
+const fs = tslib_1.__importStar(require("fs"));
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+exports.aiInstructions = `The 'light' and 'dark' values have been removed from ButtonThemeColor.
+Replace them with a supported value: 'base', 'primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', or 'inverse'.
+
+Static usages (themeColor="light", [themeColor]="'dark'") were removed automatically, which means the component now uses its default themeColor.
+If you want to explicitly set a new value, re-add the attribute with a supported one:
+  Before: (removed by codemod — no themeColor attribute)
+  After:  themeColor="base"
+
+Furthermore, the following patterns could not be migrated automatically and require an additional update:
+
+Dynamic binding:
+  Before: [themeColor]="color"  (where color may be 'light' or 'dark')
+  After:  [themeColor]="color"  (ensure color is a supported value)
+
+Conditional expression — replace both values:
+  Before: [themeColor]="isDark ? 'dark' : 'light'"
+  After:  [themeColor]="isDark ? 'inverse' : 'base'"
+
+TypeScript assignment — update the assigned value:
+  Before: this.button.themeColor = 'light';
+  After:  this.button.themeColor = 'base';
+`;
+const REMOVED_VALUES = ['light', 'dark'];
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    if (!(0, codemods_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
+    const htmlResult = (0, codemods_1.htmlTransformer)(fileInfo, api, (templateContent) => {
+        let result = (0, codemods_1.attributeConditionalRemoval)(templateContent, 'kendo-button', 'themeColor', REMOVED_VALUES);
+        result = (0, codemods_1.attributeConditionalRemoval)(result, 'kendo-floatingactionbutton', 'themeColor', REMOVED_VALUES);
+        return result;
+    });
+    if (filePath.endsWith('.html')) {
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
+        }
+        return fileInfo.source;
+    }
+    return htmlResult || fileInfo.source;
+}