@progress/kendo-angular-common 17.0.0-develop.4 → 17.0.0-develop.40

package/{fesm2020 → fesm2022}/progress-kendo-angular-common.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, NgModule, Injectable, Component, HostBinding, ViewChild, Optional, isDevMode } from '@angular/core';
+import { EventEmitter, Directive, Input, Output, Injectable, Component, HostBinding, ViewChild, Optional, isDevMode } from '@angular/core';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { take, auditTime } from 'rxjs/operators';
 import { Draggable } from '@progress/kendo-draggable';
@@ -186,13 +186,16 @@ const isControlRequired = (control) => {
 };
 
 class DraggableDirective {
+    element;
+    ngZone;
+    enableDrag = true;
+    kendoPress = new EventEmitter();
+    kendoDrag = new EventEmitter();
+    kendoRelease = new EventEmitter();
+    draggable;
     constructor(element, ngZone) {
         this.element = element;
         this.ngZone = ngZone;
-        this.enableDrag = true;
-        this.kendoPress = new EventEmitter();
-        this.kendoDrag = new EventEmitter();
-        this.kendoRelease = new EventEmitter();
     }
     ngOnInit() {
         this.toggleDraggable();
@@ -224,10 +227,10 @@ class DraggableDirective {
             this.draggable = undefined;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { enableDrag: "enableDrag" }, outputs: { kendoPress: "kendoPress", kendoDrag: "kendoDrag", kendoRelease: "kendoRelease" }, usesOnChanges: true, ngImport: i0 });
 }
-DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { enableDrag: "enableDrag" }, outputs: { kendoPress: "kendoPress", kendoDrag: "kendoDrag", kendoRelease: "kendoRelease" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDraggable]',
@@ -243,23 +246,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }] } });
 
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class DraggableModule {
-}
-DraggableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DraggableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule, imports: [DraggableDirective], exports: [DraggableDirective] });
-DraggableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [DraggableDirective],
-                    imports: [DraggableDirective]
-                }]
-        }] });
-
 const closestInScope = (node, predicate, scope) => {
     while (node && node !== scope && !predicate(node)) {
         node = node.parentNode;
@@ -393,11 +379,16 @@ const isDocumentNode = (container) => container.nodeType === 9;
  * @hidden
  */
 class EventsOutsideAngularDirective {
+    element;
+    ngZone;
+    renderer;
+    events = {};
+    scope;
+    subscriptions;
     constructor(element, ngZone, renderer) {
         this.element = element;
         this.ngZone = ngZone;
         this.renderer = renderer;
-        this.events = {};
     }
     ngOnInit() {
         if (!this.element || !this.element.nativeElement) {
@@ -421,10 +412,10 @@ class EventsOutsideAngularDirective {
             this.subscriptions = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventsOutsideAngularDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EventsOutsideAngularDirective, isStandalone: true, selector: "[kendoEventsOutsideAngular]", inputs: { events: ["kendoEventsOutsideAngular", "events"], scope: "scope" }, ngImport: i0 });
 }
-EventsOutsideAngularDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsOutsideAngularDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-EventsOutsideAngularDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EventsOutsideAngularDirective, isStandalone: true, selector: "[kendoEventsOutsideAngular]", inputs: { events: ["kendoEventsOutsideAngular", "events"], scope: "scope" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsOutsideAngularDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventsOutsideAngularDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoEventsOutsideAngular]',
@@ -437,29 +428,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }] } });
 
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class EventsModule {
-}
-EventsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-EventsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: EventsModule, imports: [EventsOutsideAngularDirective], exports: [EventsOutsideAngularDirective] });
-EventsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [EventsOutsideAngularDirective],
-                    exports: [EventsOutsideAngularDirective]
-                }]
-        }] });
-
 class ResizeService {
+    resizeBatchService;
+    resize = new EventEmitter();
+    acceptedSize = false;
+    lastWidth;
+    lastHeight;
+    state = 0 /* ServiceState.Initial */;
+    parentElement;
     constructor(resizeBatchService) {
         this.resizeBatchService = resizeBatchService;
-        this.resize = new EventEmitter();
-        this.acceptedSize = false;
-        this.state = 0 /* ServiceState.Initial */;
     }
     acceptSize(size = this.measure()) {
         this.lastWidth = size.width;
@@ -523,6 +501,12 @@ const WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right:
 const EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
 const SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
 class ResizeCompatService extends ResizeService {
+    element;
+    ngZone;
+    expand;
+    expandChild;
+    shrink;
+    subscription;
     constructor(resizeBatchService, element, ngZone) {
         super(resizeBatchService);
         this.element = element;
@@ -607,14 +591,17 @@ const HAS_OBSERVER = typeof ResizeObserver !== 'undefined';
  * @hidden
  */
 class ResizeObserverService extends ResizeService {
+    element;
+    ngZone;
+    resizeObserver;
+    static supported() {
+        return HAS_OBSERVER;
+    }
     constructor(resizeBatchService, element, ngZone) {
         super(resizeBatchService);
         this.element = element;
         this.ngZone = ngZone;
     }
-    static supported() {
-        return HAS_OBSERVER;
-    }
     destroy() {
         super.destroy();
         if (this.resizeObserver) {
@@ -640,10 +627,12 @@ class ResizeObserverService extends ResizeService {
  * @hidden
  */
 class ResizeBatchService {
+    ngZone;
+    scheduled = [];
+    resolvedPromise = Promise.resolve(null);
+    subscription;
     constructor(ngZone) {
         this.ngZone = ngZone;
-        this.scheduled = [];
-        this.resolvedPromise = Promise.resolve(null);
         this.flush = this.flush.bind(this);
     }
     schedule(instance, method) {
@@ -687,10 +676,10 @@ class ResizeBatchService {
         this.scheduled = [];
         this.unsubscribe();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeBatchService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeBatchService, providedIn: 'root' });
 }
-ResizeBatchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeBatchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeBatchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -708,17 +697,19 @@ const DEFAULT_RATE_LIMIT = 10;
  * Triggers a "resize" event whenever the parent DOM element size changes.
  */
 class ResizeSensorComponent {
+    /**
+     * The maximum number of resize events to emit per second.
+     *
+     * Defaults to 10.
+     */
+    rateLimit = DEFAULT_RATE_LIMIT;
+    /**
+     * Fires when the parent DOM element has been resized.
+     */
+    resize = new EventEmitter();
+    subscription;
+    resizeService;
     constructor(resizeBatchService, element, ngZone) {
-        /**
-         * The maximum number of resize events to emit per second.
-         *
-         * Defaults to 10.
-         */
-        this.rateLimit = DEFAULT_RATE_LIMIT;
-        /**
-         * Fires when the parent DOM element has been resized.
-         */
-        this.resize = new EventEmitter();
         const serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
         this.resizeService = new serviceType(resizeBatchService, element, ngZone);
         const throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
@@ -740,10 +731,10 @@ class ResizeSensorComponent {
     acceptSize(size) {
         this.resizeService.acceptSize(size);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeSensorComponent, deps: [{ token: ResizeBatchService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResizeSensorComponent, isStandalone: true, selector: "kendo-resize-sensor", inputs: { rateLimit: "rateLimit" }, outputs: { resize: "resize" }, ngImport: i0, template: '', isInline: true });
 }
-ResizeSensorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorComponent, deps: [{ token: ResizeBatchService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ResizeSensorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ResizeSensorComponent, isStandalone: true, selector: "kendo-resize-sensor", inputs: { rateLimit: "rateLimit" }, outputs: { resize: "resize" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeSensorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-resize-sensor',
@@ -756,24 +747,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }] } });
 
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class ResizeSensorModule {
-}
-ResizeSensorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ResizeSensorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, imports: [ResizeSensorComponent], exports: [ResizeSensorComponent] });
-ResizeSensorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, providers: [ResizeBatchService], imports: [ResizeSensorComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ResizeSensorComponent],
-                    exports: [ResizeSensorComponent],
-                    providers: [ResizeBatchService]
-                }]
-        }] });
-
 class KendoInput {
 }
 
@@ -919,14 +892,13 @@ let bannerPresentOnPage = false;
  * @hidden
  */
 class WatermarkOverlayComponent {
-    constructor() {
-        this.watermarkStyle = watermarkStyles;
-        this.isOpen = true;
-        this.bannerMounted = false;
-        this.bannerStyles = bannerStyles;
-        this.buttonStyles = buttonStyles;
-        this.licenseKeyUrl = licenseKeyUrl;
-    }
+    watermarkStyle = watermarkStyles;
+    banner;
+    isOpen = true;
+    bannerMounted = false;
+    bannerStyles = bannerStyles;
+    buttonStyles = buttonStyles;
+    licenseKeyUrl = licenseKeyUrl;
     ngOnInit() {
         if (!bannerPresentOnPage) {
             this.bannerMounted = true;
@@ -949,9 +921,8 @@ class WatermarkOverlayComponent {
     get isBannerRendered() {
         return isDocumentAvailable() && this.banner && this.banner.nativeElement;
     }
-}
-WatermarkOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WatermarkOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
         <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
             <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -978,7 +949,8 @@ WatermarkOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[kendoWatermarkOverlay]',
@@ -1020,23 +992,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['banner']
             }] } });
 
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class WatermarkModule {
-}
-WatermarkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WatermarkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, imports: [WatermarkOverlayComponent], exports: [WatermarkOverlayComponent] });
-WatermarkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, imports: [WatermarkOverlayComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [WatermarkOverlayComponent],
-                    imports: [WatermarkOverlayComponent]
-                }]
-        }] });
-
 const allowed = ['telerik.com', 'progress.com', 'stackblitz.io', 'csb.app'];
 /**
  * @hidden
@@ -1069,10 +1024,7 @@ function shouldShowValidationUI(isPackageValid) {
  * ```
  */
 class PrefixTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._showSeparator = false;
-    }
+    templateRef;
     /**
      * Sets the `showSeparator` attribute of the `prefixTemplate`.
      *
@@ -1084,10 +1036,14 @@ class PrefixTemplateDirective {
     get showSeparator() {
         return this._showSeparator;
     }
+    _showSeparator = false;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PrefixTemplateDirective, isStandalone: true, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
 }
-PrefixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PrefixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PrefixTemplateDirective, isStandalone: true, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPrefixTemplate]',
@@ -1121,10 +1077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class SuffixTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._showSeparator = false;
-    }
+    templateRef;
     /**
      * Sets the `showSeparator` attribute of the `suffixTemplate`.
      *
@@ -1136,10 +1089,14 @@ class SuffixTemplateDirective {
     get showSeparator() {
         return this._showSeparator;
     }
+    _showSeparator = false;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuffixTemplateDirective, isStandalone: true, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
 }
-SuffixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SuffixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SuffixTemplateDirective, isStandalone: true, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSuffixTemplate]',
@@ -1171,18 +1128,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class SeparatorComponent {
-    constructor() {
-        /**
-         * Specifies the orientation of the separator. Applicable for the adornments of the [`TextAreaComponent`](slug:api_inputs_textareacomponent).
-         *
-         * @default 'vertical'
-         */
-        this.orientation = 'vertical';
-        /**
-         * @hidden
-         */
-        this.hostClass = true;
-    }
+    /**
+     * Specifies the orientation of the separator. Applicable for the adornments of the [`TextAreaComponent`](slug:api_inputs_textareacomponent).
+     *
+     * @default 'vertical'
+     */
+    orientation = 'vertical';
     /**
      * @hidden
      */
@@ -1195,10 +1146,14 @@ class SeparatorComponent {
     get horizontal() {
         return this.orientation === 'horizontal';
     }
+    /**
+     * @hidden
+     */
+    hostClass = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SeparatorComponent, isStandalone: true, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
 }
-SeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SeparatorComponent, isStandalone: true, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SeparatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeparatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-separator',
@@ -1218,40 +1173,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['class.k-input-separator']
             }] } });
 
+class PreventableEvent {
+    prevented = false;
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault() {
+        this.prevented = true;
+    }
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    isDefaultPrevented() {
+        return this.prevented;
+    }
+}
+
+const canCreateElement = () => isDocumentAvailable() && document.createElement;
+const propName = '--kendo-scrollbar-width';
 /**
  * @hidden
  */
-class TemplateContextDirective {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
+const scrollbarWidth = () => {
+    let scrollbarWidth = 0;
+    if (canCreateElement()) {
+        const div = document.createElement('div');
+        div.style.cssText = 'overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block';
+        div.innerHTML = '&nbsp;';
+        document.body.appendChild(div);
+        scrollbarWidth = div.offsetWidth - div.scrollWidth;
+        document.body.removeChild(div);
     }
-    set templateContext(context) {
-        if (this.insertedViewRef) {
-            this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
-            this.insertedViewRef = undefined;
-        }
-        if (context.templateRef) {
-            this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
+    return scrollbarWidth;
+};
+/**
+ * @hidden
+ */
+class ScrollbarWidthService {
+    changes = new EventEmitter();
+    constructor() {
+        if (typeof window !== 'undefined' && isDocumentAvailable()) {
+            document.body.style.setProperty(propName, `${scrollbarWidth()}px`);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollbarWidthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollbarWidthService, providedIn: 'root' });
 }
-TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TemplateContextDirective, isStandalone: true, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateContextDirective, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollbarWidthService, decorators: [{
+            type: Injectable,
             args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: '[templateContext]',
-                    standalone: true
+                    providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { templateContext: [{
-                type: Input
-            }] } });
+        }], ctorParameters: function () { return []; } });
 
 /**
  * @hidden
  */
 class MultiTabStop {
+    escape;
 }
 
 const tags = ['kendo-splitbutton', 'kendo-combobox', 'kendo-multicolumncombobox', 'kendo-datepicker', 'kendo-timepicker', 'kendo-datetimepicker'];
@@ -1275,6 +1260,29 @@ const tags = ['kendo-splitbutton', 'kendo-combobox', 'kendo-multicolumncombobox'
  * ```
  */
 class ToggleButtonTabStopDirective {
+    hostEl;
+    renderer;
+    zone;
+    hostComponent;
+    /**
+     * @hidden
+     *
+     * Allows setting the interactive state of the toggle button.
+     *
+     * @default true
+     */
+    active;
+    /**
+     * Defines the value of the `aria-label` attribute of the toggle button when active.
+     *
+     * @default "toggle popup"
+     */
+    toggleButtonAriaLabel = 'toggle popup';
+    button;
+    sub = new Subscription();
+    focusButton;
+    isSplitButton;
+    observer;
     /**
      * @hidden
      */
@@ -1283,31 +1291,6 @@ class ToggleButtonTabStopDirective {
         this.renderer = renderer;
         this.zone = zone;
         this.hostComponent = hostComponent;
-        /**
-         * Defines the value of the `aria-label` attribute of the toggle button when active.
-         *
-         * @default "toggle popup"
-         */
-        this.toggleButtonAriaLabel = 'toggle popup';
-        this.sub = new Subscription();
-        this.onFocus = () => {
-            this.renderer.setStyle(this.button, 'box-shadow', 'inset 0 0 0 1px rgba(0, 0, 0, 0.08)');
-        };
-        this.onBlur = () => {
-            this.renderer.removeStyle(this.button, 'box-shadow');
-        };
-        this.onClick = (e) => {
-            const splitButtonToggleEnter = e instanceof KeyboardEvent && e.keyCode === Keys.Enter;
-            const isClick = e instanceof PointerEvent;
-            (splitButtonToggleEnter || isClick) && (this.focusButton = true);
-        };
-        this.onKeyDown = (e) => {
-            if (e.keyCode === Keys.ArrowDown && e.altKey) {
-                e.stopImmediatePropagation();
-                this.focusButton = true;
-                this.button.click();
-            }
-        };
         if (isDevMode() && tags.indexOf(hostEl.nativeElement.tagName.toLowerCase()) === -1) {
             console.warn(`The kendoToggleButtonTabStop directive can be applied to the following components only: ${tags}`);
         }
@@ -1385,6 +1368,24 @@ class ToggleButtonTabStopDirective {
         this.observer && this.observer.disconnect();
         this.observer = null;
     }
+    onFocus = () => {
+        this.renderer.setStyle(this.button, 'box-shadow', 'inset 0 0 0 1px rgba(0, 0, 0, 0.08)');
+    };
+    onBlur = () => {
+        this.renderer.removeStyle(this.button, 'box-shadow');
+    };
+    onClick = (e) => {
+        const splitButtonToggleEnter = e instanceof KeyboardEvent && e.keyCode === Keys.Enter;
+        const isClick = e instanceof PointerEvent;
+        (splitButtonToggleEnter || isClick) && (this.focusButton = true);
+    };
+    onKeyDown = (e) => {
+        if (e.keyCode === Keys.ArrowDown && e.altKey) {
+            e.stopImmediatePropagation();
+            this.focusButton = true;
+            this.button.click();
+        }
+    };
     addListeners() {
         if (this.button) {
             this.zone.runOutsideAngular(() => this.button.addEventListener('focus', this.onFocus));
@@ -1442,10 +1443,10 @@ class ToggleButtonTabStopDirective {
             this.observer.observe(mainFocusableElement, mutationConfig);
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToggleButtonTabStopDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: MultiTabStop }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToggleButtonTabStopDirective, isStandalone: true, selector: "[kendoToggleButtonTabStop]", inputs: { active: ["kendoToggleButtonTabStop", "active"], toggleButtonAriaLabel: "toggleButtonAriaLabel" }, usesOnChanges: true, ngImport: i0 });
 }
-ToggleButtonTabStopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: MultiTabStop }], target: i0.ɵɵFactoryTarget.Directive });
-ToggleButtonTabStopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToggleButtonTabStopDirective, isStandalone: true, selector: "[kendoToggleButtonTabStop]", inputs: { active: ["kendoToggleButtonTabStop", "active"], toggleButtonAriaLabel: "toggleButtonAriaLabel" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToggleButtonTabStopDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoToggleButtonTabStop]',
@@ -1458,6 +1459,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }] } });
 
+/**
+ * @hidden
+ */
+class TemplateContextDirective {
+    set templateContext(context) {
+        if (this.insertedViewRef) {
+            this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
+            this.insertedViewRef = undefined;
+        }
+        if (context.templateRef) {
+            this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
+        }
+    }
+    insertedViewRef;
+    viewContainerRef;
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TemplateContextDirective, isStandalone: true, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[templateContext]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { templateContext: [{
+                type: Input
+            }] } });
+
 /**
  * @hidden
  */
@@ -1514,104 +1547,9 @@ const KENDO_TEMPLATE_CONTEXT = [
     TemplateContextDirective
 ];
 
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class AdornmentsModule {
-}
-AdornmentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AdornmentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, imports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent], exports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent] });
-AdornmentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, imports: [SeparatorComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_ADORNMENTS],
-                    exports: [...KENDO_ADORNMENTS]
-                }]
-        }] });
-
-class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses
-     * the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * Returns `true` if the event was prevented
-     * by any of its subscribers.
-     *
-     * @returns `true` if the default action was prevented.
-     * Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-}
-
-const canCreateElement = () => isDocumentAvailable() && document.createElement;
-const propName = '--kendo-scrollbar-width';
-/**
- * @hidden
- */
-const scrollbarWidth = () => {
-    let scrollbarWidth = 0;
-    if (canCreateElement()) {
-        const div = document.createElement('div');
-        div.style.cssText = 'overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block';
-        div.innerHTML = '&nbsp;';
-        document.body.appendChild(div);
-        scrollbarWidth = div.offsetWidth - div.scrollWidth;
-        document.body.removeChild(div);
-    }
-    return scrollbarWidth;
-};
-/**
- * @hidden
- */
-class ScrollbarWidthService {
-    constructor() {
-        this.changes = new EventEmitter();
-        if (typeof window !== 'undefined' && isDocumentAvailable()) {
-            document.body.style.setProperty(propName, `${scrollbarWidth()}px`);
-        }
-    }
-}
-ScrollbarWidthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollbarWidthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class ToggleButtonTabStopModule {
-}
-ToggleButtonTabStopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToggleButtonTabStopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule, imports: [ToggleButtonTabStopDirective], exports: [ToggleButtonTabStopDirective] });
-ToggleButtonTabStopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ToggleButtonTabStopDirective],
-                    exports: [ToggleButtonTabStopDirective]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KENDO_ADORNMENTS, KENDO_COMMON, KENDO_DRAGGABLE, KENDO_EVENTS, KENDO_RESIZESENSOR, KENDO_TEMPLATE_CONTEXT, KENDO_TOGGLEBUTTONTABSTOP, KENDO_WATERMARK, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, TemplateContextDirective, ToggleButtonTabStopDirective, ToggleButtonTabStopModule, WatermarkModule, WatermarkOverlayComponent, anyChanged, applyAttributes, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
+export { DraggableDirective, EventsOutsideAngularDirective, KENDO_ADORNMENTS, KENDO_COMMON, KENDO_DRAGGABLE, KENDO_EVENTS, KENDO_RESIZESENSOR, KENDO_TEMPLATE_CONTEXT, KENDO_TOGGLEBUTTONTABSTOP, KENDO_WATERMARK, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, TemplateContextDirective, ToggleButtonTabStopDirective, WatermarkOverlayComponent, anyChanged, applyAttributes, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };