@progress/kendo-angular-dropdowns 21.4.0-develop.1 → 21.4.0-develop.3

package/autocomplete/autocomplete.component.d.ts

@@ -88,7 +88,7 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     get actionSheetSearchBar(): TextBoxComponent;
     get width(): any;
     get height(): any;
-    get listContainerClasses(): object;
+    get listContainerClasses(): string[];
     get suggestion(): string;
     get appendTo(): ViewContainerRef;
     /**

package/comboboxes/combobox.component.d.ts

@@ -240,13 +240,6 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
     get isAdaptiveModeEnabled(): boolean;
     /**
      * Configures the popup of the ComboBox.
-     *
-     * The available options are:
-     * - `animate: Boolean`—Controls the popup animation. By default, the open and close animations are enabled.
-     * - `width: Number | String`—Sets the width of the popup container. By default, the width of the host element is used. If set to `auto`, the component automatically adjusts the width of the popup and no item labels are wrapped. The `auto` mode is not supported when virtual scrolling is enabled.
-     * - `height: Number`—Sets the height of the popup container.
-     * - `popupClass: String`—Specifies a list of CSS classes that are used to style the popup.
-     * - `appendTo: "root" | "component" | ViewContainerRef`—Specifies the component to which the popup will be appended.
      */
     set popupSettings(settings: PopupSettings);
     get popupSettings(): PopupSettings;

package/common/models/popup-settings.d.ts

@@ -32,7 +32,7 @@ export interface PopupSettings {
     /**
      * Specifies a list of CSS classes used for styling the popup.
      */
-    popupClass?: string;
+    popupClass?: string | string[] | Set<string> | object;
     /**
      * Sets the popup width. By default, it is equal to the width of the component. If set to `auto`, the component
      * automatically adjusts the width of the popup, so that the item labels are not wrapped.

package/esm2022/autocomplete/autocomplete.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Renderer2, forwardRef, ElementRef, Input, Output, EventEmitter, ContentChild, ViewChild, ViewContainerRef, TemplateRef, HostBinding, isDevMode, ChangeDetectorRef, NgZone, Injector } from '@angular/core';
-import { isDocumentAvailable, KendoInput, hasObservers, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, TemplateContextDirective, guid, normalizeKeys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, KendoInput, hasObservers, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, TemplateContextDirective, guid, normalizeKeys, parseCSSClassNames } from '@progress/kendo-angular-common';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -122,8 +122,12 @@ export class AutoCompleteComponent {
     }
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-autocomplete-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }

package/esm2022/comboboxes/combobox.component.mjs

@@ -18,7 +18,7 @@ import { NavigationService } from '../common/navigation/navigation.service';
 import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
 import { merge, of, Subject, Subscription } from 'rxjs';
 import { catchError, filter, map, partition, tap, throttleTime } from 'rxjs/operators';
-import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, MultiTabStop, SeparatorComponent, EventsOutsideAngularDirective, ResizeSensorComponent, Keys, TemplateContextDirective, guid, normalizeKeys } from '@progress/kendo-angular-common';
+import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, MultiTabStop, SeparatorComponent, EventsOutsideAngularDirective, ResizeSensorComponent, Keys, TemplateContextDirective, guid, normalizeKeys, parseCSSClassNames } from '@progress/kendo-angular-common';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { isPresent, getter, isEmptyString, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, isTruthy, setListBoxAriaLabelledBy, setActionSheetTitle, animationDuration } from '../common/util';
 import { NavigationAction } from '../common/navigation/navigation-action';
@@ -326,13 +326,6 @@ export class ComboBoxComponent extends MultiTabStop {
     }
     /**
      * Configures the popup of the ComboBox.
-     *
-     * The available options are:
-     * - `animate: Boolean`—Controls the popup animation. By default, the open and close animations are enabled.
-     * - `width: Number | String`—Sets the width of the popup container. By default, the width of the host element is used. If set to `auto`, the component automatically adjusts the width of the popup and no item labels are wrapped. The `auto` mode is not supported when virtual scrolling is enabled.
-     * - `height: Number`—Sets the height of the popup container.
-     * - `popupClass: String`—Specifies a list of CSS classes that are used to style the popup.
-     * - `appendTo: "root" | "component" | ViewContainerRef`—Specifies the component to which the popup will be appended.
      */
     set popupSettings(settings) {
         this._popupSettings = Object.assign({ animate: true }, settings);
@@ -1358,7 +1351,15 @@ export class ComboBoxComponent extends MultiTabStop {
         this.togglePopup(!this.isOpen);
     }
     get listContainerClasses() {
-        return ['k-list-container', 'k-combobox-popup'].concat(this.popupSettings.popupClass || []);
+        const containerClasses = ['k-list-container', 'k-combobox-popup'];
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
+        }
+        return containerClasses;
     }
     /**
      * @hidden

package/esm2022/comboboxes/multicolumncombobox.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, Component, ContentChildren, ElementRef, forwardRef, HostBinding, Injector, isDevMode, NgZone, QueryList, Renderer2, ViewChild, ViewChildren } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { EventsOutsideAngularDirective, isDocumentAvailable, KendoInput, MultiTabStop, ResizeSensorComponent, SeparatorComponent, TemplateContextDirective } from '@progress/kendo-angular-common';
+import { EventsOutsideAngularDirective, isDocumentAvailable, KendoInput, MultiTabStop, parseCSSClassNames, ResizeSensorComponent, SeparatorComponent, TemplateContextDirective } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
@@ -131,7 +131,15 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
      * @hidden
      */
     get listContainerClasses() {
-        return ['k-popup', 'k-dropdowngrid-popup'].concat(this.popupSettings.popupClass || []);
+        const containerClasses = ['k-popup', 'k-dropdowngrid-popup'];
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
+        }
+        return containerClasses;
     }
     constructor(localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, wrapper, injector, hostElement, adaptiveService) {
         super(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, injector, hostElement, adaptiveService);

package/esm2022/dropdownlist/dropdownlist.component.mjs

@@ -8,7 +8,7 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { merge, interval, Subscription } from 'rxjs';
 import { concatMap, filter, map, skipWhile, take, takeUntil, tap } from 'rxjs/operators';
-import { isDocumentAvailable, KendoInput, hasObservers, anyChanged, isChanged, EventsOutsideAngularDirective, ResizeSensorComponent, Keys, TemplateContextDirective, isSafari, guid, normalizeKeys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, KendoInput, hasObservers, anyChanged, isChanged, EventsOutsideAngularDirective, ResizeSensorComponent, Keys, TemplateContextDirective, isSafari, guid, normalizeKeys, parseCSSClassNames } from '@progress/kendo-angular-common';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { isPresent, getter, shuffleData, sameCharsOnly, matchText, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, isTruthy, setListBoxAriaLabelledBy, setActionSheetTitle, animationDuration } from '../common/util';
 import { SelectionService } from '../common/selection/selection.service';
@@ -931,8 +931,12 @@ export class DropDownListComponent {
      */
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-dropdownlist-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }

package/esm2022/dropdowntrees/dropdowntree.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, Renderer2, TemplateRef, ViewChild, ChangeDetectorRef, ContentChild, forwardRef, ViewContainerRef, isDevMode, Injector } from '@angular/core';
-import { anyChanged, EventsOutsideAngularDirective, guid, hasObservers, isChanged, isDocumentAvailable, KendoInput, Keys, ResizeSensorComponent, TemplateContextDirective } from '@progress/kendo-angular-common';
+import { anyChanged, EventsOutsideAngularDirective, guid, hasObservers, isChanged, isDocumentAvailable, KendoInput, Keys, parseCSSClassNames, ResizeSensorComponent, TemplateContextDirective } from '@progress/kendo-angular-common';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { TreeViewComponent, DataBoundComponent, ExpandableComponent, SelectDirective } from '@progress/kendo-angular-treeview';
@@ -880,8 +880,12 @@ export class DropDownTreeComponent {
      */
     get popupContainerClasses() {
         const containerClasses = ['k-dropdowntree-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }

package/esm2022/dropdowntrees/multiselecttree.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, forwardRef, HostBinding, Injector, Input, isDevMode, NgZone, Output, Renderer2, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { anyChanged, guid, hasObservers, Keys, KendoInput, isDocumentAvailable, EventsOutsideAngularDirective, ResizeSensorComponent, TemplateContextDirective, normalizeKeys } from '@progress/kendo-angular-common';
+import { anyChanged, guid, hasObservers, Keys, KendoInput, isDocumentAvailable, EventsOutsideAngularDirective, ResizeSensorComponent, TemplateContextDirective, normalizeKeys, parseCSSClassNames } from '@progress/kendo-angular-common';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { NavigationService } from '../common/navigation/navigation.service';
@@ -657,8 +657,12 @@ export class MultiSelectTreeComponent {
      */
     get popupContainerClasses() {
         const containerClasses = ['k-multiselecttree-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }

package/esm2022/multiselect/multiselect.component.mjs

@@ -6,7 +6,7 @@ import { isPresent, isArray, isObjectArray, resolveAllValues, selectedIndices, g
 import { SearchBarComponent } from '../common/searchbar.component';
 import { ViewChild, Renderer2, ViewContainerRef, Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter, isDevMode, forwardRef, ContentChild, ChangeDetectorRef, KeyValueDiffers, NgZone, Injector } from '@angular/core';
 import { Subscription, Subject, of, merge } from 'rxjs';
-import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, Keys, TemplateContextDirective, guid, normalizeKeys } from '@progress/kendo-angular-common';
+import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, Keys, TemplateContextDirective, guid, normalizeKeys, parseCSSClassNames } from '@progress/kendo-angular-common';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { catchError, filter, map, take, tap } from 'rxjs/operators';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
@@ -731,8 +731,12 @@ export class MultiSelectComponent {
     }
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-multiselect-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1765536295,
-    version: '21.4.0-develop.1',
+    publishDate: 1765793548,
+    version: '21.4.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -5,7 +5,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, HostBinding, Output, Directive, Injectable, HostListener, ViewChildren, ViewChild, 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, isControlRequired, guid, hasObservers, KendoInput, SuffixTemplateDirective, PrefixTemplateDirective, SeparatorComponent, MultiTabStop, anyChanged, EventsOutsideAngularDirective, 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, parseCSSClassNames, isControlRequired, guid, hasObservers, KendoInput, SuffixTemplateDirective, PrefixTemplateDirective, SeparatorComponent, MultiTabStop, anyChanged, EventsOutsideAngularDirective, 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';
@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1765536295,
-    version: '21.4.0-develop.1',
+    publishDate: 1765793548,
+    version: '21.4.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3383,8 +3383,12 @@ class AutoCompleteComponent {
     }
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-autocomplete-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }
@@ -5282,13 +5286,6 @@ class ComboBoxComponent extends MultiTabStop {
     }
     /**
      * Configures the popup of the ComboBox.
-     *
-     * The available options are:
-     * - `animate: Boolean`—Controls the popup animation. By default, the open and close animations are enabled.
-     * - `width: Number | String`—Sets the width of the popup container. By default, the width of the host element is used. If set to `auto`, the component automatically adjusts the width of the popup and no item labels are wrapped. The `auto` mode is not supported when virtual scrolling is enabled.
-     * - `height: Number`—Sets the height of the popup container.
-     * - `popupClass: String`—Specifies a list of CSS classes that are used to style the popup.
-     * - `appendTo: "root" | "component" | ViewContainerRef`—Specifies the component to which the popup will be appended.
      */
     set popupSettings(settings) {
         this._popupSettings = Object.assign({ animate: true }, settings);
@@ -6314,7 +6311,15 @@ class ComboBoxComponent extends MultiTabStop {
         this.togglePopup(!this.isOpen);
     }
     get listContainerClasses() {
-        return ['k-list-container', 'k-combobox-popup'].concat(this.popupSettings.popupClass || []);
+        const containerClasses = ['k-list-container', 'k-combobox-popup'];
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
+        }
+        return containerClasses;
     }
     /**
      * @hidden
@@ -8067,8 +8072,12 @@ class DropDownListComponent {
      */
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-dropdownlist-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }
@@ -10206,8 +10215,12 @@ class MultiSelectComponent {
     }
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-multiselect-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }
@@ -12183,7 +12196,15 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
      * @hidden
      */
     get listContainerClasses() {
-        return ['k-popup', 'k-dropdowngrid-popup'].concat(this.popupSettings.popupClass || []);
+        const containerClasses = ['k-popup', 'k-dropdowngrid-popup'];
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
+        }
+        return containerClasses;
     }
     constructor(localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, wrapper, injector, hostElement, adaptiveService) {
         super(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, injector, hostElement, adaptiveService);
@@ -13797,8 +13818,12 @@ class DropDownTreeComponent {
      */
     get popupContainerClasses() {
         const containerClasses = ['k-dropdowntree-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }
@@ -15958,8 +15983,12 @@ class MultiSelectTreeComponent {
      */
     get popupContainerClasses() {
         const containerClasses = ['k-multiselecttree-popup'];
-        if (this.popupSettings.popupClass) {
-            containerClasses.push(this.popupSettings.popupClass);
+        if (!this.popupSettings.popupClass) {
+            return containerClasses;
+        }
+        const parsedPopupClasses = parseCSSClassNames(this.popupSettings.popupClass);
+        if (parsedPopupClasses?.length) {
+            containerClasses.push(...parsedPopupClasses);
         }
         return containerClasses;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "21.4.0-develop.1",
+  "version": "21.4.0-develop.3",
   "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",
@@ -100,7 +100,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1765536295,
+      "publishDate": 1765793548,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -111,18 +111,18 @@
     "@angular/forms": "18 - 21",
     "@angular/platform-browser": "18 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.0-develop.1",
-    "@progress/kendo-angular-utils": "21.4.0-develop.1",
-    "@progress/kendo-angular-l10n": "21.4.0-develop.1",
-    "@progress/kendo-angular-navigation": "21.4.0-develop.1",
-    "@progress/kendo-angular-popup": "21.4.0-develop.1",
-    "@progress/kendo-angular-icons": "21.4.0-develop.1",
-    "@progress/kendo-angular-treeview": "21.4.0-develop.1",
+    "@progress/kendo-angular-common": "21.4.0-develop.3",
+    "@progress/kendo-angular-utils": "21.4.0-develop.3",
+    "@progress/kendo-angular-l10n": "21.4.0-develop.3",
+    "@progress/kendo-angular-navigation": "21.4.0-develop.3",
+    "@progress/kendo-angular-popup": "21.4.0-develop.3",
+    "@progress/kendo-angular-icons": "21.4.0-develop.3",
+    "@progress/kendo-angular-treeview": "21.4.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.0-develop.1",
+    "@progress/kendo-angular-schematics": "21.4.0-develop.3",
     "@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': '21.4.0-develop.1',
+            '@progress/kendo-angular-inputs': '21.4.0-develop.3',
             // peers of inputs
-            '@progress/kendo-angular-intl': '21.4.0-develop.1',
+            '@progress/kendo-angular-intl': '21.4.0-develop.3',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'