@progress/kendo-angular-layout 25.3.1-develop.2 → 25.4.0-develop.10

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

@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791536894,
-    version: '25.3.1-develop.2',
+    publishDate: 1792513840,
+    version: '25.4.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -100,10 +100,10 @@ class PanelBarService {
         this.keepContent$ = this.keepContentSource.asObservable();
         this.pbId = nextPanelbarId++;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -127,10 +127,10 @@ class PanelBarContentDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: PanelBarContentDirective, isStandalone: true, selector: "[kendoPanelBarContent]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: PanelBarContentDirective, isStandalone: true, selector: "[kendoPanelBarContent]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[kendoPanelBarContent]",
@@ -162,10 +162,10 @@ class PanelBarItemTitleDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarItemTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: PanelBarItemTitleDirective, isStandalone: true, selector: "[kendoPanelBarItemTitle]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarItemTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: PanelBarItemTitleDirective, isStandalone: true, selector: "[kendoPanelBarItemTitle]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarItemTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarItemTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPanelBarItemTitle]',
@@ -533,27 +533,27 @@ class PanelBarItemComponent {
         this._wrapperFocused.set(value);
     }
     subscriptions = new Subscription(() => { });
-    _title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : /* istanbul ignore next */ []));
-    _id = signal(`default-${nextId++}`, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
-    _icon = signal('', ...(ngDevMode ? [{ debugName: "_icon" }] : /* istanbul ignore next */ []));
-    _iconClass = signal('', ...(ngDevMode ? [{ debugName: "_iconClass" }] : /* istanbul ignore next */ []));
-    _imageUrl = signal('', ...(ngDevMode ? [{ debugName: "_imageUrl" }] : /* istanbul ignore next */ []));
-    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    _selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
-    _content = signal(undefined, ...(ngDevMode ? [{ debugName: "_content" }] : /* istanbul ignore next */ []));
-    _items = signal(undefined, ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
-    _template = signal(undefined, ...(ngDevMode ? [{ debugName: "_template" }] : /* istanbul ignore next */ []));
-    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _state = signal('inactive', ...(ngDevMode ? [{ debugName: "_state" }] : /* istanbul ignore next */ []));
-    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
-    _wrapperFocused = signal(false, ...(ngDevMode ? [{ debugName: "_wrapperFocused" }] : /* istanbul ignore next */ []));
-    _keepContent = signal(false, ...(ngDevMode ? [{ debugName: "_keepContent" }] : /* istanbul ignore next */ []));
-    _contentHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_contentHeight" }] : /* istanbul ignore next */ []));
-    _contentOverflow = signal(undefined, ...(ngDevMode ? [{ debugName: "_contentOverflow" }] : /* istanbul ignore next */ []));
-    _hasChildItems = signal(false, ...(ngDevMode ? [{ debugName: "_hasChildItems" }] : /* istanbul ignore next */ []));
-    _hasItems = signal(false, ...(ngDevMode ? [{ debugName: "_hasItems" }] : /* istanbul ignore next */ []));
-    _hasContent = signal(false, ...(ngDevMode ? [{ debugName: "_hasContent" }] : /* istanbul ignore next */ []));
+    _title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : []));
+    _id = signal(`default-${nextId++}`, ...(ngDevMode ? [{ debugName: "_id" }] : []));
+    _icon = signal('', ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _iconClass = signal('', ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
+    _imageUrl = signal('', ...(ngDevMode ? [{ debugName: "_imageUrl" }] : []));
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : []));
+    _content = signal(undefined, ...(ngDevMode ? [{ debugName: "_content" }] : []));
+    _items = signal(undefined, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+    _template = signal(undefined, ...(ngDevMode ? [{ debugName: "_template" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _state = signal('inactive', ...(ngDevMode ? [{ debugName: "_state" }] : []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : []));
+    _wrapperFocused = signal(false, ...(ngDevMode ? [{ debugName: "_wrapperFocused" }] : []));
+    _keepContent = signal(false, ...(ngDevMode ? [{ debugName: "_keepContent" }] : []));
+    _contentHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_contentHeight" }] : []));
+    _contentOverflow = signal(undefined, ...(ngDevMode ? [{ debugName: "_contentOverflow" }] : []));
+    _hasChildItems = signal(false, ...(ngDevMode ? [{ debugName: "_hasChildItems" }] : []));
+    _hasItems = signal(false, ...(ngDevMode ? [{ debugName: "_hasItems" }] : []));
+    _hasContent = signal(false, ...(ngDevMode ? [{ debugName: "_hasContent" }] : []));
     level;
     constructor(parent, eventService, element, renderer) {
         this.parent = parent;
@@ -711,8 +711,8 @@ class PanelBarItemComponent {
     onWrapperFocusChange(focused) {
         this.wrapperFocused = focused;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: PanelBarItemComponent, isStandalone: true, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: PanelBarItemComponent, isStandalone: true, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
             <span
               #header
               [class.k-link]="true"
@@ -868,7 +868,7 @@ class PanelBarItemComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [PanelBarItemComponent, NgTemplateOutlet]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarItemComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [
@@ -1129,10 +1129,10 @@ class PanelBarItemTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: PanelBarItemTemplateDirective, isStandalone: true, selector: "[kendoPanelBarItemTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: PanelBarItemTemplateDirective, isStandalone: true, selector: "[kendoPanelBarItemTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPanelBarItemTemplate]',
@@ -1396,12 +1396,12 @@ class PanelBarComponent {
     childrenItems;
     isViewInit = true;
     focused = false;
-    _expandMode = signal(PanelBarExpandMode.Default, ...(ngDevMode ? [{ debugName: "_expandMode" }] : /* istanbul ignore next */ []));
-    _selectable = signal(true, ...(ngDevMode ? [{ debugName: "_selectable" }] : /* istanbul ignore next */ []));
-    _animate = signal(true, ...(ngDevMode ? [{ debugName: "_animate" }] : /* istanbul ignore next */ []));
-    _height = signal('400px', ...(ngDevMode ? [{ debugName: "_height" }] : /* istanbul ignore next */ []));
-    _items = signal(undefined, ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
-    _keepItemContent = signal(false, ...(ngDevMode ? [{ debugName: "_keepItemContent" }] : /* istanbul ignore next */ []));
+    _expandMode = signal(PanelBarExpandMode.Default, ...(ngDevMode ? [{ debugName: "_expandMode" }] : []));
+    _selectable = signal(true, ...(ngDevMode ? [{ debugName: "_selectable" }] : []));
+    _animate = signal(true, ...(ngDevMode ? [{ debugName: "_animate" }] : []));
+    _height = signal('400px', ...(ngDevMode ? [{ debugName: "_height" }] : []));
+    _items = signal(undefined, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+    _keepItemContent = signal(false, ...(ngDevMode ? [{ debugName: "_keepItemContent" }] : []));
     elementRef;
     eventService;
     keyBindings;
@@ -1777,8 +1777,8 @@ class PanelBarComponent {
         });
         return flattedItems;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: PanelBarService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: PanelBarComponent, isStandalone: true, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "attr.aria-activedescendant": "this.activeDescendant", "style.height": "this.hostHeight", "style.overflow": "this.overflow", "attr.dir": "this.dir" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: PanelBarService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: PanelBarComponent, isStandalone: true, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "attr.aria-activedescendant": "this.activeDescendant", "style.height": "this.hostHeight", "style.overflow": "this.overflow", "attr.dir": "this.dir" } }, providers: [
             PanelBarService,
             LocalizationService,
             {
@@ -1818,7 +1818,7 @@ class PanelBarComponent {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPanelbar',
@@ -2167,10 +2167,10 @@ class SplitterService {
             this.zone.run(() => emitter.emit(args));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.NgZone }] });
 
@@ -2421,20 +2421,20 @@ class SplitterPaneComponent {
      * @hidden
      */
     isResized = false;
-    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
-    _order = signal(undefined, ...(ngDevMode ? [{ debugName: "_order" }] : /* istanbul ignore next */ []));
-    _splitterBarAttributes = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitterBarAttributes" }] : /* istanbul ignore next */ []));
-    _splitterBarClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitterBarClass" }] : /* istanbul ignore next */ []));
-    _min = signal(undefined, ...(ngDevMode ? [{ debugName: "_min" }] : /* istanbul ignore next */ []));
-    _max = signal(undefined, ...(ngDevMode ? [{ debugName: "_max" }] : /* istanbul ignore next */ []));
-    _collapsed = signal(false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : /* istanbul ignore next */ []));
-    _forceExpand = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpand" }] : /* istanbul ignore next */ []));
-    _resizable = signal(true, ...(ngDevMode ? [{ debugName: "_resizable" }] : /* istanbul ignore next */ []));
-    _collapsible = signal(false, ...(ngDevMode ? [{ debugName: "_collapsible" }] : /* istanbul ignore next */ []));
-    _scrollable = signal(true, ...(ngDevMode ? [{ debugName: "_scrollable" }] : /* istanbul ignore next */ []));
-    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _containsSplitter = signal(false, ...(ngDevMode ? [{ debugName: "_containsSplitter" }] : /* istanbul ignore next */ []));
-    _overlayContent = signal(false, ...(ngDevMode ? [{ debugName: "_overlayContent" }] : /* istanbul ignore next */ []));
+    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    _order = signal(undefined, ...(ngDevMode ? [{ debugName: "_order" }] : []));
+    _splitterBarAttributes = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitterBarAttributes" }] : []));
+    _splitterBarClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitterBarClass" }] : []));
+    _min = signal(undefined, ...(ngDevMode ? [{ debugName: "_min" }] : []));
+    _max = signal(undefined, ...(ngDevMode ? [{ debugName: "_max" }] : []));
+    _collapsed = signal(false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+    _forceExpand = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpand" }] : []));
+    _resizable = signal(true, ...(ngDevMode ? [{ debugName: "_resizable" }] : []));
+    _collapsible = signal(false, ...(ngDevMode ? [{ debugName: "_collapsible" }] : []));
+    _scrollable = signal(true, ...(ngDevMode ? [{ debugName: "_scrollable" }] : []));
+    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _containsSplitter = signal(false, ...(ngDevMode ? [{ debugName: "_containsSplitter" }] : []));
+    _overlayContent = signal(false, ...(ngDevMode ? [{ debugName: "_overlayContent" }] : []));
     constructor(element, renderer, cdr, splitterService) {
         this.element = element;
         this.renderer = renderer;
@@ -2497,8 +2497,8 @@ class SplitterPaneComponent {
             this.renderer.removeClass(this.nativeElement, 'k-pane-static');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: SplitterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: SplitterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
         @if (!collapsed) {
           <ng-content></ng-content>
         }
@@ -2507,7 +2507,7 @@ class SplitterPaneComponent {
         }
         `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterPaneComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-splitter-pane',
@@ -2643,10 +2643,10 @@ class SplitterBarComponent {
         return this._htmlAttributes();
     }
     subscriptions = new Subscription();
-    _htmlAttributes = signal(null, ...(ngDevMode ? [{ debugName: "_htmlAttributes" }] : /* istanbul ignore next */ []));
-    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _index = signal(0, ...(ngDevMode ? [{ debugName: "_index" }] : /* istanbul ignore next */ []));
-    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    _htmlAttributes = signal(null, ...(ngDevMode ? [{ debugName: "_htmlAttributes" }] : []));
+    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _index = signal(0, ...(ngDevMode ? [{ debugName: "_index" }] : []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : []));
     parsedAttributes = {};
     get defaultAttributes() {
         return {
@@ -2813,8 +2813,8 @@ class SplitterBarComponent {
         const attributesToRender = { ...this.mutableAttributes, ...this.parsedAttributes };
         setHTMLAttributes(attributesToRender, this.renderer, this.element.nativeElement);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: SplitterBarComponent, isStandalone: true, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index", htmlAttributes: "htmlAttributes" }, host: { properties: { "attr.role": "this.ariaRole", "attr.aria-label": "this.ariaLabel", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: SplitterBarComponent, isStandalone: true, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index", htmlAttributes: "htmlAttributes" }, host: { properties: { "attr.role": "this.ariaRole", "attr.aria-label": "this.ariaLabel", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
         @if (shouldShowIcon('prev')) {
           <div class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
@@ -2836,7 +2836,7 @@ class SplitterBarComponent {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-splitter-bar',
@@ -3013,9 +3013,9 @@ class SplitterComponent {
      * @hidden
      */
     panes;
-    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _splitbarWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitbarWidth" }] : /* istanbul ignore next */ []));
-    _splitterBarClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitterBarClass" }] : /* istanbul ignore next */ []));
+    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _splitbarWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitbarWidth" }] : []));
+    _splitterBarClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitterBarClass" }] : []));
     paneChangesSubscription;
     _styleObserver;
     constructor(element, splitterService, localization, renderer, ngZone, cdr, enclosingPane) {
@@ -3103,8 +3103,8 @@ class SplitterComponent {
     setFixedHeight() {
         this.splitterService.fixedHeight = getComputedStyle(this.element.nativeElement).getPropertyValue('height') !== 'auto';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: SplitterComponent, isStandalone: true, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep", splitterBarClass: "splitterBarClass" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: SplitterComponent, isStandalone: true, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep", splitterBarClass: "splitterBarClass" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
             SplitterService,
             LocalizationService,
             {
@@ -3132,7 +3132,7 @@ class SplitterComponent {
       }
       `, isInline: true, dependencies: [{ kind: "component", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index", "htmlAttributes"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-splitter',
@@ -3232,10 +3232,10 @@ class TabContentDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TabContentDirective, isStandalone: true, selector: "[kendoTabContent]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TabContentDirective, isStandalone: true, selector: "[kendoTabContent]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTabContent]',
@@ -3264,10 +3264,10 @@ class TabTitleDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TabTitleDirective, isStandalone: true, selector: "[kendoTabTitle]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TabTitleDirective, isStandalone: true, selector: "[kendoTabTitle]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTabTitle]',
@@ -3283,10 +3283,10 @@ class TabTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TabTemplateDirective, isStandalone: true, selector: "[kendoTabTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TabTemplateDirective, isStandalone: true, selector: "[kendoTabTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTabTemplate]',
@@ -3378,15 +3378,15 @@ class TabStripTabComponent {
     _tabContent = new QueryList();
     // guards against nested tabstrip components; `descendants` is not defined by default;
     _tabTitleDirective;
-    _title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : /* istanbul ignore next */ []));
-    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    _cssClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_cssClass" }] : /* istanbul ignore next */ []));
-    _cssStyle = signal(undefined, ...(ngDevMode ? [{ debugName: "_cssStyle" }] : /* istanbul ignore next */ []));
-    _selected = signal(undefined, ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
-    _closable = signal(undefined, ...(ngDevMode ? [{ debugName: "_closable" }] : /* istanbul ignore next */ []));
-    _closeIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeIcon" }] : /* istanbul ignore next */ []));
-    _closeIconClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeIconClass" }] : /* istanbul ignore next */ []));
-    _closeSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeSVGIcon" }] : /* istanbul ignore next */ []));
+    _title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : []));
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _cssClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_cssClass" }] : []));
+    _cssStyle = signal(undefined, ...(ngDevMode ? [{ debugName: "_cssStyle" }] : []));
+    _selected = signal(undefined, ...(ngDevMode ? [{ debugName: "_selected" }] : []));
+    _closable = signal(undefined, ...(ngDevMode ? [{ debugName: "_closable" }] : []));
+    _closeIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeIcon" }] : []));
+    _closeIconClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeIconClass" }] : []));
+    _closeSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeSVGIcon" }] : []));
     /**
      * @hidden
      *
@@ -3395,11 +3395,11 @@ class TabStripTabComponent {
      */
     set focused(value) { this._focused.set(value); }
     get focused() { return this._focused(); }
-    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: TabStripTabComponent, isStandalone: true, selector: "kendo-tabstrip-tab", inputs: { title: "title", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", selected: "selected", closable: "closable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon" }, queries: [{ propertyName: "_tabDirective", predicate: TabTemplateDirective }, { propertyName: "_tabContent", predicate: TabContentDirective }, { propertyName: "_tabTitleDirective", predicate: TabTitleDirective }], exportAs: ["kendoTabStripTab"], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: TabStripTabComponent, isStandalone: true, selector: "kendo-tabstrip-tab", inputs: { title: "title", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", selected: "selected", closable: "closable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon" }, queries: [{ propertyName: "_tabDirective", predicate: TabTemplateDirective }, { propertyName: "_tabContent", predicate: TabContentDirective }, { propertyName: "_tabTitleDirective", predicate: TabTitleDirective }], exportAs: ["kendoTabStripTab"], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tabstrip-tab',
@@ -3753,10 +3753,10 @@ class TabStripService {
         }
         return selectedIndex + 1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
@@ -3944,10 +3944,10 @@ class ScrollService {
         this.scrollButtonActiveStateChange.next({ buttonType, active });
     }
     isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.host.nativeElement.classList.contains('k-disabled');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.LocalizationService }] });
 
@@ -4010,9 +4010,9 @@ class TabStripScrollableButtonComponent {
     chevronUpIcon = chevronUpIcon;
     chevronDownIcon = chevronDownIcon;
     subs = new Subscription();
-    _prev = signal(false, ...(ngDevMode ? [{ debugName: "_prev" }] : /* istanbul ignore next */ []));
-    _tabPosition = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabPosition" }] : /* istanbul ignore next */ []));
-    _scrollable = signal(undefined, ...(ngDevMode ? [{ debugName: "_scrollable" }] : /* istanbul ignore next */ []));
+    _prev = signal(false, ...(ngDevMode ? [{ debugName: "_prev" }] : []));
+    _tabPosition = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabPosition" }] : []));
+    _scrollable = signal(undefined, ...(ngDevMode ? [{ debugName: "_scrollable" }] : []));
     constructor(host, renderer, ngZone, localization) {
         this.host = host;
         this.renderer = renderer;
@@ -4111,8 +4111,8 @@ class TabStripScrollableButtonComponent {
         this.tabScroll.emit(scrollEvent);
         return scrollEvent;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: TabStripScrollableButtonComponent, isStandalone: true, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "attr.aria-hidden": "this.ariaHidden", "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: TabStripScrollableButtonComponent, isStandalone: true, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "attr.aria-hidden": "this.ariaHidden", "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
         <kendo-icon-wrapper
             [name]="iconClass"
             [customFontClass]="customIconClass"
@@ -4122,7 +4122,7 @@ class TabStripScrollableButtonComponent {
         </kendo-icon-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -4178,12 +4178,12 @@ class TabComponent {
     set closeSVGIcon(value) { this._closeSVGIcon.set(value); }
     get closeSVGIcon() { return this._closeSVGIcon(); }
     tabClose = new EventEmitter();
-    _tab = signal(undefined, ...(ngDevMode ? [{ debugName: "_tab" }] : /* istanbul ignore next */ []));
-    _index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : /* istanbul ignore next */ []));
-    _tabStripClosable = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabStripClosable" }] : /* istanbul ignore next */ []));
-    _tabStripCloseIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabStripCloseIcon" }] : /* istanbul ignore next */ []));
-    _customTabstripCloseIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_customTabstripCloseIcon" }] : /* istanbul ignore next */ []));
-    _closeSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeSVGIcon" }] : /* istanbul ignore next */ []));
+    _tab = signal(undefined, ...(ngDevMode ? [{ debugName: "_tab" }] : []));
+    _index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : []));
+    _tabStripClosable = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabStripClosable" }] : []));
+    _tabStripCloseIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabStripCloseIcon" }] : []));
+    _customTabstripCloseIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_customTabstripCloseIcon" }] : []));
+    _closeSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeSVGIcon" }] : []));
     hostClasses = true;
     get activeClass() {
         return this.tab.selected || null;
@@ -4241,8 +4241,8 @@ class TabComponent {
         const closeArgs = new TabCloseEvent(index, this.tab);
         this.tabClose.emit(closeArgs);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-tabstrip-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-tabstrip-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
         @if (!tab.tabTemplate) {
           @if (!tab.tabTitle) {
             <span class="k-link">
@@ -4270,7 +4270,7 @@ class TabComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTabStripTab]',
@@ -4373,13 +4373,13 @@ class TabStripMessages extends ComponentMessages {
     get nextTabButton() {
         return this._nextTabButton();
     }
-    _closeTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeTitle" }] : /* istanbul ignore next */ []));
-    _previousTabButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_previousTabButton" }] : /* istanbul ignore next */ []));
-    _nextTabButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_nextTabButton" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TabStripMessages, isStandalone: true, selector: "kendo-tabstrip-messages-base", inputs: { closeTitle: "closeTitle", previousTabButton: "previousTabButton", nextTabButton: "nextTabButton" }, usesInheritance: true, ngImport: i0 });
+    _closeTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeTitle" }] : []));
+    _previousTabButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_previousTabButton" }] : []));
+    _nextTabButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_nextTabButton" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TabStripMessages, isStandalone: true, selector: "kendo-tabstrip-messages-base", inputs: { closeTitle: "closeTitle", previousTabButton: "previousTabButton", nextTabButton: "nextTabButton" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripMessages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-tabstrip-messages-base'
@@ -4401,15 +4401,15 @@ class LocalizedTabStripMessagesDirective extends TabStripMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedTabStripMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: LocalizedTabStripMessagesDirective, isStandalone: true, selector: "[kendoTabStripLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedTabStripMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedTabStripMessagesDirective, isStandalone: true, selector: "[kendoTabStripLocalizedMessages]", providers: [
             {
                 provide: TabStripMessages,
                 useExisting: forwardRef(() => LocalizedTabStripMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedTabStripMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedTabStripMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -4653,23 +4653,23 @@ class TabStripComponent {
      * @hidden
      */
     licenseMessage;
-    _height = signal(undefined, ...(ngDevMode ? [{ debugName: "_height" }] : /* istanbul ignore next */ []));
-    _scrollableSettings = signal(normalizeScrollableSettings(false), ...(ngDevMode ? [{ debugName: "_scrollableSettings" }] : /* istanbul ignore next */ []));
+    _height = signal(undefined, ...(ngDevMode ? [{ debugName: "_height" }] : []));
+    _scrollableSettings = signal(normalizeScrollableSettings(false), ...(ngDevMode ? [{ debugName: "_scrollableSettings" }] : []));
     subscriptions = new Subscription();
     subscriptionsArePresent = false;
-    _closeSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeSVGIcon" }] : /* istanbul ignore next */ []));
+    _closeSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeSVGIcon" }] : []));
     tabStripId = guid();
     tabsChangesSub;
     activeStateChangeSub;
-    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
-    _animate = signal(true, ...(ngDevMode ? [{ debugName: "_animate" }] : /* istanbul ignore next */ []));
-    _tabAlignment = signal('start', ...(ngDevMode ? [{ debugName: "_tabAlignment" }] : /* istanbul ignore next */ []));
-    _tabPosition = signal('top', ...(ngDevMode ? [{ debugName: "_tabPosition" }] : /* istanbul ignore next */ []));
-    _keepTabContent = signal(false, ...(ngDevMode ? [{ debugName: "_keepTabContent" }] : /* istanbul ignore next */ []));
-    _closable = signal(false, ...(ngDevMode ? [{ debugName: "_closable" }] : /* istanbul ignore next */ []));
-    _closeIcon = signal('x', ...(ngDevMode ? [{ debugName: "_closeIcon" }] : /* istanbul ignore next */ []));
-    _closeIconClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeIconClass" }] : /* istanbul ignore next */ []));
-    _showContentArea = signal(true, ...(ngDevMode ? [{ debugName: "_showContentArea" }] : /* istanbul ignore next */ []));
+    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    _animate = signal(true, ...(ngDevMode ? [{ debugName: "_animate" }] : []));
+    _tabAlignment = signal('start', ...(ngDevMode ? [{ debugName: "_tabAlignment" }] : []));
+    _tabPosition = signal('top', ...(ngDevMode ? [{ debugName: "_tabPosition" }] : []));
+    _keepTabContent = signal(false, ...(ngDevMode ? [{ debugName: "_keepTabContent" }] : []));
+    _closable = signal(false, ...(ngDevMode ? [{ debugName: "_closable" }] : []));
+    _closeIcon = signal('x', ...(ngDevMode ? [{ debugName: "_closeIcon" }] : []));
+    _closeIconClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_closeIconClass" }] : []));
+    _showContentArea = signal(true, ...(ngDevMode ? [{ debugName: "_showContentArea" }] : []));
     constructor(localization, renderer, wrapper, tabstripService, scrollService, ngZone, injector, cdr) {
         this.localization = localization;
         this.renderer = renderer;
@@ -4926,8 +4926,8 @@ class TabStripComponent {
             this.renderer.addClass(wrapper, 'k-tabstrip-scrollable-end');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TabStripService }, { token: ScrollService }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable", "class.k-tabstrip-scrollable-overlay": "this.tabStripScrollableOverlay" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TabStripService }, { token: ScrollService }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable", "class.k-tabstrip-scrollable-overlay": "this.tabStripScrollableOverlay" } }, providers: [
             TabStripService,
             ScrollService,
             LocalizationService,
@@ -5107,7 +5107,7 @@ class TabStripComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [NgTemplateOutlet, NgClass]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tabstrip',
@@ -5390,15 +5390,15 @@ class TabStripCustomMessagesComponent extends TabStripMessages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: TabStripCustomMessagesComponent, isStandalone: true, selector: "kendo-tabstrip-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: TabStripCustomMessagesComponent, isStandalone: true, selector: "kendo-tabstrip-messages", providers: [
             {
                 provide: TabStripMessages,
                 useExisting: forwardRef(() => TabStripCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -5438,10 +5438,10 @@ class DrawerTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: DrawerTemplateDirective, isStandalone: true, selector: "[kendoDrawerTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: DrawerTemplateDirective, isStandalone: true, selector: "[kendoDrawerTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerTemplate]',
@@ -5477,10 +5477,10 @@ class DrawerItemTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: DrawerItemTemplateDirective, isStandalone: true, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: DrawerItemTemplateDirective, isStandalone: true, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerItemTemplate]',
@@ -5508,10 +5508,10 @@ class DrawerHeaderTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: DrawerHeaderTemplateDirective, isStandalone: true, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: DrawerHeaderTemplateDirective, isStandalone: true, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerHeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerHeaderTemplate]',
@@ -5539,10 +5539,10 @@ class DrawerFooterTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: DrawerFooterTemplateDirective, isStandalone: true, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: DrawerFooterTemplateDirective, isStandalone: true, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerFooterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerFooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerFooterTemplate]',
@@ -5646,10 +5646,10 @@ class DrawerService {
     resetSelection() {
         this.selectedIndices = [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerService, decorators: [{
             type: Injectable
         }] });
 
@@ -5753,8 +5753,8 @@ class DrawerItemComponent {
     get item() {
         return this.viewItem.item;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerItemComponent, deps: [{ token: DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: DrawerItemComponent, isStandalone: true, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerItemComponent, deps: [{ token: DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: DrawerItemComponent, isStandalone: true, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
         @if (itemTemplate) {
           <ng-template
             [ngTemplateOutlet]="itemTemplate"
@@ -5804,7 +5804,7 @@ class DrawerItemComponent {
         
         `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoDrawerItem]',
@@ -5991,10 +5991,10 @@ class DrawerListComponent {
             return itemIndex(item, DRAWER_ITEM_INDEX);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerListComponent, deps: [{ token: DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select", viewChange: "viewChange" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n        @for (v of view; track identifyItem(idx, v); let idx = $index) {\n          @if (!v.item.separator) {\n            <li kendoDrawerItem\n              class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n              role=\"menuitem\"\n              [viewItem]=\"v\"\n              [index]=\"idx\"\n              [mini]=\"mini\"\n              [expanded]=\"expanded\"\n              [itemTemplate]=\"itemTemplate\"\n              [attr.data-kendo-drawer-index]=\"v.index\"\n              [ngClass]=\"v.item.cssClass\"\n              [ngStyle]=\"v.item.cssStyle\"\n              [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n            </li>\n          }\n          @if (v.item.separator) {\n            <li\n              role=\"separator\"\n              class=\"k-drawer-item k-drawer-separator\"\n              [ngClass]=\"v.item.cssClass\"\n              [ngStyle]=\"v.item.cssStyle\">\n            </li>\n          }\n        }\n        ", isInline: true, dependencies: [{ kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerListComponent, deps: [{ token: DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select", viewChange: "viewChange" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n        @for (v of view; track identifyItem(idx, v); let idx = $index) {\n          @if (!v.item.separator) {\n            <li kendoDrawerItem\n              class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n              role=\"menuitem\"\n              [viewItem]=\"v\"\n              [index]=\"idx\"\n              [mini]=\"mini\"\n              [expanded]=\"expanded\"\n              [itemTemplate]=\"itemTemplate\"\n              [attr.data-kendo-drawer-index]=\"v.index\"\n              [ngClass]=\"v.item.cssClass\"\n              [ngStyle]=\"v.item.cssStyle\"\n              [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n            </li>\n          }\n          @if (v.item.separator) {\n            <li\n              role=\"separator\"\n              class=\"k-drawer-item k-drawer-separator\"\n              [ngClass]=\"v.item.cssClass\"\n              [ngStyle]=\"v.item.cssStyle\">\n            </li>\n          }\n        }\n        ", isInline: true, dependencies: [{ kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoDrawerList]',
@@ -6249,16 +6249,16 @@ class DrawerComponent {
      */
     licenseMessage;
     viewItems;
-    _mode = signal('overlay', ...(ngDevMode ? [{ debugName: "_mode" }] : /* istanbul ignore next */ []));
-    _position = signal('start', ...(ngDevMode ? [{ debugName: "_position" }] : /* istanbul ignore next */ []));
-    _mini = signal(false, ...(ngDevMode ? [{ debugName: "_mini" }] : /* istanbul ignore next */ []));
-    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : /* istanbul ignore next */ []));
-    _width = signal(240, ...(ngDevMode ? [{ debugName: "_width" }] : /* istanbul ignore next */ []));
-    _miniWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_miniWidth" }] : /* istanbul ignore next */ []));
-    _autoCollapse = signal(true, ...(ngDevMode ? [{ debugName: "_autoCollapse" }] : /* istanbul ignore next */ []));
-    _items = signal([], ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
-    _animation = signal(DEFAULT_ANIMATION, ...(ngDevMode ? [{ debugName: "_animation" }] : /* istanbul ignore next */ []));
-    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : /* istanbul ignore next */ []));
+    _mode = signal('overlay', ...(ngDevMode ? [{ debugName: "_mode" }] : []));
+    _position = signal('start', ...(ngDevMode ? [{ debugName: "_position" }] : []));
+    _mini = signal(false, ...(ngDevMode ? [{ debugName: "_mini" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _width = signal(240, ...(ngDevMode ? [{ debugName: "_width" }] : []));
+    _miniWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_miniWidth" }] : []));
+    _autoCollapse = signal(true, ...(ngDevMode ? [{ debugName: "_autoCollapse" }] : []));
+    _items = signal([], ...(ngDevMode ? [{ debugName: "_items" }] : []));
+    _animation = signal(DEFAULT_ANIMATION, ...(ngDevMode ? [{ debugName: "_animation" }] : []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
     pendingToggle = null;
     animatingViaToggle = false;
     dynamicRTLSubscription;
@@ -6401,8 +6401,8 @@ class DrawerComponent {
         this.expanded = value;
         this.expandedChange.emit(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerComponent, deps: [{ token: i1.LocalizationService }, { token: DrawerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: DrawerComponent, isStandalone: true, selector: "kendo-drawer", inputs: { mode: "mode", position: "position", mini: "mini", expanded: "expanded", width: "width", miniWidth: "miniWidth", autoCollapse: "autoCollapse", items: "items", isItemExpanded: "isItemExpanded", animation: "animation" }, outputs: { expand: "expand", collapse: "collapse", select: "select", expandedChange: "expandedChange" }, host: { properties: { "class.k-drawer": "this.hostClasses", "class.k-drawer-start": "this.startPositionClass", "class.k-drawer-end": "this.endPositionClass", "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerComponent, deps: [{ token: i1.LocalizationService }, { token: DrawerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: DrawerComponent, isStandalone: true, selector: "kendo-drawer", inputs: { mode: "mode", position: "position", mini: "mini", expanded: "expanded", width: "width", miniWidth: "miniWidth", autoCollapse: "autoCollapse", items: "items", isItemExpanded: "isItemExpanded", animation: "animation" }, outputs: { expand: "expand", collapse: "collapse", select: "select", expandedChange: "expandedChange" }, host: { properties: { "class.k-drawer": "this.hostClasses", "class.k-drawer-start": "this.startPositionClass", "class.k-drawer-end": "this.endPositionClass", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             DrawerService,
             {
@@ -6451,7 +6451,7 @@ class DrawerComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select", "viewChange"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoDrawer',
@@ -6605,7 +6605,7 @@ class DrawerContainerComponent {
      * @hidden
      */
     drawer;
-    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : /* istanbul ignore next */ []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
     dynamicRTLSubscription;
     constructor(localizationService) {
         this.localizationService = localizationService;
@@ -6634,8 +6634,8 @@ class DrawerContainerComponent {
             this.drawer.toggle(false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: DrawerContainerComponent, isStandalone: true, selector: "kendo-drawer-container", host: { properties: { "class.k-drawer-container": "this.hostClass", "class.k-drawer-overlay": "this.overlayClass", "class.k-drawer-mini": "this.miniClass", "class.k-drawer-push": "this.pushClass", "class.k-drawer-expanded": "this.isExpandedClass", "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: DrawerContainerComponent, isStandalone: true, selector: "kendo-drawer-container", host: { properties: { "class.k-drawer-container": "this.hostClass", "class.k-drawer-overlay": "this.overlayClass", "class.k-drawer-mini": "this.miniClass", "class.k-drawer-push": "this.pushClass", "class.k-drawer-expanded": "this.isExpandedClass", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -6648,7 +6648,7 @@ class DrawerContainerComponent {
         <ng-content></ng-content>
         `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-drawer-container',
@@ -6705,12 +6705,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
 class DrawerContentComponent {
     hostClasses = true;
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: DrawerContentComponent, isStandalone: true, selector: "kendo-drawer-content", host: { properties: { "class.k-drawer-content": "this.hostClasses" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: DrawerContentComponent, isStandalone: true, selector: "kendo-drawer-content", host: { properties: { "class.k-drawer-content": "this.hostClasses" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-drawer-content',
@@ -6776,10 +6776,10 @@ class StepperStepTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperStepTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: StepperStepTemplateDirective, isStandalone: true, selector: "[kendoStepperStepTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperStepTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: StepperStepTemplateDirective, isStandalone: true, selector: "[kendoStepperStepTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperStepTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperStepTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoStepperStepTemplate]',
@@ -6808,10 +6808,10 @@ class StepperLabelTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperLabelTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: StepperLabelTemplateDirective, isStandalone: true, selector: "[kendoStepperLabelTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperLabelTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: StepperLabelTemplateDirective, isStandalone: true, selector: "[kendoStepperLabelTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperLabelTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperLabelTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoStepperLabelTemplate]',
@@ -6840,10 +6840,10 @@ class StepperIndicatorTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: StepperIndicatorTemplateDirective, isStandalone: true, selector: "[kendoStepperIndicatorTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: StepperIndicatorTemplateDirective, isStandalone: true, selector: "[kendoStepperIndicatorTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperIndicatorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperIndicatorTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoStepperIndicatorTemplate]',
@@ -6916,7 +6916,7 @@ class StepperService {
     get handlers() {
         return this.localization.rtl ? handlersRTL : handlers;
     }
-    _focusedStep = signal(undefined, ...(ngDevMode ? [{ debugName: "_focusedStep" }] : /* istanbul ignore next */ []));
+    _focusedStep = signal(undefined, ...(ngDevMode ? [{ debugName: "_focusedStep" }] : []));
     constructor(localization, ngZone) {
         this.localization = localization;
         this.ngZone = ngZone;
@@ -7026,10 +7026,10 @@ class StepperService {
     get isHorizontal() {
         return this.owner.orientation === 'horizontal';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.NgZone }] });
 
@@ -7077,20 +7077,20 @@ class StepperStepComponent {
     get shouldCheckValidity() { return this._shouldCheckValidityState(); }
     checkCircleIcon = checkCircleIcon;
     exclamationCircleIcon = exclamationCircleIcon;
-    _step = signal(undefined, ...(ngDevMode ? [{ debugName: "_step" }] : /* istanbul ignore next */ []));
-    _index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : /* istanbul ignore next */ []));
-    _current = signal(undefined, ...(ngDevMode ? [{ debugName: "_current" }] : /* istanbul ignore next */ []));
-    _type = signal(undefined, ...(ngDevMode ? [{ debugName: "_type" }] : /* istanbul ignore next */ []));
-    _successIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successIcon" }] : /* istanbul ignore next */ []));
-    _successSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successSVGIcon" }] : /* istanbul ignore next */ []));
-    _errorIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorIcon" }] : /* istanbul ignore next */ []));
-    _errorSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorSVGIcon" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _indicatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_indicatorTemplate" }] : /* istanbul ignore next */ []));
-    _labelTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_labelTemplate" }] : /* istanbul ignore next */ []));
-    _stepTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_stepTemplate" }] : /* istanbul ignore next */ []));
-    _isStepValid = signal(undefined, ...(ngDevMode ? [{ debugName: "_isStepValid" }] : /* istanbul ignore next */ []));
-    _shouldCheckValidityState = signal(undefined, ...(ngDevMode ? [{ debugName: "_shouldCheckValidityState" }] : /* istanbul ignore next */ []));
+    _step = signal(undefined, ...(ngDevMode ? [{ debugName: "_step" }] : []));
+    _index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : []));
+    _current = signal(undefined, ...(ngDevMode ? [{ debugName: "_current" }] : []));
+    _type = signal(undefined, ...(ngDevMode ? [{ debugName: "_type" }] : []));
+    _successIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successIcon" }] : []));
+    _successSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successSVGIcon" }] : []));
+    _errorIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorIcon" }] : []));
+    _errorSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorSVGIcon" }] : []));
+    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _indicatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_indicatorTemplate" }] : []));
+    _labelTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_labelTemplate" }] : []));
+    _stepTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_stepTemplate" }] : []));
+    _isStepValid = signal(undefined, ...(ngDevMode ? [{ debugName: "_isStepValid" }] : []));
+    _shouldCheckValidityState = signal(undefined, ...(ngDevMode ? [{ debugName: "_shouldCheckValidityState" }] : []));
     subs;
     constructor(service, localization, ngZone) {
         this.service = service;
@@ -7250,8 +7250,8 @@ class StepperStepComponent {
             this._isStepValid.set(this.updateStepValidity());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperStepComponent, deps: [{ token: StepperService }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: StepperStepComponent, isStandalone: true, selector: "[kendoStepperStep]", inputs: { step: "step", index: "index", current: "current", type: "type", successIcon: "successIcon", successSVGIcon: "successSVGIcon", errorIcon: "errorIcon", errorSVGIcon: "errorSVGIcon", svgIcon: "svgIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, host: { properties: { "class.k-step-error": "this.errorStepClass", "class.k-step-success": "this.successStepClass" } }, viewQueries: [{ propertyName: "stepLink", first: true, predicate: ["stepLink"], descendants: true, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperStepComponent, deps: [{ token: StepperService }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: StepperStepComponent, isStandalone: true, selector: "[kendoStepperStep]", inputs: { step: "step", index: "index", current: "current", type: "type", successIcon: "successIcon", successSVGIcon: "successSVGIcon", errorIcon: "errorIcon", errorSVGIcon: "errorSVGIcon", svgIcon: "svgIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, host: { properties: { "class.k-step-error": "this.errorStepClass", "class.k-step-success": "this.successStepClass" } }, viewQueries: [{ propertyName: "stepLink", first: true, predicate: ["stepLink"], descendants: true, static: true }], ngImport: i0, template: `
         <a href='#' class='k-step-link' #stepLink
           [attr.tabindex]='tabIndexAttr'
           [attr.title]='step.label'
@@ -7326,7 +7326,7 @@ class StepperStepComponent {
         </a>
         `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperStepComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoStepperStep]',
@@ -7479,19 +7479,19 @@ class StepperListComponent {
     get stepTemplate() { return this._stepTemplate(); }
     listKeydown = new EventEmitter();
     listClick = new EventEmitter();
-    _linear = signal(undefined, ...(ngDevMode ? [{ debugName: "_linear" }] : /* istanbul ignore next */ []));
-    _stepType = signal(undefined, ...(ngDevMode ? [{ debugName: "_stepType" }] : /* istanbul ignore next */ []));
-    _orientation = signal(undefined, ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _currentStep = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentStep" }] : /* istanbul ignore next */ []));
-    _steps = signal(undefined, ...(ngDevMode ? [{ debugName: "_steps" }] : /* istanbul ignore next */ []));
-    _successIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successIcon" }] : /* istanbul ignore next */ []));
-    _successSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successSVGIcon" }] : /* istanbul ignore next */ []));
-    _errorIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorIcon" }] : /* istanbul ignore next */ []));
-    _errorSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorSVGIcon" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _indicatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_indicatorTemplate" }] : /* istanbul ignore next */ []));
-    _labelTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_labelTemplate" }] : /* istanbul ignore next */ []));
-    _stepTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_stepTemplate" }] : /* istanbul ignore next */ []));
+    _linear = signal(undefined, ...(ngDevMode ? [{ debugName: "_linear" }] : []));
+    _stepType = signal(undefined, ...(ngDevMode ? [{ debugName: "_stepType" }] : []));
+    _orientation = signal(undefined, ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _currentStep = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentStep" }] : []));
+    _steps = signal(undefined, ...(ngDevMode ? [{ debugName: "_steps" }] : []));
+    _successIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successIcon" }] : []));
+    _successSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successSVGIcon" }] : []));
+    _errorIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorIcon" }] : []));
+    _errorSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorSVGIcon" }] : []));
+    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _indicatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_indicatorTemplate" }] : []));
+    _labelTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_labelTemplate" }] : []));
+    _stepTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_stepTemplate" }] : []));
     domSubs;
     constructor(renderer, ngZone, service, element) {
         this.renderer = renderer;
@@ -7567,10 +7567,10 @@ class StepperListComponent {
             return itemIndex(step, STEPPER_STEP_INDEX);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: StepperService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: StepperListComponent, isStandalone: true, selector: "[kendoStepperList]", inputs: { linear: "linear", stepType: "stepType", orientation: "orientation", currentStep: "currentStep", steps: "steps", successIcon: "successIcon", successSVGIcon: "successSVGIcon", errorIcon: "errorIcon", errorSVGIcon: "errorSVGIcon", svgIcon: "svgIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, outputs: { listKeydown: "listKeydown", listClick: "listClick" }, ngImport: i0, template: "\n        @for (step of steps; track step; let idx = $index) {\n          <li kendoStepperStep\n            [attr.data-kendo-stepper-index]='idx'\n            [type]='stepType'\n            [step]='step'\n            [index]='idx'\n            [current]='currentStep'\n            [successIcon]='successIcon'\n            [successSVGIcon]='successSVGIcon'\n            [errorIcon]='errorIcon'\n            [errorSVGIcon]='errorSVGIcon'\n            [svgIcon]='svgIcon'\n            [indicatorTemplate]='indicatorTemplate'\n            [labelTemplate]='labelTemplate'\n            [stepTemplate]='stepTemplate'\n            class='k-step'\n            [class.k-step-first]='idx === 0'\n            [class.k-step-last]='idx === steps.length - 1'\n            [class.k-step-done]='idx < currentStep'\n            [class.k-step-current]='idx === currentStep'\n            [class.k-step-optional]='step.optional'\n            [class.k-disabled]='step.disabled'\n            [class.k-focus]='idx === focusedStep || (!isPresent(focusedStep) && idx === currentStep)'\n            [ngClass]='step.cssClass'\n            [ngStyle]='step.cssStyle'\n            [style.max-width.%] = 'maxStepWidth'\n            [style.max-height.%] = 'maxStepHeight'\n            >\n          </li>\n        }\n        ", isInline: true, dependencies: [{ kind: "component", type: StepperStepComponent, selector: "[kendoStepperStep]", inputs: ["step", "index", "current", "type", "successIcon", "successSVGIcon", "errorIcon", "errorSVGIcon", "svgIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: StepperService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: StepperListComponent, isStandalone: true, selector: "[kendoStepperList]", inputs: { linear: "linear", stepType: "stepType", orientation: "orientation", currentStep: "currentStep", steps: "steps", successIcon: "successIcon", successSVGIcon: "successSVGIcon", errorIcon: "errorIcon", errorSVGIcon: "errorSVGIcon", svgIcon: "svgIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, outputs: { listKeydown: "listKeydown", listClick: "listClick" }, ngImport: i0, template: "\n        @for (step of steps; track step; let idx = $index) {\n          <li kendoStepperStep\n            [attr.data-kendo-stepper-index]='idx'\n            [type]='stepType'\n            [step]='step'\n            [index]='idx'\n            [current]='currentStep'\n            [successIcon]='successIcon'\n            [successSVGIcon]='successSVGIcon'\n            [errorIcon]='errorIcon'\n            [errorSVGIcon]='errorSVGIcon'\n            [svgIcon]='svgIcon'\n            [indicatorTemplate]='indicatorTemplate'\n            [labelTemplate]='labelTemplate'\n            [stepTemplate]='stepTemplate'\n            class='k-step'\n            [class.k-step-first]='idx === 0'\n            [class.k-step-last]='idx === steps.length - 1'\n            [class.k-step-done]='idx < currentStep'\n            [class.k-step-current]='idx === currentStep'\n            [class.k-step-optional]='step.optional'\n            [class.k-disabled]='step.disabled'\n            [class.k-focus]='idx === focusedStep || (!isPresent(focusedStep) && idx === currentStep)'\n            [ngClass]='step.cssClass'\n            [ngStyle]='step.cssStyle'\n            [style.max-width.%] = 'maxStepWidth'\n            [style.max-height.%] = 'maxStepHeight'\n            >\n          </li>\n        }\n        ", isInline: true, dependencies: [{ kind: "component", type: StepperStepComponent, selector: "[kendoStepperStep]", inputs: ["step", "index", "current", "type", "successIcon", "successSVGIcon", "errorIcon", "errorSVGIcon", "svgIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoStepperList]',
@@ -7655,11 +7655,11 @@ class StepperMessages extends ComponentMessages {
     get optional() {
         return this._optional();
     }
-    _optional = signal(undefined, ...(ngDevMode ? [{ debugName: "_optional" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: StepperMessages, isStandalone: true, selector: "kendo-stepper-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
+    _optional = signal(undefined, ...(ngDevMode ? [{ debugName: "_optional" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: StepperMessages, isStandalone: true, selector: "kendo-stepper-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperMessages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-stepper-messages-base'
@@ -7677,15 +7677,15 @@ class LocalizedStepperMessagesDirective extends StepperMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedStepperMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: LocalizedStepperMessagesDirective, isStandalone: true, selector: "\n      [kendoStepperLocalizedMessages]\n    ", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedStepperMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedStepperMessagesDirective, isStandalone: true, selector: "\n      [kendoStepperLocalizedMessages]\n    ", providers: [
             {
                 provide: StepperMessages,
                 useExisting: forwardRef(() => LocalizedStepperMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedStepperMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedStepperMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -7874,17 +7874,17 @@ class StepperComponent {
      */
     indicatorTemplate;
     dynamicRTLSubscription;
-    _steps = signal([], ...(ngDevMode ? [{ debugName: "_steps" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _stepType = signal('indicator', ...(ngDevMode ? [{ debugName: "_stepType" }] : /* istanbul ignore next */ []));
-    _linear = signal(true, ...(ngDevMode ? [{ debugName: "_linear" }] : /* istanbul ignore next */ []));
-    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _currentStep = signal(0, ...(ngDevMode ? [{ debugName: "_currentStep" }] : /* istanbul ignore next */ []));
-    _successSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successSVGIcon" }] : /* istanbul ignore next */ []));
-    _errorSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorSVGIcon" }] : /* istanbul ignore next */ []));
-    _successIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successIcon" }] : /* istanbul ignore next */ []));
-    _errorIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorIcon" }] : /* istanbul ignore next */ []));
-    _animation = signal(true, ...(ngDevMode ? [{ debugName: "_animation" }] : /* istanbul ignore next */ []));
+    _steps = signal([], ...(ngDevMode ? [{ debugName: "_steps" }] : []));
+    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _stepType = signal('indicator', ...(ngDevMode ? [{ debugName: "_stepType" }] : []));
+    _linear = signal(true, ...(ngDevMode ? [{ debugName: "_linear" }] : []));
+    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _currentStep = signal(0, ...(ngDevMode ? [{ debugName: "_currentStep" }] : []));
+    _successSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successSVGIcon" }] : []));
+    _errorSVGIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorSVGIcon" }] : []));
+    _successIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_successIcon" }] : []));
+    _errorIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_errorIcon" }] : []));
+    _animation = signal(true, ...(ngDevMode ? [{ debugName: "_animation" }] : []));
     _progressAnimation = computed(() => {
         const animation = this._animation();
         let duration;
@@ -7898,7 +7898,7 @@ class StepperComponent {
             duration = 0;
         }
         return { duration };
-    }, ...(ngDevMode ? [{ debugName: "_progressAnimation" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "_progressAnimation" }] : []));
     constructor(renderer, elem, localization, stepperService) {
         this.renderer = renderer;
         this.elem = elem;
@@ -8010,8 +8010,8 @@ class StepperComponent {
     get isHorizontal() {
         return this.orientation === 'horizontal';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: StepperService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: StepperComponent, isStandalone: true, selector: "kendo-stepper", inputs: { stepType: "stepType", linear: "linear", orientation: "orientation", currentStep: "currentStep", steps: "steps", svgIcon: "svgIcon", successSVGIcon: "successSVGIcon", errorSVGIcon: "errorSVGIcon", successIcon: "successIcon", errorIcon: "errorIcon", animation: "animation" }, outputs: { activate: "activate", currentStepChange: "currentStepChange" }, host: { properties: { "class.k-stepper": "this.hostClasses", "class.k-stepper-linear": "this.linearClass", "attr.role": "this.ariaRole", "attr.dir": "this.direction", "style.display": "this.displayStyle" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: StepperService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: StepperComponent, isStandalone: true, selector: "kendo-stepper", inputs: { stepType: "stepType", linear: "linear", orientation: "orientation", currentStep: "currentStep", steps: "steps", svgIcon: "svgIcon", successSVGIcon: "successSVGIcon", errorSVGIcon: "errorSVGIcon", successIcon: "successIcon", errorIcon: "errorIcon", animation: "animation" }, outputs: { activate: "activate", currentStepChange: "currentStepChange" }, host: { properties: { "class.k-stepper": "this.hostClasses", "class.k-stepper-linear": "this.linearClass", "attr.role": "this.ariaRole", "attr.dir": "this.direction", "style.display": "this.displayStyle" } }, providers: [
             LocalizationService,
             StepperService,
             {
@@ -8063,7 +8063,7 @@ class StepperComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedStepperMessagesDirective, selector: "\n      [kendoStepperLocalizedMessages]\n    " }, { kind: "component", type: StepperListComponent, selector: "[kendoStepperList]", inputs: ["linear", "stepType", "orientation", "currentStep", "steps", "successIcon", "successSVGIcon", "errorIcon", "errorSVGIcon", "svgIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"], outputs: ["listKeydown", "listClick"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation", "max"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }, { kind: "component", type: ProgressBarCustomMessagesComponent, selector: "kendo-progressbar-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-stepper',
@@ -8226,15 +8226,15 @@ class StepperCustomMessagesComponent extends StepperMessages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: StepperCustomMessagesComponent, isStandalone: true, selector: "kendo-stepper-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: StepperCustomMessagesComponent, isStandalone: true, selector: "kendo-stepper-messages", providers: [
             {
                 provide: StepperMessages,
                 useExisting: forwardRef(() => StepperCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -8262,11 +8262,11 @@ class Messages extends ComponentMessages {
     get avatarAlt() {
         return this._avatarAlt();
     }
-    _avatarAlt = signal(undefined, ...(ngDevMode ? [{ debugName: "_avatarAlt" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: Messages, isStandalone: true, selector: "kendoAvatarMessages", inputs: { avatarAlt: "avatarAlt" }, usesInheritance: true, ngImport: i0 });
+    _avatarAlt = signal(undefined, ...(ngDevMode ? [{ debugName: "_avatarAlt" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: Messages, isStandalone: true, selector: "kendoAvatarMessages", inputs: { avatarAlt: "avatarAlt" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendoAvatarMessages'
@@ -8285,15 +8285,15 @@ class LocalizedAvatarMessagesDirective extends Messages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedAvatarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: LocalizedAvatarMessagesDirective, isStandalone: true, selector: "[kendoAvatarLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedAvatarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedAvatarMessagesDirective, isStandalone: true, selector: "[kendoAvatarLocalizedMessages]", providers: [
             {
                 provide: Messages,
                 useExisting: forwardRef(() => LocalizedAvatarMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedAvatarMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedAvatarMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -8515,19 +8515,19 @@ class AvatarComponent {
     get svgIcon() {
         return this._svgIcon();
     }
-    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : /* istanbul ignore next */ []));
-    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
-    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : /* istanbul ignore next */ []));
-    _rounded = signal(undefined, ...(ngDevMode ? [{ debugName: "_rounded" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _border = signal(false, ...(ngDevMode ? [{ debugName: "_border" }] : /* istanbul ignore next */ []));
-    _iconClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_iconClass" }] : /* istanbul ignore next */ []));
-    _width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : /* istanbul ignore next */ []));
-    _height = signal(undefined, ...(ngDevMode ? [{ debugName: "_height" }] : /* istanbul ignore next */ []));
-    _cssStyle = signal(undefined, ...(ngDevMode ? [{ debugName: "_cssStyle" }] : /* istanbul ignore next */ []));
-    _initials = signal(undefined, ...(ngDevMode ? [{ debugName: "_initials" }] : /* istanbul ignore next */ []));
-    _icon = signal(undefined, ...(ngDevMode ? [{ debugName: "_icon" }] : /* istanbul ignore next */ []));
-    _imageSrc = signal(undefined, ...(ngDevMode ? [{ debugName: "_imageSrc" }] : /* istanbul ignore next */ []));
+    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
+    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
+    _rounded = signal(undefined, ...(ngDevMode ? [{ debugName: "_rounded" }] : []));
+    _svgIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _border = signal(false, ...(ngDevMode ? [{ debugName: "_border" }] : []));
+    _iconClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
+    _width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : []));
+    _height = signal(undefined, ...(ngDevMode ? [{ debugName: "_height" }] : []));
+    _cssStyle = signal(undefined, ...(ngDevMode ? [{ debugName: "_cssStyle" }] : []));
+    _initials = signal(undefined, ...(ngDevMode ? [{ debugName: "_initials" }] : []));
+    _icon = signal(undefined, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _imageSrc = signal(undefined, ...(ngDevMode ? [{ debugName: "_imageSrc" }] : []));
     _themeColorClasses = ['k-avatar-primary', 'k-avatar-secondary', 'k-avatar-tertiary', 'k-avatar-base'];
     constructor(localization, renderer, element) {
         this.localization = localization;
@@ -8591,8 +8591,8 @@ class AvatarComponent {
     textFor(key) {
         return this.localization.get(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: AvatarComponent, isStandalone: true, selector: "kendo-avatar", inputs: { shape: "shape", size: "size", rounded: "rounded", themeColor: "themeColor", fillMode: "fillMode", fill: "fill", border: "border", iconClass: "iconClass", width: "width", height: "height", cssStyle: "cssStyle", initials: "initials", icon: "icon", imageSrc: "imageSrc", svgIcon: "svgIcon" }, host: { properties: { "class.k-avatar": "this.hostClass", "class.k-avatar-bordered": "this.borderClass", "style.flexBasis": "this.flexBasis", "style.width": "this.avatarWidth", "style.height": "this.avatarHeight" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: AvatarComponent, isStandalone: true, selector: "kendo-avatar", inputs: { shape: "shape", size: "size", rounded: "rounded", themeColor: "themeColor", fillMode: "fillMode", fill: "fill", border: "border", iconClass: "iconClass", width: "width", height: "height", cssStyle: "cssStyle", initials: "initials", icon: "icon", imageSrc: "imageSrc", svgIcon: "svgIcon" }, host: { properties: { "class.k-avatar": "this.hostClass", "class.k-avatar-bordered": "this.borderClass", "style.flexBasis": "this.flexBasis", "style.width": "this.avatarWidth", "style.height": "this.avatarHeight" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -8633,7 +8633,7 @@ class AvatarComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -8751,15 +8751,15 @@ class AvatarCustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AvatarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: AvatarCustomMessagesComponent, isStandalone: true, selector: "kendo-avatar-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AvatarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: AvatarCustomMessagesComponent, isStandalone: true, selector: "kendo-avatar-messages", providers: [
             {
                 provide: Messages,
                 useExisting: forwardRef(() => AvatarCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AvatarCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AvatarCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -8832,9 +8832,9 @@ class CardComponent {
     get width() {
         return this._width();
     }
-    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : /* istanbul ignore next */ []));
-    _orientation = signal('vertical', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _width = signal('285px', ...(ngDevMode ? [{ debugName: "_width" }] : /* istanbul ignore next */ []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    _orientation = signal('vertical', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _width = signal('285px', ...(ngDevMode ? [{ debugName: "_width" }] : []));
     dynamicRTLSubscription;
     constructor(localizationService) {
         this.localizationService = localizationService;
@@ -8848,8 +8848,8 @@ class CardComponent {
             this.dynamicRTLSubscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: CardComponent, isStandalone: true, selector: "kendo-card", inputs: { orientation: "orientation", width: "width" }, host: { properties: { "class.k-card": "this.hostClass", "style.width": "this.widthStyle", "class.k-card-vertical": "this.vertical", "class.k-card-horizontal": "this.horizontal", "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: CardComponent, isStandalone: true, selector: "kendo-card", inputs: { orientation: "orientation", width: "width" }, host: { properties: { "class.k-card": "this.hostClass", "style.width": "this.widthStyle", "class.k-card-vertical": "this.vertical", "class.k-card-horizontal": "this.horizontal", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -8859,7 +8859,7 @@ class CardComponent {
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card',
@@ -8911,12 +8911,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  */
 class CardHeaderComponent {
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: CardHeaderComponent, isStandalone: true, selector: "kendo-card-header", host: { properties: { "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: CardHeaderComponent, isStandalone: true, selector: "kendo-card-header", host: { properties: { "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-header',
@@ -8944,12 +8944,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  */
 class CardBodyComponent {
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: CardBodyComponent, isStandalone: true, selector: "kendo-card-body", host: { properties: { "class.k-card-body": "this.hostClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: CardBodyComponent, isStandalone: true, selector: "kendo-card-body", host: { properties: { "class.k-card-body": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-body',
@@ -8977,12 +8977,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  */
 class CardFooterComponent {
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: CardFooterComponent, isStandalone: true, selector: "kendo-card-footer", host: { properties: { "class.k-card-footer": "this.hostClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: CardFooterComponent, isStandalone: true, selector: "kendo-card-footer", host: { properties: { "class.k-card-footer": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-footer',
@@ -9075,16 +9075,16 @@ class CardActionsComponent {
      * @hidden
      */
     actionsTemplate;
-    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _layout = signal('start', ...(ngDevMode ? [{ debugName: "_layout" }] : /* istanbul ignore next */ []));
+    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _layout = signal('start', ...(ngDevMode ? [{ debugName: "_layout" }] : []));
     /**
      * @hidden
      */
     onClick(action) {
         this.action.emit(action);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: CardActionsComponent, isStandalone: true, selector: "kendo-card-actions", inputs: { orientation: "orientation", layout: "layout", actions: "actions" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClass", "class.k-card-actions": "this.hostClass", "class.k-actions-stretched": "this.stretchedClass", "class.k-actions-start": "this.startClass", "class.k-actions-end": "this.endClass", "class.k-actions-center": "this.centerClass", "class.k-actions-vertical": "this.verticalClass", "class.k-actions-horizontal": "this.horizontalClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: CardActionsComponent, isStandalone: true, selector: "kendo-card-actions", inputs: { orientation: "orientation", layout: "layout", actions: "actions" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClass", "class.k-card-actions": "this.hostClass", "class.k-actions-stretched": "this.stretchedClass", "class.k-actions-start": "this.startClass", "class.k-actions-end": "this.endClass", "class.k-actions-center": "this.centerClass", "class.k-actions-vertical": "this.verticalClass", "class.k-actions-horizontal": "this.horizontalClass" } }, ngImport: i0, template: `
         @if (!actionsArray && !actionsTemplate) {
           <ng-content></ng-content>
         }
@@ -9108,7 +9108,7 @@ class CardActionsComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-actions',
@@ -9202,10 +9202,10 @@ class CardSeparatorDirective {
      * @default 'horizontal'
      */
     orientation = 'horizontal';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: CardSeparatorDirective, isStandalone: true, selector: "[kendoCardSeparator]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.k-card-separator": "this.hostClass", "class.k-separator-vertical": "this.verticalClass", "class.k-separator-horizontal": "this.horizontalClass", "style.color": "this.color" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: CardSeparatorDirective, isStandalone: true, selector: "[kendoCardSeparator]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.k-card-separator": "this.hostClass", "class.k-separator-vertical": "this.verticalClass", "class.k-separator-horizontal": "this.horizontalClass", "style.color": "this.color" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardSeparatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardSeparatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoCardSeparator]',
@@ -9241,10 +9241,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  */
 class CardTitleDirective {
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: CardTitleDirective, isStandalone: true, selector: "[kendoCardTitle]", host: { properties: { "class.k-card-title": "this.hostClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: CardTitleDirective, isStandalone: true, selector: "[kendoCardTitle]", host: { properties: { "class.k-card-title": "this.hostClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoCardTitle]',
@@ -9267,10 +9267,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  */
 class CardSubtitleDirective {
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: CardSubtitleDirective, isStandalone: true, selector: "[kendoCardSubtitle]", host: { properties: { "class.k-card-subtitle": "this.hostClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: CardSubtitleDirective, isStandalone: true, selector: "[kendoCardSubtitle]", host: { properties: { "class.k-card-subtitle": "this.hostClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardSubtitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoCardSubtitle]',
@@ -9295,10 +9295,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  */
 class CardMediaDirective {
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: CardMediaDirective, isStandalone: true, selector: "[kendoCardMedia]", host: { properties: { "class.k-card-media": "this.hostClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: CardMediaDirective, isStandalone: true, selector: "[kendoCardMedia]", host: { properties: { "class.k-card-media": "this.hostClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardMediaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardMediaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoCardMedia]',
@@ -9347,10 +9347,10 @@ class ExpansionPanelTitleDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ExpansionPanelTitleDirective, isStandalone: true, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ExpansionPanelTitleDirective, isStandalone: true, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoExpansionPanelTitleDirective]',
@@ -9572,16 +9572,16 @@ class ExpansionPanelComponent {
     focused = false;
     animationEnd = new EventEmitter();
     subscriptions = new Subscription();
-    _title = signal('', ...(ngDevMode ? [{ debugName: "_title" }] : /* istanbul ignore next */ []));
-    _subtitle = signal('', ...(ngDevMode ? [{ debugName: "_subtitle" }] : /* istanbul ignore next */ []));
-    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : /* istanbul ignore next */ []));
-    _expandIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_expandIcon" }] : /* istanbul ignore next */ []));
-    _collapseIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_collapseIcon" }] : /* istanbul ignore next */ []));
-    _animation = signal(true, ...(ngDevMode ? [{ debugName: "_animation" }] : /* istanbul ignore next */ []));
-    _svgExpandIcon = signal(chevronDownIcon, ...(ngDevMode ? [{ debugName: "_svgExpandIcon" }] : /* istanbul ignore next */ []));
-    _svgCollapseIcon = signal(chevronUpIcon, ...(ngDevMode ? [{ debugName: "_svgCollapseIcon" }] : /* istanbul ignore next */ []));
-    _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : /* istanbul ignore next */ []));
+    _title = signal('', ...(ngDevMode ? [{ debugName: "_title" }] : []));
+    _subtitle = signal('', ...(ngDevMode ? [{ debugName: "_subtitle" }] : []));
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _expandIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_expandIcon" }] : []));
+    _collapseIcon = signal(undefined, ...(ngDevMode ? [{ debugName: "_collapseIcon" }] : []));
+    _animation = signal(true, ...(ngDevMode ? [{ debugName: "_animation" }] : []));
+    _svgExpandIcon = signal(chevronDownIcon, ...(ngDevMode ? [{ debugName: "_svgExpandIcon" }] : []));
+    _svgCollapseIcon = signal(chevronUpIcon, ...(ngDevMode ? [{ debugName: "_svgCollapseIcon" }] : []));
+    _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : []));
     nextId = incrementingId++;
     constructor(renderer, hostElement, ngZone, localizationService, builder) {
         this.renderer = renderer;
@@ -9776,8 +9776,8 @@ class ExpansionPanelComponent {
     removeContentHiddenClass() {
         this.renderer.removeClass(this.content.nativeElement, CONTENT_HIDDEN_CLASS);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ExpansionPanelComponent, isStandalone: true, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", svgExpandIcon: "svgExpandIcon", svgCollapseIcon: "svgCollapseIcon", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-disabled": "this.disabledClass", "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ExpansionPanelComponent, isStandalone: true, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", svgExpandIcon: "svgExpandIcon", svgCollapseIcon: "svgCollapseIcon", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-disabled": "this.disabledClass", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -9827,7 +9827,7 @@ class ExpansionPanelComponent {
         </div>
         `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoExpansionPanel',
@@ -10216,7 +10216,7 @@ class TileLayoutDraggingService {
     cdr;
     localization;
     reorderable = new BehaviorSubject(null);
-    resizable = signal(null, ...(ngDevMode ? [{ debugName: "resizable" }] : /* istanbul ignore next */ []));
+    resizable = signal(null, ...(ngDevMode ? [{ debugName: "resizable" }] : []));
     reorder = new Subject();
     resize = new Subject();
     tileLayoutSettings;
@@ -10620,10 +10620,10 @@ class TileLayoutDraggingService {
         const hintHeight = totalHintCellsHeight + totalHintGapsHeight - HINT_BORDERS_HEIGHT;
         return hintHeight;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutDraggingService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutDraggingService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutDraggingService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutDraggingService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutDraggingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutDraggingService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }] });
 
@@ -10795,10 +10795,10 @@ class TileLayoutKeyboardNavigationService {
     targetTile(focusedTile, items, offset) {
         return items.find(item => item.order === focusedTile.order + offset);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutKeyboardNavigationService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutKeyboardNavigationService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutKeyboardNavigationService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutKeyboardNavigationService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutKeyboardNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutKeyboardNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }] });
 
@@ -10818,12 +10818,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  */
 class TileLayoutItemHeaderComponent {
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: TileLayoutItemHeaderComponent, isStandalone: true, selector: "kendo-tilelayout-item-header", host: { properties: { "class.k-tilelayout-item-header": "this.hostClass", "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: TileLayoutItemHeaderComponent, isStandalone: true, selector: "kendo-tilelayout-item-header", host: { properties: { "class.k-tilelayout-item-header": "this.hostClass", "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutItemHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutItemHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item-header',
@@ -10851,8 +10851,8 @@ class TileLayoutResizeHandleDirective {
     get resizeDirection() { return this._resizeDirection(); }
     set rtl(value) { this._rtl.set(value); }
     get rtl() { return this._rtl(); }
-    _resizeDirection = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeDirection" }] : /* istanbul ignore next */ []));
-    _rtl = signal(undefined, ...(ngDevMode ? [{ debugName: "_rtl" }] : /* istanbul ignore next */ []));
+    _resizeDirection = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeDirection" }] : []));
+    _rtl = signal(undefined, ...(ngDevMode ? [{ debugName: "_rtl" }] : []));
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
@@ -10885,10 +10885,10 @@ class TileLayoutResizeHandleDirective {
             this.setBottom(element);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutResizeHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TileLayoutResizeHandleDirective, isStandalone: true, selector: "[kendoTileLayoutResizeHandle]", inputs: { resizeDirection: "resizeDirection", rtl: "rtl" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutResizeHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TileLayoutResizeHandleDirective, isStandalone: true, selector: "[kendoTileLayoutResizeHandle]", inputs: { resizeDirection: "resizeDirection", rtl: "rtl" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutResizeHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutResizeHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTileLayoutResizeHandle]',
@@ -11029,15 +11029,15 @@ class TileLayoutItemComponent {
     subs = new Subscription();
     keyboardNavigationSubs;
     focusableItems;
-    _order = signal(undefined, ...(ngDevMode ? [{ debugName: "_order" }] : /* istanbul ignore next */ []));
-    _title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : /* istanbul ignore next */ []));
-    _rowSpan = signal(1, ...(ngDevMode ? [{ debugName: "_rowSpan" }] : /* istanbul ignore next */ []));
-    _colSpan = signal(1, ...(ngDevMode ? [{ debugName: "_colSpan" }] : /* istanbul ignore next */ []));
-    _col = signal(undefined, ...(ngDevMode ? [{ debugName: "_col" }] : /* istanbul ignore next */ []));
-    _row = signal(undefined, ...(ngDevMode ? [{ debugName: "_row" }] : /* istanbul ignore next */ []));
-    _reorderable = signal(true, ...(ngDevMode ? [{ debugName: "_reorderable" }] : /* istanbul ignore next */ []));
-    _resizable = signal(true, ...(ngDevMode ? [{ debugName: "_resizable" }] : /* istanbul ignore next */ []));
-    _rtl = signal(undefined, ...(ngDevMode ? [{ debugName: "_rtl" }] : /* istanbul ignore next */ []));
+    _order = signal(undefined, ...(ngDevMode ? [{ debugName: "_order" }] : []));
+    _title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : []));
+    _rowSpan = signal(1, ...(ngDevMode ? [{ debugName: "_rowSpan" }] : []));
+    _colSpan = signal(1, ...(ngDevMode ? [{ debugName: "_colSpan" }] : []));
+    _col = signal(undefined, ...(ngDevMode ? [{ debugName: "_col" }] : []));
+    _row = signal(undefined, ...(ngDevMode ? [{ debugName: "_row" }] : []));
+    _reorderable = signal(true, ...(ngDevMode ? [{ debugName: "_reorderable" }] : []));
+    _resizable = signal(true, ...(ngDevMode ? [{ debugName: "_resizable" }] : []));
+    _rtl = signal(undefined, ...(ngDevMode ? [{ debugName: "_rtl" }] : []));
     _resizeDirections;
     constructor(elem, zone, renderer, localization, draggingService, keyboardNavigationService) {
         this.elem = elem;
@@ -11048,7 +11048,7 @@ class TileLayoutItemComponent {
         this.keyboardNavigationService = keyboardNavigationService;
         this._resizeDirections = computed(() => this.draggingService.resizable() && this._resizable()
             ? (this._rtl() ? RTL_RESIZE_DIRECTIONS : RESIZE_DIRECTIONS)
-            : undefined, ...(ngDevMode ? [{ debugName: "_resizeDirections" }] : /* istanbul ignore next */ []));
+            : undefined, ...(ngDevMode ? [{ debugName: "_resizeDirections" }] : []));
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this._rtl.set(rtl);
         }));
@@ -11108,8 +11108,8 @@ class TileLayoutItemComponent {
             this.renderer.removeClass(headerEl, 'k-cursor-move');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: TileLayoutDraggingService }, { token: TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TileLayoutItemComponent, isStandalone: true, selector: "kendo-tilelayout-item", inputs: { title: "title", rowSpan: "rowSpan", colSpan: "colSpan", order: "order", col: "col", row: "row", reorderable: "reorderable", resizable: "resizable" }, host: { properties: { "class.k-tilelayout-item": "this.itemClass", "class.k-card": "this.itemClass", "attr.role": "this.hostRole", "attr.tabindex": "this.hostTabindex", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts", "attr.aria-labelledby": "this.hostLabelledBy", "style.grid-column-end": "this.colEnd", "style.grid-row-end": "this.rowEnd", "style.grid-column-start": "this.colStart", "style.grid-row-start": "this.rowStart" } }, queries: [{ propertyName: "headers", predicate: TileLayoutItemHeaderComponent }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: TileLayoutDraggingService }, { token: TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TileLayoutItemComponent, isStandalone: true, selector: "kendo-tilelayout-item", inputs: { title: "title", rowSpan: "rowSpan", colSpan: "colSpan", order: "order", col: "col", row: "row", reorderable: "reorderable", resizable: "resizable" }, host: { properties: { "class.k-tilelayout-item": "this.itemClass", "class.k-card": "this.itemClass", "attr.role": "this.hostRole", "attr.tabindex": "this.hostTabindex", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts", "attr.aria-labelledby": "this.hostLabelledBy", "style.grid-column-end": "this.colEnd", "style.grid-row-end": "this.rowEnd", "style.grid-column-start": "this.colStart", "style.grid-row-start": "this.rowStart" } }, queries: [{ propertyName: "headers", predicate: TileLayoutItemHeaderComponent }], usesOnChanges: true, ngImport: i0, template: `
         @if (title) {
           <kendo-tilelayout-item-header>
             <h5 [id]="titleId" class="k-card-title">{{ title }}</h5>
@@ -11128,7 +11128,7 @@ class TileLayoutItemComponent {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header" }, { kind: "directive", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item',
@@ -11343,15 +11343,15 @@ class TileLayoutComponent {
     licenseMessage;
     draggable;
     subs = new Subscription();
-    _columns = signal(1, ...(ngDevMode ? [{ debugName: "_columns" }] : /* istanbul ignore next */ []));
-    _columnWidth = signal('1fr', ...(ngDevMode ? [{ debugName: "_columnWidth" }] : /* istanbul ignore next */ []));
-    _gap = signal({ rows: 16, columns: 16 }, ...(ngDevMode ? [{ debugName: "_gap" }] : /* istanbul ignore next */ []));
-    _reorderable = signal(false, ...(ngDevMode ? [{ debugName: "_reorderable" }] : /* istanbul ignore next */ []));
-    _resizable = signal(false, ...(ngDevMode ? [{ debugName: "_resizable" }] : /* istanbul ignore next */ []));
-    _rowHeight = signal('1fr', ...(ngDevMode ? [{ debugName: "_rowHeight" }] : /* istanbul ignore next */ []));
-    _autoFlow = signal('column', ...(ngDevMode ? [{ debugName: "_autoFlow" }] : /* istanbul ignore next */ []));
-    _navigable = signal(true, ...(ngDevMode ? [{ debugName: "_navigable" }] : /* istanbul ignore next */ []));
-    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : /* istanbul ignore next */ []));
+    _columns = signal(1, ...(ngDevMode ? [{ debugName: "_columns" }] : []));
+    _columnWidth = signal('1fr', ...(ngDevMode ? [{ debugName: "_columnWidth" }] : []));
+    _gap = signal({ rows: 16, columns: 16 }, ...(ngDevMode ? [{ debugName: "_gap" }] : []));
+    _reorderable = signal(false, ...(ngDevMode ? [{ debugName: "_reorderable" }] : []));
+    _resizable = signal(false, ...(ngDevMode ? [{ debugName: "_resizable" }] : []));
+    _rowHeight = signal('1fr', ...(ngDevMode ? [{ debugName: "_rowHeight" }] : []));
+    _autoFlow = signal('column', ...(ngDevMode ? [{ debugName: "_autoFlow" }] : []));
+    _navigable = signal(true, ...(ngDevMode ? [{ debugName: "_navigable" }] : []));
+    _direction = signal(undefined, ...(ngDevMode ? [{ debugName: "_direction" }] : []));
     constructor(zone, elem, renderer, localization, draggingService, navigationService) {
         this.zone = zone;
         this.elem = elem;
@@ -11498,8 +11498,8 @@ class TileLayoutComponent {
             this.navigationService.returnFocus();
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: TileLayoutDraggingService }, { token: TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TileLayoutComponent, isStandalone: true, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-tilelayout": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: TileLayoutDraggingService }, { token: TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TileLayoutComponent, isStandalone: true, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-tilelayout": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             TileLayoutDraggingService,
             TileLayoutKeyboardNavigationService,
@@ -11523,7 +11523,7 @@ class TileLayoutComponent {
         }
         `, isInline: true, dependencies: [{ kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout',
@@ -11613,12 +11613,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
 class TileLayoutItemBodyComponent {
     hostClass = true;
     minHeight = 0;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: TileLayoutItemBodyComponent, isStandalone: true, selector: "kendo-tilelayout-item-body", host: { properties: { "class.k-tilelayout-item-body": "this.hostClass", "class.k-card-body": "this.hostClass", "style.min-height": "this.minHeight" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: TileLayoutItemBodyComponent, isStandalone: true, selector: "kendo-tilelayout-item-body", host: { properties: { "class.k-tilelayout-item-body": "this.hostClass", "class.k-card-body": "this.hostClass", "style.min-height": "this.minHeight" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutItemBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutItemBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item-body',
@@ -11815,10 +11815,10 @@ class GridLayoutComponent {
     _align = signal({
         horizontal: 'stretch',
         vertical: 'stretch'
-    }, ...(ngDevMode ? [{ debugName: "_align" }] : /* istanbul ignore next */ []));
-    _rows = signal(undefined, ...(ngDevMode ? [{ debugName: "_rows" }] : /* istanbul ignore next */ []));
-    _cols = signal(undefined, ...(ngDevMode ? [{ debugName: "_cols" }] : /* istanbul ignore next */ []));
-    _gap = signal(0, ...(ngDevMode ? [{ debugName: "_gap" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "_align" }] : []));
+    _rows = signal(undefined, ...(ngDevMode ? [{ debugName: "_rows" }] : []));
+    _cols = signal(undefined, ...(ngDevMode ? [{ debugName: "_cols" }] : []));
+    _gap = signal(0, ...(ngDevMode ? [{ debugName: "_gap" }] : []));
     justifyClass;
     alignClass;
     constructor(renderer, element, localization) {
@@ -11878,8 +11878,8 @@ class GridLayoutComponent {
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: GridLayoutComponent, isStandalone: true, selector: "kendo-gridlayout", inputs: { rows: "rows", cols: "cols", gap: "gap", align: "align" }, host: { properties: { "class.k-grid-layout": "this.hostClass", "attr.dir": "this.dir" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: GridLayoutComponent, isStandalone: true, selector: "kendo-gridlayout", inputs: { rows: "rows", cols: "cols", gap: "gap", align: "align" }, host: { properties: { "class.k-grid-layout": "this.hostClass", "attr.dir": "this.dir" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -11889,7 +11889,7 @@ class GridLayoutComponent {
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoGridLayout',
@@ -11978,10 +11978,10 @@ class GridLayoutItemComponent {
     get colSpan() {
         return this._colSpan();
     }
-    _row = signal(undefined, ...(ngDevMode ? [{ debugName: "_row" }] : /* istanbul ignore next */ []));
-    _col = signal(undefined, ...(ngDevMode ? [{ debugName: "_col" }] : /* istanbul ignore next */ []));
-    _rowSpan = signal(undefined, ...(ngDevMode ? [{ debugName: "_rowSpan" }] : /* istanbul ignore next */ []));
-    _colSpan = signal(undefined, ...(ngDevMode ? [{ debugName: "_colSpan" }] : /* istanbul ignore next */ []));
+    _row = signal(undefined, ...(ngDevMode ? [{ debugName: "_row" }] : []));
+    _col = signal(undefined, ...(ngDevMode ? [{ debugName: "_col" }] : []));
+    _rowSpan = signal(undefined, ...(ngDevMode ? [{ debugName: "_rowSpan" }] : []));
+    _colSpan = signal(undefined, ...(ngDevMode ? [{ debugName: "_colSpan" }] : []));
     constructor(renderer, element) {
         this.renderer = renderer;
         this.element = element;
@@ -12000,12 +12000,12 @@ class GridLayoutItemComponent {
         const gridAreaStyle = `${row} / ${col} / ${rowSpan} / ${colSpan}`;
         this.renderer.setStyle(this.element.nativeElement, 'grid-area', gridAreaStyle);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: GridLayoutItemComponent, isStandalone: true, selector: "kendo-gridlayout-item", inputs: { row: "row", col: "col", rowSpan: "rowSpan", colSpan: "colSpan" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: GridLayoutItemComponent, isStandalone: true, selector: "kendo-gridlayout-item", inputs: { row: "row", col: "col", rowSpan: "rowSpan", colSpan: "colSpan" }, usesOnChanges: true, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gridlayout-item',
@@ -12089,9 +12089,9 @@ class StackLayoutComponent {
     _align = signal({
         horizontal: 'stretch',
         vertical: 'stretch'
-    }, ...(ngDevMode ? [{ debugName: "_align" }] : /* istanbul ignore next */ []));
-    _gap = signal(0, ...(ngDevMode ? [{ debugName: "_gap" }] : /* istanbul ignore next */ []));
-    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "_align" }] : []));
+    _gap = signal(0, ...(ngDevMode ? [{ debugName: "_gap" }] : []));
+    _orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
     justifyClass;
     alignClass;
     constructor(renderer, element, localization) {
@@ -12138,8 +12138,8 @@ class StackLayoutComponent {
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StackLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: StackLayoutComponent, isStandalone: true, selector: "kendo-stacklayout", inputs: { align: "align", gap: "gap", orientation: "orientation" }, host: { properties: { "class.k-stack-layout": "this.hostClass", "class.k-hstack": "this.horizontalClass", "class.k-vstack": "this.verticalClass", "attr.dir": "this.dir" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StackLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: StackLayoutComponent, isStandalone: true, selector: "kendo-stacklayout", inputs: { align: "align", gap: "gap", orientation: "orientation" }, host: { properties: { "class.k-stack-layout": "this.hostClass", "class.k-hstack": "this.horizontalClass", "class.k-vstack": "this.verticalClass", "attr.dir": "this.dir" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -12149,7 +12149,7 @@ class StackLayoutComponent {
         <ng-content></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StackLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StackLayoutComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoStackLayout',
@@ -12209,12 +12209,12 @@ class TimelineMessages extends ComponentMessages {
     get next() {
         return this._next();
     }
-    _previous = signal(undefined, ...(ngDevMode ? [{ debugName: "_previous" }] : /* istanbul ignore next */ []));
-    _next = signal(undefined, ...(ngDevMode ? [{ debugName: "_next" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TimelineMessages, isStandalone: true, selector: "kendo-timeline-messages-base", inputs: { previous: "previous", next: "next" }, usesInheritance: true, ngImport: i0 });
+    _previous = signal(undefined, ...(ngDevMode ? [{ debugName: "_previous" }] : []));
+    _next = signal(undefined, ...(ngDevMode ? [{ debugName: "_next" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TimelineMessages, isStandalone: true, selector: "kendo-timeline-messages-base", inputs: { previous: "previous", next: "next" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineMessages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-timeline-messages-base'
@@ -12237,15 +12237,15 @@ class TimelineCustomMessagesComponent extends TimelineMessages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: TimelineCustomMessagesComponent, isStandalone: true, selector: "kendo-timeline-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: TimelineCustomMessagesComponent, isStandalone: true, selector: "kendo-timeline-messages", providers: [
             {
                 provide: TimelineMessages,
                 useExisting: forwardRef(() => TimelineCustomMessagesComponent),
             },
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -12282,10 +12282,10 @@ class TimelineCardActionsTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardActionsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TimelineCardActionsTemplateDirective, isStandalone: true, selector: "[kendoTimelineCardActionsTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardActionsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TimelineCardActionsTemplateDirective, isStandalone: true, selector: "[kendoTimelineCardActionsTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardActionsTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardActionsTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTimelineCardActionsTemplate]',
@@ -12317,10 +12317,10 @@ class TimelineCardBodyTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardBodyTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TimelineCardBodyTemplateDirective, isStandalone: true, selector: "[kendoTimelineCardBodyTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardBodyTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TimelineCardBodyTemplateDirective, isStandalone: true, selector: "[kendoTimelineCardBodyTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardBodyTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardBodyTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTimelineCardBodyTemplate]',
@@ -12353,10 +12353,10 @@ class TimelineCardHeaderTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TimelineCardHeaderTemplateDirective, isStandalone: true, selector: "[kendoTimelineCardHeaderTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: TimelineCardHeaderTemplateDirective, isStandalone: true, selector: "[kendoTimelineCardHeaderTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardHeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTimelineCardHeaderTemplate]',
@@ -12422,10 +12422,10 @@ class TimelineService {
             this.timeline['onNavigate']?.emit(event);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineService, decorators: [{
             type: Injectable
         }] });
 
@@ -12504,20 +12504,20 @@ class TimelineCardComponent {
     }
     calloutSvgIcon = chevronRightIcon;
     calloutFontIcon = 'chevron-right';
-    _event = signal(undefined, ...(ngDevMode ? [{ debugName: "_event" }] : /* istanbul ignore next */ []));
-    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : /* istanbul ignore next */ []));
-    _collapsible = signal(true, ...(ngDevMode ? [{ debugName: "_collapsible" }] : /* istanbul ignore next */ []));
-    _reversed = signal(false, ...(ngDevMode ? [{ debugName: "_reversed" }] : /* istanbul ignore next */ []));
-    _orientation = signal(undefined, ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _navigable = signal(undefined, ...(ngDevMode ? [{ debugName: "_navigable" }] : /* istanbul ignore next */ []));
-    _tabIndex = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabIndex" }] : /* istanbul ignore next */ []));
-    _animationDuration = signal(undefined, ...(ngDevMode ? [{ debugName: "_animationDuration" }] : /* istanbul ignore next */ []));
-    _index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : /* istanbul ignore next */ []));
-    _eventWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventWidth" }] : /* istanbul ignore next */ []));
-    _eventHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventHeight" }] : /* istanbul ignore next */ []));
-    _headerTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_headerTemplate" }] : /* istanbul ignore next */ []));
-    _bodyTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_bodyTemplate" }] : /* istanbul ignore next */ []));
-    _actionsTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_actionsTemplate" }] : /* istanbul ignore next */ []));
+    _event = signal(undefined, ...(ngDevMode ? [{ debugName: "_event" }] : []));
+    _expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
+    _collapsible = signal(true, ...(ngDevMode ? [{ debugName: "_collapsible" }] : []));
+    _reversed = signal(false, ...(ngDevMode ? [{ debugName: "_reversed" }] : []));
+    _orientation = signal(undefined, ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _navigable = signal(undefined, ...(ngDevMode ? [{ debugName: "_navigable" }] : []));
+    _tabIndex = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabIndex" }] : []));
+    _animationDuration = signal(undefined, ...(ngDevMode ? [{ debugName: "_animationDuration" }] : []));
+    _index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : []));
+    _eventWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventWidth" }] : []));
+    _eventHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventHeight" }] : []));
+    _headerTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_headerTemplate" }] : []));
+    _bodyTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_bodyTemplate" }] : []));
+    _actionsTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_actionsTemplate" }] : []));
     animationState = 'collapsed';
     animationInProgress = false;
     constructor(element, timelineService, renderer) {
@@ -12580,8 +12580,8 @@ class TimelineCardComponent {
             this.renderer.setStyle(cardBody, 'overflow', 'auto');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardComponent, deps: [{ token: i0.ElementRef }, { token: TimelineService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TimelineCardComponent, isStandalone: true, selector: "kendo-timeline-card", inputs: { event: "event", expanded: "expanded", collapsible: "collapsible", reversed: "reversed", orientation: "orientation", navigable: "navigable", tabIndex: "tabIndex", animationDuration: "animationDuration", index: "index", eventWidth: "eventWidth", eventHeight: "eventHeight", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate", calloutStyle: "calloutStyle" }, host: { listeners: { "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-timeline-card": "this.hostClass", "class.k-collapsed": "this.collapsedClass" } }, providers: [], viewQueries: [{ propertyName: "calloutElementRef", first: true, predicate: ["callout"], descendants: true }], exportAs: ["kendoTimelineCard"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardComponent, deps: [{ token: i0.ElementRef }, { token: TimelineService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TimelineCardComponent, isStandalone: true, selector: "kendo-timeline-card", inputs: { event: "event", expanded: "expanded", collapsible: "collapsible", reversed: "reversed", orientation: "orientation", navigable: "navigable", tabIndex: "tabIndex", animationDuration: "animationDuration", index: "index", eventWidth: "eventWidth", eventHeight: "eventHeight", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate", calloutStyle: "calloutStyle" }, host: { listeners: { "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-timeline-card": "this.hostClass", "class.k-collapsed": "this.collapsedClass" } }, providers: [], viewQueries: [{ propertyName: "calloutElementRef", first: true, predicate: ["callout"], descendants: true }], exportAs: ["kendoTimelineCard"], usesOnChanges: true, ngImport: i0, template: `
         <kendo-card
           [ngStyle]="{ 'height': orientation === 'horizontal' ? eventHeight + 'px' : null }"
           [width]="orientation === 'horizontal' ? 'auto' : eventWidth + 'px'"
@@ -12707,7 +12707,7 @@ class TimelineCardComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineCardComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [
@@ -12976,30 +12976,30 @@ class TimelineHorizontalComponent {
     set nextTitle(v) { this._nextTitle.set(v); }
     svgLeftIcon = chevronLeftIcon;
     svgRightIcon = chevronRightIcon;
-    _selectedEvent = signal(null, ...(ngDevMode ? [{ debugName: "_selectedEvent" }] : /* istanbul ignore next */ []));
-    _calloutStyle = signal({}, ...(ngDevMode ? [{ debugName: "_calloutStyle" }] : /* istanbul ignore next */ []));
-    _animationState = signal('center', ...(ngDevMode ? [{ debugName: "_animationState" }] : /* istanbul ignore next */ []));
-    _translateValue = signal(0, ...(ngDevMode ? [{ debugName: "_translateValue" }] : /* istanbul ignore next */ []));
-    _eventsInInterval = signal([0, 1, 2], ...(ngDevMode ? [{ debugName: "_eventsInInterval" }] : /* istanbul ignore next */ []));
-    _selectedCardIndex = signal(0, ...(ngDevMode ? [{ debugName: "_selectedCardIndex" }] : /* istanbul ignore next */ []));
-    _selectedEventIndex = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedEventIndex" }] : /* istanbul ignore next */ []));
-    _tabFlex = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabFlex" }] : /* istanbul ignore next */ []));
-    _visibleTabsCount = signal(undefined, ...(ngDevMode ? [{ debugName: "_visibleTabsCount" }] : /* istanbul ignore next */ []));
-    _firstCircleInView = signal(0, ...(ngDevMode ? [{ debugName: "_firstCircleInView" }] : /* istanbul ignore next */ []));
-    _trackItems = signal([], ...(ngDevMode ? [{ debugName: "_trackItems" }] : /* istanbul ignore next */ []));
-    _previousTitle = signal('previous', ...(ngDevMode ? [{ debugName: "_previousTitle" }] : /* istanbul ignore next */ []));
-    _nextTitle = signal('next', ...(ngDevMode ? [{ debugName: "_nextTitle" }] : /* istanbul ignore next */ []));
-    _events = signal([], ...(ngDevMode ? [{ debugName: "_events" }] : /* istanbul ignore next */ []));
-    _alterMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_alterMode" }] : /* istanbul ignore next */ []));
-    _collapsibleEvents = signal(undefined, ...(ngDevMode ? [{ debugName: "_collapsibleEvents" }] : /* istanbul ignore next */ []));
-    _navigable = signal(undefined, ...(ngDevMode ? [{ debugName: "_navigable" }] : /* istanbul ignore next */ []));
-    _showDateLabels = signal(undefined, ...(ngDevMode ? [{ debugName: "_showDateLabels" }] : /* istanbul ignore next */ []));
-    _animationDuration = signal(undefined, ...(ngDevMode ? [{ debugName: "_animationDuration" }] : /* istanbul ignore next */ []));
-    _eventHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventHeight" }] : /* istanbul ignore next */ []));
-    _dateFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_dateFormat" }] : /* istanbul ignore next */ []));
-    _headerTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_headerTemplate" }] : /* istanbul ignore next */ []));
-    _bodyTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_bodyTemplate" }] : /* istanbul ignore next */ []));
-    _actionsTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_actionsTemplate" }] : /* istanbul ignore next */ []));
+    _selectedEvent = signal(null, ...(ngDevMode ? [{ debugName: "_selectedEvent" }] : []));
+    _calloutStyle = signal({}, ...(ngDevMode ? [{ debugName: "_calloutStyle" }] : []));
+    _animationState = signal('center', ...(ngDevMode ? [{ debugName: "_animationState" }] : []));
+    _translateValue = signal(0, ...(ngDevMode ? [{ debugName: "_translateValue" }] : []));
+    _eventsInInterval = signal([0, 1, 2], ...(ngDevMode ? [{ debugName: "_eventsInInterval" }] : []));
+    _selectedCardIndex = signal(0, ...(ngDevMode ? [{ debugName: "_selectedCardIndex" }] : []));
+    _selectedEventIndex = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedEventIndex" }] : []));
+    _tabFlex = signal(undefined, ...(ngDevMode ? [{ debugName: "_tabFlex" }] : []));
+    _visibleTabsCount = signal(undefined, ...(ngDevMode ? [{ debugName: "_visibleTabsCount" }] : []));
+    _firstCircleInView = signal(0, ...(ngDevMode ? [{ debugName: "_firstCircleInView" }] : []));
+    _trackItems = signal([], ...(ngDevMode ? [{ debugName: "_trackItems" }] : []));
+    _previousTitle = signal('previous', ...(ngDevMode ? [{ debugName: "_previousTitle" }] : []));
+    _nextTitle = signal('next', ...(ngDevMode ? [{ debugName: "_nextTitle" }] : []));
+    _events = signal([], ...(ngDevMode ? [{ debugName: "_events" }] : []));
+    _alterMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_alterMode" }] : []));
+    _collapsibleEvents = signal(undefined, ...(ngDevMode ? [{ debugName: "_collapsibleEvents" }] : []));
+    _navigable = signal(undefined, ...(ngDevMode ? [{ debugName: "_navigable" }] : []));
+    _showDateLabels = signal(undefined, ...(ngDevMode ? [{ debugName: "_showDateLabels" }] : []));
+    _animationDuration = signal(undefined, ...(ngDevMode ? [{ debugName: "_animationDuration" }] : []));
+    _eventHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventHeight" }] : []));
+    _dateFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_dateFormat" }] : []));
+    _headerTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_headerTemplate" }] : []));
+    _bodyTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_bodyTemplate" }] : []));
+    _actionsTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_actionsTemplate" }] : []));
     _trackWrapWidth;
     _scrollableTrackWidth;
     _cardWidth;
@@ -13394,8 +13394,8 @@ class TimelineHorizontalComponent {
             this._nextTitle.set(this.localization.get('next'));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineHorizontalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: TimelineService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TimelineHorizontalComponent, isStandalone: true, selector: "kendo-timeline-horizontal", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventHeight: "eventHeight", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "trackElementRef", first: true, predicate: ["track"], descendants: true }, { propertyName: "scrollableTrackElementRef", first: true, predicate: ["scrollableTrack"], descendants: true }, { propertyName: "cardElementRefs", predicate: ["card"], descendants: true, read: ElementRef }, { propertyName: "circleElementRefs", predicate: ["trackCircle"], descendants: true }, { propertyName: "flagElementRefs", predicate: ["trackFlag"], descendants: true }, { propertyName: "cardComponents", predicate: TimelineCardComponent, descendants: true }], exportAs: ["kendoTimelineHorizontal"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineHorizontalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: TimelineService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TimelineHorizontalComponent, isStandalone: true, selector: "kendo-timeline-horizontal", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventHeight: "eventHeight", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "trackElementRef", first: true, predicate: ["track"], descendants: true }, { propertyName: "scrollableTrackElementRef", first: true, predicate: ["scrollableTrack"], descendants: true }, { propertyName: "cardElementRefs", predicate: ["card"], descendants: true, read: ElementRef }, { propertyName: "circleElementRefs", predicate: ["trackCircle"], descendants: true }, { propertyName: "flagElementRefs", predicate: ["trackFlag"], descendants: true }, { propertyName: "cardComponents", predicate: TimelineCardComponent, descendants: true }], exportAs: ["kendoTimelineHorizontal"], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-timeline-track-wrap" #track>
           <button
             kendoButton
@@ -13524,7 +13524,7 @@ class TimelineHorizontalComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineHorizontalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineHorizontalComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [],
@@ -13736,17 +13736,17 @@ class TimelineVerticalComponent {
     dateElementRefs;
     innerDateElementRefs;
     subscriptions = new Subscription();
-    _events = signal([], ...(ngDevMode ? [{ debugName: "_events" }] : /* istanbul ignore next */ []));
-    _alterMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_alterMode" }] : /* istanbul ignore next */ []));
-    _collapsibleEvents = signal(undefined, ...(ngDevMode ? [{ debugName: "_collapsibleEvents" }] : /* istanbul ignore next */ []));
-    _navigable = signal(undefined, ...(ngDevMode ? [{ debugName: "_navigable" }] : /* istanbul ignore next */ []));
-    _showDateLabels = signal(undefined, ...(ngDevMode ? [{ debugName: "_showDateLabels" }] : /* istanbul ignore next */ []));
-    _animationDuration = signal(undefined, ...(ngDevMode ? [{ debugName: "_animationDuration" }] : /* istanbul ignore next */ []));
-    _eventWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventWidth" }] : /* istanbul ignore next */ []));
-    _dateFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_dateFormat" }] : /* istanbul ignore next */ []));
-    _headerTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_headerTemplate" }] : /* istanbul ignore next */ []));
-    _bodyTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_bodyTemplate" }] : /* istanbul ignore next */ []));
-    _actionsTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_actionsTemplate" }] : /* istanbul ignore next */ []));
+    _events = signal([], ...(ngDevMode ? [{ debugName: "_events" }] : []));
+    _alterMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_alterMode" }] : []));
+    _collapsibleEvents = signal(undefined, ...(ngDevMode ? [{ debugName: "_collapsibleEvents" }] : []));
+    _navigable = signal(undefined, ...(ngDevMode ? [{ debugName: "_navigable" }] : []));
+    _showDateLabels = signal(undefined, ...(ngDevMode ? [{ debugName: "_showDateLabels" }] : []));
+    _animationDuration = signal(undefined, ...(ngDevMode ? [{ debugName: "_animationDuration" }] : []));
+    _eventWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_eventWidth" }] : []));
+    _dateFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_dateFormat" }] : []));
+    _headerTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_headerTemplate" }] : []));
+    _bodyTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_bodyTemplate" }] : []));
+    _actionsTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_actionsTemplate" }] : []));
     constructor(renderer) {
         this.renderer = renderer;
     }
@@ -13793,8 +13793,8 @@ class TimelineVerticalComponent {
         this.renderer.setAttribute(dateElement, 'id', dateLabelId);
         this.renderer.setAttribute(cardElement, 'aria-describedby', dateLabelId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineVerticalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TimelineVerticalComponent, isStandalone: true, selector: "kendo-timeline-vertical", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventWidth: "eventWidth", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "cards", predicate: ["card"], descendants: true }, { propertyName: "dateElementRefs", predicate: ["dateWrap"], descendants: true }, { propertyName: "innerDateElementRefs", predicate: ["innerDate"], descendants: true }], exportAs: ["kendoTimelineVertical"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineVerticalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TimelineVerticalComponent, isStandalone: true, selector: "kendo-timeline-vertical", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventWidth: "eventWidth", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "cards", predicate: ["card"], descendants: true }, { propertyName: "dateElementRefs", predicate: ["dateWrap"], descendants: true }, { propertyName: "innerDateElementRefs", predicate: ["innerDate"], descendants: true }], exportAs: ["kendoTimelineVertical"], ngImport: i0, template: `
         @if (events && events.length > 0) {
           <ul>
             @for (event of events; track event; let i = $index) {
@@ -13835,7 +13835,7 @@ class TimelineVerticalComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineVerticalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineVerticalComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [],
@@ -13927,15 +13927,15 @@ class LocalizedTimelineMessagesDirective extends TimelineMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedTimelineMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: LocalizedTimelineMessagesDirective, isStandalone: true, selector: "[kendoTimelineLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedTimelineMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedTimelineMessagesDirective, isStandalone: true, selector: "[kendoTimelineLocalizedMessages]", providers: [
             {
                 provide: TimelineMessages,
                 useExisting: forwardRef(() => LocalizedTimelineMessagesDirective),
             },
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedTimelineMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedTimelineMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -14198,19 +14198,19 @@ class TimelineComponent {
      * @hidden
      */
     actionsTemplate;
-    _events = signal([], ...(ngDevMode ? [{ debugName: "_events" }] : /* istanbul ignore next */ []));
+    _events = signal([], ...(ngDevMode ? [{ debugName: "_events" }] : []));
     _modelFields = defaultModelFields;
-    _orientation = signal('vertical', ...(ngDevMode ? [{ debugName: "_orientation" }] : /* istanbul ignore next */ []));
-    _alterMode = signal(false, ...(ngDevMode ? [{ debugName: "_alterMode" }] : /* istanbul ignore next */ []));
-    _collapsibleEvents = signal(true, ...(ngDevMode ? [{ debugName: "_collapsibleEvents" }] : /* istanbul ignore next */ []));
-    _navigable = signal(true, ...(ngDevMode ? [{ debugName: "_navigable" }] : /* istanbul ignore next */ []));
-    _showDateLabels = signal(true, ...(ngDevMode ? [{ debugName: "_showDateLabels" }] : /* istanbul ignore next */ []));
-    _animation = signal(undefined, ...(ngDevMode ? [{ debugName: "_animation" }] : /* istanbul ignore next */ []));
-    _eventWidth = signal(DEFAULT_EVENT_WIDTH, ...(ngDevMode ? [{ debugName: "_eventWidth" }] : /* istanbul ignore next */ []));
-    _eventHeight = signal(DEFAULT_EVENT_HEIGHT, ...(ngDevMode ? [{ debugName: "_eventHeight" }] : /* istanbul ignore next */ []));
-    _dateFormat = signal(DEFAULT_DATE_FORMAT, ...(ngDevMode ? [{ debugName: "_dateFormat" }] : /* istanbul ignore next */ []));
+    _orientation = signal('vertical', ...(ngDevMode ? [{ debugName: "_orientation" }] : []));
+    _alterMode = signal(false, ...(ngDevMode ? [{ debugName: "_alterMode" }] : []));
+    _collapsibleEvents = signal(true, ...(ngDevMode ? [{ debugName: "_collapsibleEvents" }] : []));
+    _navigable = signal(true, ...(ngDevMode ? [{ debugName: "_navigable" }] : []));
+    _showDateLabels = signal(true, ...(ngDevMode ? [{ debugName: "_showDateLabels" }] : []));
+    _animation = signal(undefined, ...(ngDevMode ? [{ debugName: "_animation" }] : []));
+    _eventWidth = signal(DEFAULT_EVENT_WIDTH, ...(ngDevMode ? [{ debugName: "_eventWidth" }] : []));
+    _eventHeight = signal(DEFAULT_EVENT_HEIGHT, ...(ngDevMode ? [{ debugName: "_eventHeight" }] : []));
+    _dateFormat = signal(DEFAULT_DATE_FORMAT, ...(ngDevMode ? [{ debugName: "_dateFormat" }] : []));
     originalData = [];
-    _eventsOrder = signal('asc', ...(ngDevMode ? [{ debugName: "_eventsOrder" }] : /* istanbul ignore next */ []));
+    _eventsOrder = signal('asc', ...(ngDevMode ? [{ debugName: "_eventsOrder" }] : []));
     subscriptions = new Subscription();
     constructor(timelineService) {
         this.timelineService = timelineService;
@@ -14290,8 +14290,8 @@ class TimelineComponent {
             this.actionsTemplate = this.cardActionsTemplate?.first || null;
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineComponent, deps: [{ token: TimelineService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventsOrder: "eventsOrder", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineComponent, deps: [{ token: TimelineService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventsOrder: "eventsOrder", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
             TimelineService,
             LocalizationService,
             {
@@ -14343,7 +14343,7 @@ class TimelineComponent {
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedTimelineMessagesDirective, selector: "[kendoTimelineLocalizedMessages]" }, { kind: "component", type: TimelineVerticalComponent, selector: "kendo-timeline-vertical", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventWidth", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineVertical"] }, { kind: "component", type: TimelineHorizontalComponent, selector: "kendo-timeline-horizontal", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventHeight", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineHorizontal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-timeline',
@@ -14611,11 +14611,11 @@ const KENDO_LAYOUT = [
  * ```
  */
 class AvatarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: AvatarModule, imports: [AvatarComponent, AvatarCustomMessagesComponent], exports: [AvatarComponent, AvatarCustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AvatarModule, imports: [AvatarComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: AvatarModule, imports: [AvatarComponent, AvatarCustomMessagesComponent], exports: [AvatarComponent, AvatarCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AvatarModule, imports: [AvatarComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_AVATAR],
@@ -14641,11 +14641,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class CardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: CardModule, imports: [CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective], exports: [CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: CardModule, imports: [CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective], exports: [CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: CardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CardModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_CARD],
@@ -14671,11 +14671,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class DrawerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: DrawerModule, imports: [DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective], exports: [DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerModule, imports: [DrawerComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: DrawerModule, imports: [DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective], exports: [DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerModule, imports: [DrawerComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DrawerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_DRAWER],
@@ -14705,11 +14705,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class LayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: LayoutModule, imports: [AvatarComponent, AvatarCustomMessagesComponent, CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective, ExpansionPanelComponent, ExpansionPanelTitleDirective, GridLayoutComponent, GridLayoutItemComponent, PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective, SplitterComponent, SplitterPaneComponent, StackLayoutComponent, StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective, TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent, TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent, TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective], exports: [AvatarComponent, AvatarCustomMessagesComponent, CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective, ExpansionPanelComponent, ExpansionPanelTitleDirective, GridLayoutComponent, GridLayoutItemComponent, PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective, SplitterComponent, SplitterPaneComponent, StackLayoutComponent, StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective, TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent, TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent, TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LayoutModule, imports: [AvatarComponent, DrawerComponent, ExpansionPanelComponent, PanelBarComponent, PanelBarItemComponent, SplitterComponent, StepperComponent, TabStripComponent, TileLayoutComponent, TimelineComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: LayoutModule, imports: [AvatarComponent, AvatarCustomMessagesComponent, CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective, ExpansionPanelComponent, ExpansionPanelTitleDirective, GridLayoutComponent, GridLayoutItemComponent, PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective, SplitterComponent, SplitterPaneComponent, StackLayoutComponent, StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective, TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent, TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent, TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective], exports: [AvatarComponent, AvatarCustomMessagesComponent, CardComponent, CardActionsComponent, CardBodyComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerTemplateDirective, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective, ExpansionPanelComponent, ExpansionPanelTitleDirective, GridLayoutComponent, GridLayoutItemComponent, PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective, SplitterComponent, SplitterPaneComponent, StackLayoutComponent, StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective, TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent, TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent, TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LayoutModule, imports: [AvatarComponent, DrawerComponent, ExpansionPanelComponent, PanelBarComponent, PanelBarItemComponent, SplitterComponent, StepperComponent, TabStripComponent, TileLayoutComponent, TimelineComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_LAYOUT],
@@ -14735,11 +14735,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class PanelBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: PanelBarModule, imports: [PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective], exports: [PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarModule, imports: [PanelBarComponent, PanelBarItemComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: PanelBarModule, imports: [PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective], exports: [PanelBarComponent, PanelBarItemComponent, PanelBarContentDirective, PanelBarItemTemplateDirective, PanelBarItemTitleDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarModule, imports: [PanelBarComponent, PanelBarItemComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PanelBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: PanelBarModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_PANELBAR],
@@ -14765,11 +14765,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class SplitterModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: SplitterModule, imports: [SplitterComponent, SplitterPaneComponent], exports: [SplitterComponent, SplitterPaneComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterModule, imports: [SplitterComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: SplitterModule, imports: [SplitterComponent, SplitterPaneComponent], exports: [SplitterComponent, SplitterPaneComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterModule, imports: [SplitterComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SplitterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SplitterModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_SPLITTER],
@@ -14795,11 +14795,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class StepperModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: StepperModule, imports: [StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective], exports: [StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperModule, imports: [StepperComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: StepperModule, imports: [StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective], exports: [StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperModule, imports: [StepperComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StepperModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_STEPPER],
@@ -14825,11 +14825,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class TabStripModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: TabStripModule, imports: [TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent], exports: [TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripModule, imports: [TabStripComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: TabStripModule, imports: [TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent], exports: [TabStripComponent, TabStripTabComponent, TabContentDirective, TabTitleDirective, TabStripCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripModule, imports: [TabStripComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TabStripModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TabStripModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_TABSTRIP],
@@ -14855,11 +14855,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class ExpansionPanelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelModule, imports: [ExpansionPanelComponent, ExpansionPanelTitleDirective], exports: [ExpansionPanelComponent, ExpansionPanelTitleDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelModule, imports: [ExpansionPanelComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelModule, imports: [ExpansionPanelComponent, ExpansionPanelTitleDirective], exports: [ExpansionPanelComponent, ExpansionPanelTitleDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelModule, imports: [ExpansionPanelComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ExpansionPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ExpansionPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_EXPANSIONPANEL],
@@ -14885,11 +14885,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class TileLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutModule, imports: [TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent], exports: [TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutModule, imports: [TileLayoutComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutModule, imports: [TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent], exports: [TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutModule, imports: [TileLayoutComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TileLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_TILELAYOUT],
@@ -14915,11 +14915,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class StackLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StackLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: StackLayoutModule, imports: [StackLayoutComponent], exports: [StackLayoutComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StackLayoutModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StackLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: StackLayoutModule, imports: [StackLayoutComponent], exports: [StackLayoutComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StackLayoutModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: StackLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: StackLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_STACKLAYOUT],
@@ -14945,11 +14945,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class GridLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutModule, imports: [GridLayoutComponent, GridLayoutItemComponent], exports: [GridLayoutComponent, GridLayoutItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutModule, imports: [GridLayoutComponent, GridLayoutItemComponent], exports: [GridLayoutComponent, GridLayoutItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GridLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: GridLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_GRIDLAYOUT],
@@ -14975,11 +14975,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```
  */
 class TimelineModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: TimelineModule, imports: [TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective], exports: [TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineModule, imports: [TimelineComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: TimelineModule, imports: [TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective], exports: [TimelineComponent, TimelineCustomMessagesComponent, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineModule, imports: [TimelineComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TimelineModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimelineModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_TIMELINE],