@progress/kendo-angular-dropdowns 24.0.0-develop.26 → 24.0.0-develop.27

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

@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1778594753,
-    version: '24.0.0-develop.26',
+    publishDate: 1778613135,
+    version: '24.0.0-develop.27',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -9541,7 +9541,6 @@ class MultiSelectComponent {
     renderer;
     _zone;
     injector;
-    hostElement;
     adaptiveService;
     /**
      * @hidden
@@ -10088,7 +10087,6 @@ class MultiSelectComponent {
      * @hidden
      */
     prefixTemplate;
-    hostClasses = true;
     get dir() {
         return this.direction;
     }
@@ -10140,7 +10138,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,7 +10151,6 @@ 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);
@@ -10161,6 +10158,8 @@ class MultiSelectComponent {
         this.direction = this.localization.rtl ? 'rtl' : 'ltr';
         this.subscribeEvents();
         this.subscribeTouchEvents();
+        this.renderer.addClass(this.wrapper.nativeElement, 'k-multiselect');
+        this.renderer.addClass(this.wrapper.nativeElement, 'k-input');
     }
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-multiselect-popup'];
@@ -10477,6 +10476,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
@@ -11233,8 +11234,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,
@@ -11272,7 +11273,7 @@ class MultiSelectComponent {
 
         <ng-container
           kendoDropDownSharedEvents
-          [hostElement]="hostElement"
+          [hostElement]="wrapper"
           [(isFocused)]="isFocused"
           (handleBlur)="handleBlur()"
           (onFocus)="handleFocus()"
@@ -11488,7 +11489,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 +11663,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 +11804,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']

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
@@ -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

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778594753,
-  "version": "24.0.0-develop.26",
+  "publishDate": 1778613135,
+  "version": "24.0.0-develop.27",
   "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.26",
+  "version": "24.0.0-develop.27",
   "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": 1778594753,
+      "publishDate": 1778613135,
       "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.26",
-    "@progress/kendo-angular-utils": "24.0.0-develop.26",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.26",
-    "@progress/kendo-angular-navigation": "24.0.0-develop.26",
-    "@progress/kendo-angular-popup": "24.0.0-develop.26",
-    "@progress/kendo-angular-icons": "24.0.0-develop.26",
-    "@progress/kendo-angular-treeview": "24.0.0-develop.26",
+    "@progress/kendo-angular-common": "24.0.0-develop.27",
+    "@progress/kendo-angular-utils": "24.0.0-develop.27",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.27",
+    "@progress/kendo-angular-navigation": "24.0.0-develop.27",
+    "@progress/kendo-angular-popup": "24.0.0-develop.27",
+    "@progress/kendo-angular-icons": "24.0.0-develop.27",
+    "@progress/kendo-angular-treeview": "24.0.0-develop.27",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.26",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.27",
     "@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.26',
+            '@progress/kendo-angular-inputs': '24.0.0-develop.27',
             // peers of inputs
-            '@progress/kendo-angular-intl': '24.0.0-develop.26',
+            '@progress/kendo-angular-intl': '24.0.0-develop.27',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'