@progress/kendo-angular-dropdowns 17.1.2-develop.4 → 17.2.0-develop.1

package/autocomplete/autocomplete.component.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2, ElementRef, EventEmitter, ViewContainerRef, TemplateRef, OnDestroy, SimpleChanges, OnChanges, ChangeDetectorRef, NgZone, AfterViewInit, Injector } from '@angular/core';
 import { SuffixTemplateDirective, PrefixTemplateDirective } from '@progress/kendo-angular-common';
+import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { SearchBarComponent } from '../common/searchbar.component';
 import { ItemTemplateDirective } from '../common/templates/item-template.directive';
@@ -16,7 +17,7 @@ import { SelectionService } from '../common/selection/selection.service';
 import { NavigationService, NavigationEvent } from '../common/navigation/navigation.service';
 import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
 import { ItemDisabledFn } from '../common/disabled-items/item-disabled';
-import { AdaptiveMode, WindowSize } from '../common/util';
+import { AdaptiveMode } from '../common/util';
 import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
 import { PreventableEvent } from '../common/models/preventable-event';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -70,6 +71,7 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     private renderer;
     hostElement: ElementRef;
     private injector;
+    private adaptiveService;
     /**
      * @hidden
      */
@@ -374,7 +376,7 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     /**
      * @hidden
      */
-    windowSize: WindowSize;
+    windowSize: AdaptiveSize;
     /**
      * @hidden
      */
@@ -389,7 +391,7 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     get formControl(): FormControl;
     protected onChangeCallback: Function;
     protected onTouchedCallback: Function;
-    constructor(localization: LocalizationService, dataService: DataService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, _zone: NgZone, cdr: ChangeDetectorRef, renderer: Renderer2, hostElement: ElementRef, injector: Injector);
+    constructor(localization: LocalizationService, dataService: DataService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, _zone: NgZone, cdr: ChangeDetectorRef, renderer: Renderer2, hostElement: ElementRef, injector: Injector, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/comboboxes/combobox.component.d.ts

@@ -18,7 +18,8 @@ import { DisabledItemsService } from '../common/disabled-items/disabled-items.se
 import { ItemDisabledFn } from '../common/disabled-items/item-disabled';
 import { Observable } from 'rxjs';
 import { SuffixTemplateDirective, PrefixTemplateDirective, MultiTabStop } from '@progress/kendo-angular-common';
-import { AdaptiveMode, WindowSize } from '../common/util';
+import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
+import { AdaptiveMode } from '../common/util';
 import { PreventableEvent } from '../common/models/preventable-event';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupService, PopupRef } from '@progress/kendo-angular-popup';
@@ -69,6 +70,7 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
     protected renderer: Renderer2;
     protected injector: Injector;
     hostElement: ElementRef;
+    protected adaptiveService: AdaptiveService;
     /**
      * @hidden
      */
@@ -447,7 +449,7 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
     /**
      * @hidden
      */
-    windowSize: WindowSize;
+    windowSize: AdaptiveSize;
     /**
      * @hidden
      */
@@ -498,7 +500,7 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
     private _size;
     private _rounded;
     private _fillMode;
-    constructor(wrapper: ElementRef<HTMLElement>, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, zone: NgZone, cdr: ChangeDetectorRef, renderer: Renderer2, injector: Injector, hostElement: ElementRef);
+    constructor(wrapper: ElementRef<HTMLElement>, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, zone: NgZone, cdr: ChangeDetectorRef, renderer: Renderer2, injector: Injector, hostElement: ElementRef, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     private createValueStream;

package/comboboxes/multicolumncombobox.component.d.ts

@@ -5,6 +5,7 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, NgZone, OnDestroy, QueryList, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupService } from '@progress/kendo-angular-popup';
+import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { ComboBoxComponent } from './combobox.component';
 import { ComboBoxColumnComponent } from './combobox-column/combobox-column.component';
 import { DataService } from '../common/data.service';
@@ -74,7 +75,7 @@ export declare class MultiColumnComboBoxComponent extends ComboBoxComponent impl
      * @hidden
      */
     protected get listContainerClasses(): string[];
-    constructor(localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, zone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, wrapper: ElementRef<HTMLElement>, injector: Injector, hostElement: ElementRef);
+    constructor(localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, zone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, wrapper: ElementRef<HTMLElement>, injector: Injector, hostElement: ElementRef, adaptiveService: AdaptiveService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**

package/common/util.d.ts

@@ -10,6 +10,7 @@ import { DropDownSize } from './models/size';
 import { DropDownRounded } from './models/rounded';
 import { DropDownFillMode } from './models/fillmode';
 import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
+import { AdaptiveSize } from '@progress/kendo-angular-utils';
 /**
  * @hidden
  */
@@ -183,10 +184,6 @@ export declare const getSearchableItems: (treeViewId: string, element: HTMLEleme
     text: string;
     index: string;
 }[];
-/**
- * @hidden
- */
-export declare const windowSize: () => 'large' | 'medium' | 'small';
 /**
  * Specifies the adaptive rendering of the component.
  *
@@ -202,11 +199,7 @@ export declare const isTruthy: (value: any) => boolean;
 /**
  * @hidden
  */
-export type WindowSize = 'large' | 'medium' | 'small';
-/**
- * @hidden
- */
-export declare const updateActionSheetAdaptiveAppearance: (actionSheet: ActionSheetComponent, windowSize: WindowSize, renderer: Renderer2) => void;
+export declare const updateActionSheetAdaptiveAppearance: (actionSheet: ActionSheetComponent, windowSize: AdaptiveSize, renderer: Renderer2) => void;
 /**
  * @hidden
  */

package/dropdownlist/dropdownlist.component.d.ts

@@ -4,8 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2, ElementRef, EventEmitter, ViewContainerRef, OnDestroy, OnChanges, NgZone, TemplateRef, ChangeDetectorRef, OnInit, SimpleChanges, AfterContentChecked, Injector, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
 import { PopupSettings } from '../common/models/popup-settings';
-import { AdaptiveMode, WindowSize } from '../common/util';
+import { AdaptiveMode } from '../common/util';
 import { SelectionService } from '../common/selection/selection.service';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { ItemTemplateDirective } from '../common/templates/item-template.directive';
@@ -67,6 +68,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
     private renderer;
     private cdr;
     private injector;
+    private adaptiveService;
     /**
      * @hidden
      */
@@ -184,7 +186,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
     /**
     * @hidden
     */
-    windowSize: WindowSize;
+    windowSize: AdaptiveSize;
     /**
      * @hidden
      */
@@ -442,7 +444,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
     private _size;
     private _rounded;
     private _fillMode;
-    constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, _zone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, injector: Injector);
+    constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, _zone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, injector: Injector, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     /**

package/dropdowntrees/dropdowntree.component.d.ts

@@ -3,13 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OnInit, OnDestroy, ElementRef, EventEmitter, NgZone, Renderer2, TemplateRef, ChangeDetectorRef, SimpleChanges, OnChanges, ViewContainerRef, AfterContentChecked, Injector } from '@angular/core';
+import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
 import { PopupRef, PopupService } from '@progress/kendo-angular-popup';
 import { TreeItem, TreeViewComponent, DataBoundComponent, ExpandableComponent } from '@progress/kendo-angular-treeview';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PreventableEvent } from '../common/models/preventable-event';
-import { AdaptiveMode, WindowSize } from '../common/util';
+import { AdaptiveMode } from '../common/util';
 import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
 import { PopupSettings } from '../common/models/popup-settings';
 import { Direction } from '../common/models/direction';
@@ -38,6 +39,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     private _zone;
     private cdr;
     private localization;
+    private adaptiveService;
     /**
      * @hidden
      */
@@ -378,7 +380,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     /**
     * @hidden
     */
-    windowSize: WindowSize;
+    windowSize: AdaptiveSize;
     /**
      * @hidden
      */
@@ -468,7 +470,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     private subs;
     private touchstartDisposeHandler;
     private lastNodeOnFocus;
-    constructor(injector: Injector, wrapper: ElementRef<HTMLElement>, popupService: PopupService, navigationService: NavigationService, renderer: Renderer2, _zone: NgZone, cdr: ChangeDetectorRef, localization: LocalizationService);
+    constructor(injector: Injector, wrapper: ElementRef<HTMLElement>, popupService: PopupService, navigationService: NavigationService, renderer: Renderer2, _zone: NgZone, cdr: ChangeDetectorRef, localization: LocalizationService, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     /**
      * @hidden

package/dropdowntrees/multiselecttree.component.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { PopupRef, PopupService } from '@progress/kendo-angular-popup';
@@ -14,7 +15,7 @@ import { PreventableEvent } from '../common/models/preventable-event';
 import { Direction } from '../common/models/direction';
 import { RemoveTagEvent } from '../common/models/remove-tag-event';
 import { CheckedItem } from './checked-state/checked-item';
-import { AdaptiveMode, WindowSize } from '../common/util';
+import { AdaptiveMode } from '../common/util';
 import { HeaderTemplateDirective } from '../common/templates/header-template.directive';
 import { FooterTemplateDirective } from '../common/templates/footer-template.directive';
 import { NodeTemplateDirective } from './templates/node-template.directive';
@@ -44,6 +45,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     private localization;
     private cdr;
     private lookup;
+    private adaptiveService;
     /**
      * @hidden
      */
@@ -113,7 +115,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     /**
     * @hidden
     */
-    windowSize: WindowSize;
+    windowSize: AdaptiveSize;
     /**
      * @hidden
      */
@@ -525,7 +527,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     private subs;
     private lastNodeOnFocus;
     private isContentInit;
-    constructor(injector: Injector, wrapper: ElementRef, popupService: PopupService, renderer: Renderer2, navigationService: NavigationService, _zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, lookup: MultiSelectTreeLookupService);
+    constructor(injector: Injector, wrapper: ElementRef, popupService: PopupService, renderer: Renderer2, navigationService: NavigationService, _zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, lookup: MultiSelectTreeLookupService, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     /**

package/esm2022/autocomplete/autocomplete.component.mjs

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 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 } 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';
 import { packageMetadata } from '../package-metadata';
@@ -17,7 +18,7 @@ import { SelectionService } from '../common/selection/selection.service';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
 import { Subject, Subscription, merge } from 'rxjs';
-import { isPresent, guid, getter, isUntouched, noop, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, windowSize, isTruthy, setListBoxAriaLabelledBy, setActionSheetTitle, updateActionSheetAdaptiveAppearance, animationDuration } from '../common/util';
+import { isPresent, guid, getter, isUntouched, noop, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, isTruthy, setListBoxAriaLabelledBy, setActionSheetTitle, updateActionSheetAdaptiveAppearance, animationDuration } from '../common/util';
 import { NavigationAction } from '../common/navigation/navigation-action';
 import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
 import { PreventableEvent } from '../common/models/preventable-event';
@@ -41,6 +42,7 @@ import * as i3 from "@progress/kendo-angular-popup";
 import * as i4 from "../common/selection/selection.service";
 import * as i5 from "../common/navigation/navigation.service";
 import * as i6 from "../common/disabled-items/disabled-items.service";
+import * as i7 from "@progress/kendo-angular-utils";
 const NO_VALUE = "";
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_ROUNDED = 'medium';
@@ -85,6 +87,7 @@ export class AutoCompleteComponent {
     renderer;
     hostElement;
     injector;
+    adaptiveService;
     /**
      * @hidden
      */
@@ -185,7 +188,7 @@ export class AutoCompleteComponent {
      * @hidden
      */
     handleClick() {
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         if (this.isAdaptive) {
             this.togglePopup(true);
         }
@@ -578,7 +581,7 @@ export class AutoCompleteComponent {
     }
     onChangeCallback = noop;
     onTouchedCallback = noop;
-    constructor(localization, dataService, popupService, selectionService, navigationService, disabledItemsService, _zone, cdr, renderer, hostElement, injector) {
+    constructor(localization, dataService, popupService, selectionService, navigationService, disabledItemsService, _zone, cdr, renderer, hostElement, injector, adaptiveService) {
         this.localization = localization;
         this.dataService = dataService;
         this.popupService = popupService;
@@ -590,6 +593,7 @@ export class AutoCompleteComponent {
         this.renderer = renderer;
         this.hostElement = hostElement;
         this.injector = injector;
+        this.adaptiveService = adaptiveService;
         validatePackage(packageMetadata);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.wrapper = this.hostElement.nativeElement;
@@ -609,7 +613,7 @@ export class AutoCompleteComponent {
         this.setComponentClasses();
     }
     ngAfterViewInit() {
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         this.cdr.detectChanges();
         if (this.actionSheet && isDocumentAvailable()) {
             // The following syntax is used as it does not violate CSP compliance
@@ -721,11 +725,12 @@ export class AutoCompleteComponent {
      * @hidden
      */
     onResize() {
-        if (this.isAdaptiveModeEnabled && this.windowSize !== windowSize()) {
+        const currentWindowSize = this.adaptiveService.size;
+        if (this.isAdaptiveModeEnabled && this.windowSize !== currentWindowSize) {
             if (this.isOpen) {
                 this.togglePopup(false);
             }
-            this.windowSize = windowSize();
+            this.windowSize = currentWindowSize;
             this.cdr.detectChanges();
         }
         if (this._open && !this.isActionSheetExpanded) {
@@ -1058,7 +1063,7 @@ export class AutoCompleteComponent {
         if (this.virtual) {
             this.virtual.skip = 0;
         }
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         if (this.isAdaptive) {
             this.openActionSheet();
             return;
@@ -1183,7 +1188,7 @@ export class AutoCompleteComponent {
         this.selectionService.focus(this.selectionService.focused);
         this.actionSheetSearchBar.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.LocalizationService }, { token: i2.DataService }, { token: i3.PopupService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.LocalizationService }, { token: i2.DataService }, { token: i3.PopupService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i7.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutoCompleteComponent, isStandalone: true, selector: "kendo-autocomplete", inputs: { highlightFirst: "highlightFirst", showStickyHeader: "showStickyHeader", focusableId: "focusableId", data: "data", value: "value", valueField: "valueField", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", clearButton: "clearButton", suggest: "suggest", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-autocomplete": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
             AUTOCOMPLETE_VALUE_ACCESSOR,
             DataService,
@@ -1508,7 +1513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgIf, NgTemplateOutlet, SeparatorComponent, SearchBarComponent, IconWrapperComponent, ResizeSensorComponent, ResponsiveRendererComponent, TemplateContextDirective, ListComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.DataService }, { type: i3.PopupService }, { type: i4.SelectionService }, { type: i5.NavigationService }, { type: i6.DisabledItemsService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.Injector }]; }, propDecorators: { responsiveRendererComponent: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.DataService }, { type: i3.PopupService }, { type: i4.SelectionService }, { type: i5.NavigationService }, { type: i6.DisabledItemsService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i7.AdaptiveService }]; }, propDecorators: { responsiveRendererComponent: [{
                 type: ViewChild,
                 args: [ResponsiveRendererComponent]
             }], highlightFirst: [{

package/esm2022/autocomplete/autocomplete.module.mjs

@@ -7,6 +7,7 @@ import { KENDO_AUTOCOMPLETE } from '../directives';
 import { KENDO_ADORNMENTS, ResizeBatchService } from '@progress/kendo-angular-common';
 import { IconsService } from '@progress/kendo-angular-icons';
 import { PopupService } from '@progress/kendo-angular-popup';
+import { AdaptiveService } from '@progress/kendo-angular-utils';
 import * as i0 from "@angular/core";
 import * as i1 from "./autocomplete.component";
 import * as i2 from "../common/templates/fixed-group-template.directive";
@@ -42,7 +43,8 @@ export class AutoCompleteModule {
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteModule, providers: [
             PopupService,
             ResizeBatchService,
-            IconsService
+            IconsService,
+            AdaptiveService
         ], imports: [i1.AutoCompleteComponent, i10.SeparatorComponent, i10.SeparatorComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoCompleteModule, decorators: [{
@@ -53,7 +55,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     providers: [
                         PopupService,
                         ResizeBatchService,
-                        IconsService
+                        IconsService,
+                        AdaptiveService
                     ]
                 }]
         }] });

package/esm2022/comboboxes/combobox.component.mjs

@@ -19,7 +19,8 @@ import { DisabledItemsService } from '../common/disabled-items/disabled-items.se
 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 } from '@progress/kendo-angular-common';
-import { isPresent, guid, getter, isEmptyString, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, isTruthy, windowSize, setListBoxAriaLabelledBy, setActionSheetTitle, updateActionSheetAdaptiveAppearance, animationDuration } from '../common/util';
+import { AdaptiveService } from '@progress/kendo-angular-utils';
+import { isPresent, guid, getter, isEmptyString, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass, isTruthy, setListBoxAriaLabelledBy, setActionSheetTitle, updateActionSheetAdaptiveAppearance, animationDuration } from '../common/util';
 import { NavigationAction } from '../common/navigation/navigation-action';
 import { PreventableEvent } from '../common/models/preventable-event';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -43,6 +44,7 @@ import * as i3 from "../common/selection/selection.service";
 import * as i4 from "../common/navigation/navigation.service";
 import * as i5 from "../common/disabled-items/disabled-items.service";
 import * as i6 from "../common/data.service";
+import * as i7 from "@progress/kendo-angular-utils";
 /**
  * @hidden
  */
@@ -84,6 +86,7 @@ export class ComboBoxComponent extends MultiTabStop {
     renderer;
     injector;
     hostElement;
+    adaptiveService;
     /**
      * @hidden
      */
@@ -672,7 +675,7 @@ export class ComboBoxComponent extends MultiTabStop {
     _size = 'medium';
     _rounded = 'medium';
     _fillMode = 'solid';
-    constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, cdr, renderer, injector, hostElement) {
+    constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, cdr, renderer, injector, hostElement, adaptiveService) {
         super();
         this.wrapper = wrapper;
         this.localization = localization;
@@ -686,6 +689,7 @@ export class ComboBoxComponent extends MultiTabStop {
         this.renderer = renderer;
         this.injector = injector;
         this.hostElement = hostElement;
+        this.adaptiveService = adaptiveService;
         validatePackage(packageMetadata);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.data = [];
@@ -699,7 +703,7 @@ export class ComboBoxComponent extends MultiTabStop {
         this.setComponentClasses();
     }
     ngAfterViewInit() {
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         this.cdr.detectChanges();
         if (this.actionSheet && isDocumentAvailable()) {
             // The following syntax is used as it does not violate CSP compliance
@@ -929,7 +933,7 @@ export class ComboBoxComponent extends MultiTabStop {
      * @hidden
      */
     handleClick() {
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         if (this.isAdaptive) {
             this.togglePopup(true);
         }
@@ -1010,11 +1014,12 @@ export class ComboBoxComponent extends MultiTabStop {
      * @hidden
      */
     onResize() {
-        if (this.isAdaptiveModeEnabled && this.windowSize !== windowSize()) {
+        const currentWindowSize = this.adaptiveService.size;
+        if (this.isAdaptiveModeEnabled && this.windowSize !== currentWindowSize) {
             if (this.isOpen) {
                 this.togglePopup(false);
             }
-            this.windowSize = windowSize();
+            this.windowSize = currentWindowSize;
             this.cdr.detectChanges();
         }
         if (this.isOpen && !this.isActionSheetExpanded) {
@@ -1462,7 +1467,7 @@ export class ComboBoxComponent extends MultiTabStop {
         if (this.virtual) {
             this.virtual.skip = 0;
         }
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         if (this.isAdaptive) {
             this.openActionSheet();
             return;
@@ -1511,7 +1516,7 @@ export class ComboBoxComponent extends MultiTabStop {
             this.closeActionSheet();
         }
         if (this._open) {
-            this.windowSize = windowSize();
+            this.windowSize = this.adaptiveService.size;
             this.createPopup();
         }
     }
@@ -1585,7 +1590,7 @@ export class ComboBoxComponent extends MultiTabStop {
         this.closed.emit();
     }
     openActionSheet() {
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         this.actionSheet.toggle(true);
         this.cdr.detectChanges();
         setListBoxAriaLabelledBy(this.optionsList, this.searchbar.input, this.renderer);
@@ -1597,7 +1602,7 @@ export class ComboBoxComponent extends MultiTabStop {
         this.selectionService.focus(this.selectionService.focused);
         this.actionSheetSearchBar.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComboBoxComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComboBoxComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i7.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ComboBoxComponent, isStandalone: true, selector: "kendo-combobox", inputs: { icon: "icon", svgIcon: "svgIcon", inputAttributes: "inputAttributes", showStickyHeader: "showStickyHeader", focusableId: "focusableId", allowCustom: "allowCustom", data: "data", value: "value", textField: "textField", valueField: "valueField", valuePrimitive: "valuePrimitive", valueNormalizer: "valueNormalizer", placeholder: "placeholder", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", popupSettings: "popupSettings", listHeight: "listHeight", loading: "loading", suggest: "suggest", clearButton: "clearButton", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", tabindex: "tabindex", tabIndex: "tabIndex", filterable: "filterable", virtual: "virtual", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", filterChange: "filterChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-combobox": "this.widgetClasses", "class.k-input": "this.widgetClasses", "class.k-disabled": "this.isDisabled", "class.k-loading": "this.isLoading", "attr.dir": "this.dir" } }, providers: [
             COMBOBOX_VALUE_ACCESSOR,
             DataService,
@@ -1970,7 +1975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgIf, NgTemplateOutlet, SeparatorComponent, SearchBarComponent, EventsOutsideAngularDirective, IconWrapperComponent, NgClass, ResizeSensorComponent, ResponsiveRendererComponent, TemplateContextDirective, ListComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.SelectionService }, { type: i4.NavigationService }, { type: i5.DisabledItemsService }, { type: i6.DataService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { icon: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.SelectionService }, { type: i4.NavigationService }, { type: i5.DisabledItemsService }, { type: i6.DataService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i7.AdaptiveService }]; }, propDecorators: { icon: [{
                 type: Input
             }], svgIcon: [{
                 type: Input

package/esm2022/comboboxes/combobox.module.mjs

@@ -7,6 +7,7 @@ import { KENDO_COMBOBOX, KENDO_MULTICOLUMNCOMBOBOX } from '../directives';
 import { KENDO_ADORNMENTS, KENDO_TOGGLEBUTTONTABSTOP, ResizeBatchService } from '@progress/kendo-angular-common';
 import { IconsService } from '@progress/kendo-angular-icons';
 import { PopupService } from '@progress/kendo-angular-popup';
+import { AdaptiveService } from '@progress/kendo-angular-utils';
 import * as i0 from "@angular/core";
 import * as i1 from "./combobox.component";
 import * as i2 from "../common/templates/fixed-group-template.directive";
@@ -48,7 +49,8 @@ export class ComboBoxModule {
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComboBoxModule, providers: [
             PopupService,
             ResizeBatchService,
-            IconsService
+            IconsService,
+            AdaptiveService
         ], imports: [i1.ComboBoxComponent, i10.SeparatorComponent, i11.MultiColumnComboBoxComponent, i10.SeparatorComponent, i10.SeparatorComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComboBoxModule, decorators: [{
@@ -59,7 +61,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     providers: [
                         PopupService,
                         ResizeBatchService,
-                        IconsService
+                        IconsService,
+                        AdaptiveService
                     ]
                 }]
         }] });

package/esm2022/comboboxes/multicolumncombobox.component.mjs

@@ -7,13 +7,14 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { EventsOutsideAngularDirective, isDocumentAvailable, KendoInput, MultiTabStop, 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';
 import { ComboBoxComponent } from './combobox.component';
 import { ComboBoxColumnComponent } from './combobox-column/combobox-column.component';
 import { DataService } from '../common/data.service';
 import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { SelectionService } from '../common/selection/selection.service';
-import { animationDuration, getSizeClass, getter, isObject, isPresent, noop, windowSize } from '../common/util';
+import { animationDuration, getSizeClass, getter, isObject, isPresent, noop } from '../common/util';
 import { getRowWidthFromColumnsMeta, scrollbarWidth } from './combobox-column/util';
 import { FilterableComponent } from '../common/filtering/filterable-component';
 import { MultiColumnComboBoxMessages } from '../common/constants/error-messages';
@@ -32,6 +33,7 @@ import * as i3 from "../common/selection/selection.service";
 import * as i4 from "../common/navigation/navigation.service";
 import * as i5 from "../common/disabled-items/disabled-items.service";
 import * as i6 from "../common/data.service";
+import * as i7 from "@progress/kendo-angular-utils";
 /**
  * Represents the [Kendo UI MultiColumnComboBox component for Angular]({% slug overview_multicolumncombobox %}).
  */
@@ -114,8 +116,8 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
     get listContainerClasses() {
         return ['k-popup', 'k-dropdowngrid-popup'].concat(this.popupSettings.popupClass || []);
     }
-    constructor(localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, wrapper, injector, hostElement) {
-        super(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, injector, hostElement);
+    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);
         this.hostElement = hostElement;
         // the row height in @progress/kendo-theme-default
         this.defaultVirtualItemHeight = 36;
@@ -125,7 +127,7 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
     ngAfterViewInit() {
         this.updateColumnsMediaState();
         this.addWindowResizeListener();
-        this.windowSize = windowSize();
+        this.windowSize = this.adaptiveService.size;
         this.rowWidth = this.calculateRowWidth();
         this.totalColumnsWidth = this.columns.reduce((total, currentColumn) => total + currentColumn.width, 0);
         this.columnsChangeSubscription = this.columns.changes.subscribe(() => {
@@ -226,7 +228,7 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
         }
         return this.headerTable?.nativeElement.offsetWidth;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiColumnComboBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiColumnComboBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i7.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiColumnComboBoxComponent, isStandalone: true, selector: "kendo-multicolumncombobox", host: { properties: { "class.k-dropdowngrid": "this.hostClasses", "class.k-disabled": "this.isDisabled" } }, providers: [
             SelectionService,
             DataService,
@@ -796,7 +798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgIf, NgTemplateOutlet, SeparatorComponent, SearchBarComponent, EventsOutsideAngularDirective, IconWrapperComponent, NgClass, ResizeSensorComponent, ResponsiveRendererComponent, TemplateContextDirective, NgFor, NgStyle, ListComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.SelectionService }, { type: i4.NavigationService }, { type: i5.DisabledItemsService }, { type: i6.DataService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.SelectionService }, { type: i4.NavigationService }, { type: i5.DisabledItemsService }, { type: i6.DataService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i7.AdaptiveService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-dropdowngrid']
             }], isDisabled: [{

package/esm2022/common/util.mjs

@@ -363,22 +363,6 @@ export const getSearchableItems = (treeViewId, element) => {
         return { text: liElement.innerText, index: liElement.getAttribute('data-treeindex') };
     });
 };
-/**
- * @hidden
- */
-export const windowSize = () => {
-    if (typeof window !== 'undefined') {
-        if (window.innerWidth > 768) {
-            return 'large';
-        }
-        else if (window.innerWidth > 500) {
-            return 'medium';
-        }
-        else {
-            return 'small';
-        }
-    }
-};
 /**
  * @hidden
  */