@progress/kendo-angular-dropdowns 24.0.0-develop.8 → 24.0.0

package/codemods/libs/common/src/codemods/utils.js

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsInterfaceTransformer = exports.tsPropertyValueTransformer = exports.tsPropertyTransformer = exports.tsComponentPropertyRemoval = exports.attributeRemoval = exports.attributeValueUpdate = exports.attributeNameValueUpdate = exports.attributeNameUpdate = exports.eventUpdate = exports.htmlTransformer = exports.blockTextElements = void 0;
+exports.tsInterfaceTransformer = exports.tsPropertyValueTransformer = exports.tsPropertyTransformer = exports.tsComponentPropertyRemoval = exports.attributeConditionalRemoval = exports.attributeRemoval = exports.attributeValueUpdate = exports.attributeNameValueUpdate = exports.attributeNameUpdate = exports.eventUpdate = exports.htmlTransformer = exports.blockTextElements = void 0;
 exports.hasKendoInTemplate = hasKendoInTemplate;
 exports.isImportedFromPackage = isImportedFromPackage;
 exports.tsPropertyRemoval = tsPropertyRemoval;
@@ -345,6 +345,34 @@ const attributeRemoval = (templateContent, tagName, attributeName, propertyToRem
     });
 };
 exports.attributeRemoval = attributeRemoval;
+/**
+ * Removes an attribute from a tag only when its value matches one of the specified values.
+ * Handles both static (`attr="value"`) and bound (`[attr]="'value'"`) forms.
+ *
+ * @param templateContent - The template string content to transform
+ * @param tagName - The HTML tag name to target (e.g., 'kendo-button')
+ * @param attributeName - The attribute name to conditionally remove
+ * @param values - The attribute values that trigger removal
+ * @returns The transformed template content
+ */
+const attributeConditionalRemoval = (templateContent, tagName, attributeName, values) => {
+    const escapeRegex = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    const escapedTag = escapeRegex(tagName);
+    const escapedAttr = escapeRegex(attributeName);
+    // Remove bound attributes [attribute]="value"
+    const boundAttributePattern = new RegExp(`(<${escapedTag}[^>]*?)\\s+\\[${escapedAttr}\\]\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
+    // Remove static attributes attribute="value"
+    const staticAttributePattern = new RegExp(`(<${escapedTag}[^>]*?)\\s+${escapedAttr}\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
+    // Strip outer and inner quotes to extract the raw value for comparison
+    const matchesValue = (raw) => {
+        const inner = raw.replace(/^["']|["']$/g, '').replace(/^['"]|['"]$/g, '');
+        return values.includes(inner);
+    };
+    let result = templateContent.replace(boundAttributePattern, (match, prefix, value, suffix) => matchesValue(value) ? prefix + suffix : match);
+    result = result.replace(staticAttributePattern, (match, prefix, value, suffix) => matchesValue(value) ? prefix + suffix : match);
+    return result;
+};
+exports.attributeConditionalRemoval = attributeConditionalRemoval;
 function tsPropertyRemoval(source, rootSource, j, packageName, typeName, propertyName) {
     if (source.includes(typeName)) {
         if (!isImportedFromPackage(rootSource, j, packageName, typeName)) {
@@ -441,8 +469,31 @@ function tsPropertyRemoval(source, rootSource, j, packageName, typeName, propert
                 }
             }
         });
-        // Handle return statements with object literals
+        // Handle return statements with object literals, but only when the enclosing
+        // function's declared return type matches typeName. This prevents removing
+        // unrelated propertyName keys from object literals returned in other functions.
+        const enclosingFunctionReturnsType = (nodePath) => {
+            let current = nodePath.parent;
+            while (current) {
+                const node = current.node;
+                if (node.type === 'FunctionDeclaration' ||
+                    node.type === 'FunctionExpression' ||
+                    node.type === 'ArrowFunctionExpression' ||
+                    node.type === 'ClassMethod' ||
+                    node.type === 'ObjectMethod') {
+                    return !!(node.returnType &&
+                        node.returnType.typeAnnotation?.type === 'TSTypeReference' &&
+                        node.returnType.typeAnnotation.typeName?.type === 'Identifier' &&
+                        node.returnType.typeAnnotation.typeName.name === typeName);
+                }
+                current = current.parent;
+            }
+            return false;
+        };
         rootSource.find(j.ReturnStatement).forEach((path) => {
+            if (!enclosingFunctionReturnsType(path)) {
+                return;
+            }
             if (path.node.argument && path.node.argument.type === 'ObjectExpression') {
                 const properties = path.node.argument.properties;
                 const propIndex = properties.findIndex((p) => p.type === 'ObjectProperty' &&
@@ -491,22 +542,6 @@ function tsPropertyRemoval(source, rootSource, j, packageName, typeName, propert
                 statement.remove();
             }
         });
-        // Handle nested member expressions like chatConfig.chat.modelFields.pinnedByField
-        rootSource
-            .find(j.AssignmentExpression, {
-            left: {
-                type: 'MemberExpression',
-                object: {
-                    type: 'MemberExpression',
-                },
-                property: {
-                    name: propertyName,
-                },
-            },
-        })
-            .forEach((path) => {
-            j(path).closest(j.ExpressionStatement).remove();
-        });
         return rootSource;
     }
 }

package/comboboxes/combobox.component.d.ts

@@ -103,7 +103,7 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
     /**
      * @hidden
      */
-    caretAltDownIcon: SVGIcon;
+    chevronDownIcon: SVGIcon;
     set text(text: any);
     get text(): any;
     /**

package/dropdownlist/dropdownlist.component.d.ts

@@ -81,7 +81,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
     /**
      * @hidden
      */
-    caretAltDownSVGIcon: SVGIcon;
+    chevronDownSVGIcon: SVGIcon;
     /**
      * @hidden
      */

package/dropdowntrees/dropdowntree.component.d.ts

@@ -70,7 +70,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     /**
      * @hidden
      */
-    caretAltDownIcon: SVGIcon;
+    chevronDownIcon: SVGIcon;
     /**
      * @hidden
      */

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

@@ -5,7 +5,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, HostBinding, Input, Component, Directive, Injectable, HostListener, ViewChild, ViewChildren, forwardRef, isDevMode, ViewContainerRef, ContentChild, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i10 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isObjectPresent, removeHTMLAttributes, parseAttributes, isSafari, normalizeKeys, Keys, setHTMLAttributes, replaceMessagePlaceholder, isChanged, TemplateContextDirective, ResizeSensorComponent, closest as closest$1, hasFocusableParent, parseCSSClassNames, isControlRequired, guid, hasObservers, SeparatorComponent, SuffixTemplateDirective, PrefixTemplateDirective, KendoInput, MultiTabStop, anyChanged, EventsOutsideAngularDirective, scrollbarWidth, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_ADORNMENTS, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isObjectPresent, removeHTMLAttributes, parseAttributes, isSafari, normalizeKeys, Keys, setHTMLAttributes, replaceMessagePlaceholder, isChanged, TemplateContextDirective, ResizeSensorComponent, closest as closest$1, hasFocusableParent, parseCSSClassNames, isControlRequired, guid, hasObservers, SeparatorComponent, SuffixTemplateDirective, PrefixTemplateDirective, KendoInput, KENDO_WEBMCP_HOST, MultiTabStop, anyChanged, EventsOutsideAngularDirective, scrollbarWidth, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_ADORNMENTS, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { PrefixTemplateDirective, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import * as i7 from '@progress/kendo-angular-utils';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
@@ -20,7 +20,7 @@ import { map, switchMap, take, auditTime, tap, filter, partition, throttleTime,
 import * as i2 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { NgStyle, NgClass, NgTemplateOutlet } from '@angular/common';
-import { checkIcon, xIcon, caretAltDownIcon, searchIcon, xCircleIcon } from '@progress/kendo-svg-icons';
+import { checkIcon, xIcon, chevronDownIcon, searchIcon, xCircleIcon } from '@progress/kendo-svg-icons';
 import { IconComponent, IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
 import { TextBoxComponent, TextBoxPrefixTemplateDirective } from '@progress/kendo-angular-inputs';
@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1777363166,
-    version: '24.0.0-develop.8',
+    publishDate: 1779273462,
+    version: '24.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2983,7 +2983,7 @@ class AdaptiveRendererComponent {
             </div>
           </ng-template>
         </kendo-actionsheet>
-        `, isInline: true, dependencies: [{ kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AdaptiveRendererComponent, decorators: [{
             type: Component,
@@ -4465,7 +4465,8 @@ class AutoCompleteComponent {
             {
                 provide: KendoInput,
                 useExisting: forwardRef(() => AutoCompleteComponent)
-            }
+            },
+            { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => AutoCompleteComponent) }
         ], queries: [{ propertyName: "template", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRendererComponent", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "searchbar", first: true, predicate: SearchBarComponent, descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoAutoComplete"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoAutoCompleteLocalizedMessages
           i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"
@@ -4649,7 +4650,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         {
                             provide: KendoInput,
                             useExisting: forwardRef(() => AutoCompleteComponent)
-                        }
+                        },
+                        { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => AutoCompleteComponent) }
                     ],
                     selector: 'kendo-autocomplete',
                     template: `
@@ -5080,7 +5082,7 @@ class ComboBoxComponent extends MultiTabStop {
     /**
      * @hidden
      */
-    caretAltDownIcon = caretAltDownIcon;
+    chevronDownIcon = chevronDownIcon;
     set text(text) {
         this._text = isPresent(text) ? text.toString() : "";
     }
@@ -6537,7 +6539,8 @@ class ComboBoxComponent extends MultiTabStop {
             },
             {
                 provide: MultiTabStop, useExisting: forwardRef(() => ComboBoxComponent)
-            }
+            },
+            { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => ComboBoxComponent) }
         ], queries: [{ propertyName: "template", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRendererComponent", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "searchbar", first: true, predicate: SearchBarComponent, descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }, { propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], exportAs: ["kendoComboBox"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoComboBoxLocalizedMessages
           i18n-noDataText="kendo.combobox.noDataText|The text displayed in the popup when there are no items"
@@ -6641,9 +6644,9 @@ class ComboBoxComponent extends MultiTabStop {
                 }"
             >
             <kendo-icon-wrapper
-              [name]="icon || 'caret-alt-down'"
+              [name]="icon || 'chevron-down'"
               innerCssClass="k-button-icon"
-              [svgIcon]="svgIcon || caretAltDownIcon"
+              [svgIcon]="svgIcon || chevronDownIcon"
               >
             </kendo-icon-wrapper>
           </button>
@@ -6747,7 +6750,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         },
                         {
                             provide: MultiTabStop, useExisting: forwardRef(() => ComboBoxComponent)
-                        }
+                        },
+                        { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => ComboBoxComponent) }
                     ],
                     selector: 'kendo-combobox',
                     template: `
@@ -6853,9 +6857,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }"
             >
             <kendo-icon-wrapper
-              [name]="icon || 'caret-alt-down'"
+              [name]="icon || 'chevron-down'"
               innerCssClass="k-button-icon"
-              [svgIcon]="svgIcon || caretAltDownIcon"
+              [svgIcon]="svgIcon || chevronDownIcon"
               >
             </kendo-icon-wrapper>
           </button>
@@ -7217,7 +7221,7 @@ class DropDownListComponent {
     /**
      * @hidden
      */
-    caretAltDownSVGIcon = caretAltDownIcon;
+    chevronDownSVGIcon = chevronDownIcon;
     /**
      * @hidden
      */
@@ -8567,7 +8571,8 @@ class DropDownListComponent {
             },
             {
                 provide: KendoInput, useExisting: forwardRef(() => DropDownListComponent)
-            }
+            },
+            { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => DropDownListComponent) }
         ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoDropDownList"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoDropDownListLocalizedMessages
           i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"
@@ -8619,10 +8624,10 @@ class DropDownListComponent {
           >
           <kendo-icon-wrapper
             unselectable="on"
-            [name]="icon || 'caret-alt-down'"
+            [name]="icon || 'chevron-down'"
             innerCssClass="k-button-icon"
             [customFontClass]="customIconClass"
-            [svgIcon]="svgIcon || caretAltDownSVGIcon">
+            [svgIcon]="svgIcon || chevronDownSVGIcon">
           </kendo-icon-wrapper>
         </button>
         <ng-template #popupTemplate>
@@ -8751,7 +8756,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         },
                         {
                             provide: KendoInput, useExisting: forwardRef(() => DropDownListComponent)
-                        }
+                        },
+                        { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => DropDownListComponent) }
                     ],
                     selector: 'kendo-dropdownlist',
                     template: `
@@ -8805,10 +8811,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           >
           <kendo-icon-wrapper
             unselectable="on"
-            [name]="icon || 'caret-alt-down'"
+            [name]="icon || 'chevron-down'"
             innerCssClass="k-button-icon"
             [customFontClass]="customIconClass"
-            [svgIcon]="svgIcon || caretAltDownSVGIcon">
+            [svgIcon]="svgIcon || chevronDownSVGIcon">
           </kendo-icon-wrapper>
         </button>
         <ng-template #popupTemplate>
@@ -9541,7 +9547,6 @@ class MultiSelectComponent {
     renderer;
     _zone;
     injector;
-    hostElement;
     adaptiveService;
     /**
      * @hidden
@@ -9688,7 +9693,7 @@ class MultiSelectComponent {
     /**
      * @hidden
      */
-    onPointerDown(event) {
+    onMouseDown(event) {
         event.preventDefault();
     }
     /**
@@ -10088,7 +10093,6 @@ class MultiSelectComponent {
      * @hidden
      */
     prefixTemplate;
-    hostClasses = true;
     get dir() {
         return this.direction;
     }
@@ -10140,7 +10144,7 @@ class MultiSelectComponent {
     _fillMode;
     _valueHolder = [];
     isCustomValueSelected = false;
-    constructor(wrapper, localization, popupService, dataService, selectionService, navigationService, disabledItemsService, cdr, differs, renderer, _zone, injector, hostElement, adaptiveService) {
+    constructor(wrapper, localization, popupService, dataService, selectionService, navigationService, disabledItemsService, cdr, differs, renderer, _zone, injector, adaptiveService) {
         this.wrapper = wrapper;
         this.localization = localization;
         this.popupService = popupService;
@@ -10153,10 +10157,9 @@ class MultiSelectComponent {
         this.renderer = renderer;
         this._zone = _zone;
         this.injector = injector;
-        this.hostElement = hostElement;
         this.adaptiveService = adaptiveService;
         validatePackage(packageMetadata);
-        this.popupPointerDownHandler = this.onPointerDown.bind(this);
+        this.popupMouseDownHandler = this.onMouseDown.bind(this);
         this.data = [];
         this.direction = this.localization.rtl ? 'rtl' : 'ltr';
         this.subscribeEvents();
@@ -10477,6 +10480,8 @@ class MultiSelectComponent {
         this.valueChangeDetected = false;
     }
     ngOnInit() {
+        this.renderer.addClass(this.wrapper.nativeElement, 'k-multiselect');
+        this.renderer.addClass(this.wrapper.nativeElement, 'k-input');
         this.renderer.removeAttribute(this.wrapper.nativeElement, "tabindex");
         this.createCustomValueStream();
         this.subs.add(this.localization
@@ -10615,7 +10620,7 @@ class MultiSelectComponent {
         return this._isFocused;
     }
     selectedDataItems = [];
-    popupPointerDownHandler;
+    popupMouseDownHandler;
     isOpenPrevented = false;
     customValueSubject = new Subject();
     customValueSubscription;
@@ -11091,7 +11096,7 @@ class MultiSelectComponent {
     destroyPopup() {
         if (this.popupRef) {
             this.popupRef.popupElement
-                .removeEventListener('pointerdown', this.popupPointerDownHandler);
+                .removeEventListener('mousedown', this.popupMouseDownHandler);
             this.popupRef.close();
             this.popupRef = null;
         }
@@ -11125,7 +11130,8 @@ class MultiSelectComponent {
             this.renderer.setAttribute(popupWrapper, 'role', 'region');
             this.renderer.setAttribute(popupWrapper, 'aria-label', this.messageFor('popupLabel'));
         }
-        popupWrapper.addEventListener('pointerdown', this.popupPointerDownHandler);
+        // pointerdown causes issues with some ios versions; use mousedown instead - https://github.com/telerik/kendo-angular/issues/4912
+        popupWrapper.addEventListener('mousedown', this.popupMouseDownHandler);
         popupWrapper.style.minWidth = min;
         popupWrapper.style.width = max;
         popupWrapper.style.height = this.height;
@@ -11233,8 +11239,8 @@ class MultiSelectComponent {
             this.closePopup();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: DataService }, { token: SelectionService }, { token: NavigationService }, { token: DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i7.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: MultiSelectComponent, isStandalone: true, selector: "kendo-multiselect", inputs: { showStickyHeader: "showStickyHeader", focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", adaptiveMode: "adaptiveMode", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer", inputAttributes: "inputAttributes" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", removeTag: "removeTag" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-multiselect": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: DataService }, { token: SelectionService }, { token: NavigationService }, { token: DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.Injector }, { token: i7.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: MultiSelectComponent, isStandalone: true, selector: "kendo-multiselect", inputs: { showStickyHeader: "showStickyHeader", focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", adaptiveMode: "adaptiveMode", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer", inputAttributes: "inputAttributes" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", removeTag: "removeTag" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
             MULTISELECT_VALUE_ACCESSOR,
             DataService,
             SelectionService,
@@ -11250,6 +11256,9 @@ class MultiSelectComponent {
             },
             {
                 provide: KendoInput, useExisting: forwardRef(() => MultiSelectComponent)
+            },
+            {
+                provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => MultiSelectComponent)
             }
         ], queries: [{ propertyName: "template", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "customItemTemplate", first: true, predicate: CustomItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "tagTemplate", first: true, predicate: TagTemplateDirective, descendants: true }, { propertyName: "groupTagTemplate", first: true, predicate: GroupTagTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRendererComponent", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "searchbar", first: true, predicate: SearchBarComponent, descendants: true, static: true }, { propertyName: "tagList", first: true, predicate: TagListComponent, descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoMultiSelect"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoMultiSelectLocalizedMessages
@@ -11272,7 +11281,7 @@ class MultiSelectComponent {
 
         <ng-container
           kendoDropDownSharedEvents
-          [hostElement]="hostElement"
+          [hostElement]="wrapper"
           [(isFocused)]="isFocused"
           (handleBlur)="handleBlur()"
           (onFocus)="handleFocus()"
@@ -11464,6 +11473,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         },
                         {
                             provide: KendoInput, useExisting: forwardRef(() => MultiSelectComponent)
+                        },
+                        {
+                            provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => MultiSelectComponent)
                         }
                     ],
                     selector: 'kendo-multiselect',
@@ -11488,7 +11500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
         <ng-container
           kendoDropDownSharedEvents
-          [hostElement]="hostElement"
+          [hostElement]="wrapper"
           [(isFocused)]="isFocused"
           (handleBlur)="handleBlur()"
           (onFocus)="handleFocus()"
@@ -11662,7 +11674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgTemplateOutlet, SeparatorComponent, TagListComponent, SearchBarComponent, IconWrapperComponent, ResizeSensorComponent, AdaptiveRendererComponent, TemplateContextDirective, ListComponent]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: DataService }, { type: SelectionService }, { type: NavigationService }, { type: DisabledItemsService }, { type: i0.ChangeDetectorRef }, { type: i0.KeyValueDiffers }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i7.AdaptiveService }], propDecorators: { adaptiveRendererComponent: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: DataService }, { type: SelectionService }, { type: NavigationService }, { type: DisabledItemsService }, { type: i0.ChangeDetectorRef }, { type: i0.KeyValueDiffers }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.Injector }, { type: i7.AdaptiveService }], propDecorators: { adaptiveRendererComponent: [{
                 type: ViewChild,
                 args: [AdaptiveRendererComponent]
             }], showStickyHeader: [{
@@ -11803,12 +11815,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], prefixTemplate: [{
                 type: ContentChild,
                 args: [PrefixTemplateDirective]
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-multiselect']
-            }, {
-                type: HostBinding,
-                args: ['class.k-input']
             }], dir: [{
                 type: HostBinding,
                 args: ['attr.dir']
@@ -12271,6 +12277,10 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
                 provide: MultiTabStop,
                 useExisting: forwardRef(() => MultiColumnComboBoxComponent),
             },
+            {
+                provide: KENDO_WEBMCP_HOST,
+                useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+            }
         ], queries: [{ propertyName: "columns", predicate: ComboBoxColumnComponent }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "headerTable", first: true, predicate: ["headerTable"], descendants: true }, { propertyName: "headerColumns", predicate: ["columnHeader"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-container
           kendoMultiColumnComboBoxLocalizedMessages
@@ -12371,9 +12381,9 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
                 }"
             >
             <kendo-icon-wrapper
-              [name]="icon || 'caret-alt-down'"
+              [name]="icon || 'chevron-down'"
               innerCssClass="k-button-icon"
-              [svgIcon]="svgIcon || caretAltDownIcon"
+              [svgIcon]="svgIcon || chevronDownIcon"
               >
             </kendo-icon-wrapper>
           </button>
@@ -12579,6 +12589,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                             provide: MultiTabStop,
                             useExisting: forwardRef(() => MultiColumnComboBoxComponent),
                         },
+                        {
+                            provide: KENDO_WEBMCP_HOST,
+                            useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+                        }
                     ],
                     selector: 'kendo-multicolumncombobox',
                     template: `
@@ -12681,9 +12695,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }"
             >
             <kendo-icon-wrapper
-              [name]="icon || 'caret-alt-down'"
+              [name]="icon || 'chevron-down'"
               innerCssClass="k-button-icon"
-              [svgIcon]="svgIcon || caretAltDownIcon"
+              [svgIcon]="svgIcon || chevronDownIcon"
               >
             </kendo-icon-wrapper>
           </button>
@@ -12956,7 +12970,7 @@ class DropDownTreeComponent {
     /**
      * @hidden
      */
-    caretAltDownIcon = caretAltDownIcon;
+    chevronDownIcon = chevronDownIcon;
     /**
      * @hidden
      */
@@ -14210,6 +14224,10 @@ class DropDownTreeComponent {
             {
                 provide: ExpandableComponent,
                 useExisting: forwardRef(() => DropDownTreeComponent)
+            },
+            {
+                provide: KENDO_WEBMCP_HOST,
+                useExisting: forwardRef(() => DropDownTreeComponent)
             }
         ], queries: [{ propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "nodeTemplate", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "valueTemplate", first: true, predicate: ValueTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRendererComponent", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "treeview", first: true, predicate: ["treeview"], descendants: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], exportAs: ["kendoDropDownTree"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoDropDownTreeLocalizedMessages
@@ -14283,9 +14301,9 @@ class DropDownTreeComponent {
           [attr.disabled]="disabled ? '' : null"
           >
           <kendo-icon-wrapper
-            [name]="icon || 'caret-alt-down'"
+            [name]="icon || 'chevron-down'"
             innerCssClass="k-button-icon"
-            [svgIcon]="svgIcon || caretAltDownIcon"
+            [svgIcon]="svgIcon || chevronDownIcon"
             >
           </kendo-icon-wrapper>
         </button>
@@ -14439,6 +14457,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         {
                             provide: ExpandableComponent,
                             useExisting: forwardRef(() => DropDownTreeComponent)
+                        },
+                        {
+                            provide: KENDO_WEBMCP_HOST,
+                            useExisting: forwardRef(() => DropDownTreeComponent)
                         }
                     ],
                     selector: 'kendo-dropdowntree',
@@ -14514,9 +14536,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           [attr.disabled]="disabled ? '' : null"
           >
           <kendo-icon-wrapper
-            [name]="icon || 'caret-alt-down'"
+            [name]="icon || 'chevron-down'"
             innerCssClass="k-button-icon"
-            [svgIcon]="svgIcon || caretAltDownIcon"
+            [svgIcon]="svgIcon || chevronDownIcon"
             >
           </kendo-icon-wrapper>
         </button>

package/multiselect/multiselect.component.d.ts

@@ -85,7 +85,6 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private renderer;
     private _zone;
     private injector;
-    hostElement: ElementRef;
     private adaptiveService;
     /**
      * @hidden
@@ -160,7 +159,7 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     /**
      * @hidden
      */
-    onPointerDown(event: any): void;
+    onMouseDown(event: any): void;
     /**
      * @hidden
      */
@@ -437,7 +436,6 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      * @hidden
      */
     prefixTemplate: PrefixTemplateDirective;
-    hostClasses: boolean;
     get dir(): string;
     get disabledClass(): boolean;
     get isLoading(): boolean;
@@ -464,7 +462,7 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private _fillMode;
     private _valueHolder;
     private isCustomValueSelected;
-    constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, dataService: DataService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, cdr: ChangeDetectorRef, differs: KeyValueDiffers, renderer: Renderer2, _zone: NgZone, injector: Injector, hostElement: ElementRef, adaptiveService: AdaptiveService);
+    constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, dataService: DataService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, cdr: ChangeDetectorRef, differs: KeyValueDiffers, renderer: Renderer2, _zone: NgZone, injector: Injector, adaptiveService: AdaptiveService);
     get listContainerClasses(): any[];
     /**
      * @hidden
@@ -581,7 +579,7 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     set isFocused(isFocused: boolean);
     get isFocused(): boolean;
     private selectedDataItems;
-    private popupPointerDownHandler;
+    private popupMouseDownHandler;
     private isOpenPrevented;
     private customValueSubject;
     private customValueSubscription;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1777363166,
-  "version": "24.0.0-develop.8",
+  "publishDate": 1779273462,
+  "version": "24.0.0",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "24.0.0-develop.8",
+  "version": "24.0.0",
   "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -121,7 +121,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1777363166,
+      "publishDate": 1779273462,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -132,18 +132,18 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.8",
-    "@progress/kendo-angular-utils": "24.0.0-develop.8",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.8",
-    "@progress/kendo-angular-navigation": "24.0.0-develop.8",
-    "@progress/kendo-angular-popup": "24.0.0-develop.8",
-    "@progress/kendo-angular-icons": "24.0.0-develop.8",
-    "@progress/kendo-angular-treeview": "24.0.0-develop.8",
+    "@progress/kendo-angular-common": "24.0.0",
+    "@progress/kendo-angular-utils": "24.0.0",
+    "@progress/kendo-angular-l10n": "24.0.0",
+    "@progress/kendo-angular-navigation": "24.0.0",
+    "@progress/kendo-angular-popup": "24.0.0",
+    "@progress/kendo-angular-icons": "24.0.0",
+    "@progress/kendo-angular-treeview": "24.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.8",
+    "@progress/kendo-angular-schematics": "24.0.0",
     "@progress/kendo-common": "^1.0.1"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -9,9 +9,9 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
             // peers of the treeview
-            '@progress/kendo-angular-inputs': '24.0.0-develop.8',
+            '@progress/kendo-angular-inputs': '24.0.0',
             // peers of inputs
-            '@progress/kendo-angular-intl': '24.0.0-develop.8',
+            '@progress/kendo-angular-intl': '24.0.0',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'