@progress/kendo-angular-label 24.2.2 → 25.0.0-develop.12

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Input, HostBinding, Directive, EventEmitter, forwardRef, isDevMode, ContentChild, Output, Component, ViewChild, NgModule } from '@angular/core';
+import { signal, Input, HostBinding, Directive, EventEmitter, forwardRef, isDevMode, ContentChild, Output, ChangeDetectionStrategy, Component, ViewChild, NgModule } from '@angular/core';
 import { isDocumentAvailable, guid, hasObservers, KendoInput } from '@progress/kendo-angular-common';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -82,7 +82,12 @@ class LabelDirective {
      * @remarks
      * This property is related to accessibility.
      */
-    for;
+    set for(value) {
+        this._for.set(value);
+    }
+    get for() {
+        return this._for();
+    }
     get labelFor() {
         if (typeof this.for === 'string') {
             return this.for;
@@ -102,6 +107,7 @@ class LabelDirective {
      */
     labelClass = true;
     clickListener;
+    _for = signal(null, ...(ngDevMode ? [{ debugName: "_for" }] : []));
     constructor(label, renderer, zone) {
         this.label = label;
         this.renderer = renderer;
@@ -173,10 +179,10 @@ class LabelDirective {
             component.focus();
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LabelDirective, isStandalone: true, selector: "label[for]", inputs: { for: "for", labelClass: "labelClass" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LabelDirective, isStandalone: true, selector: "label[for]", inputs: { for: "for", labelClass: "labelClass" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'label[for]',
@@ -202,8 +208,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783511421,
-    version: '24.2.2',
+    publishDate: 1785317889,
+    version: '25.0.0-develop.12',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -267,11 +273,17 @@ class Messages extends ComponentMessages {
     /**
      * The optional text.
      */
-    optional;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: Messages, isStandalone: true, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
+    set optional(value) {
+        this._optional.set(value);
+    }
+    get optional() {
+        return this._optional();
+    }
+    _optional = signal(undefined, ...(ngDevMode ? [{ debugName: "_optional" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-label-messages-base'
@@ -289,15 +301,15 @@ class LocalizedMessagesDirective extends Messages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    ", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    ", providers: [
             {
                 provide: Messages,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -336,23 +348,23 @@ const isFunction = (x) => Object.prototype.toString.call(x) === '[object Functio
 class FloatingLabelComponent {
     elementRef;
     renderer;
-    changeDetectorRef;
     localization;
+    changeDetectorRef;
     /**
      * Gets the current floating label position.
      */
     get labelPosition() {
-        if (!this.empty) {
+        if (!this._empty()) {
             return 'Out';
         }
-        return this.focused ? 'Out' : 'In';
+        return this._focused() ? 'Out' : 'In';
     }
     hostClasses = true;
     get focusedClass() {
-        return this.focused;
+        return this._focused();
     }
     get invalidClass() {
-        return this.invalid;
+        return this._invalid();
     }
     /**
      * @hidden
@@ -362,33 +374,58 @@ class FloatingLabelComponent {
      * Sets the CSS styles for the internal label element.
      * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
      */
-    labelCssStyle;
+    set labelCssStyle(value) {
+        this._labelCssStyle.set(value);
+    }
+    get labelCssStyle() {
+        return this._labelCssStyle();
+    }
     /**
      * Sets the CSS classes for the label element.
      * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
      */
-    labelCssClass;
+    set labelCssClass(value) {
+        this._labelCssClass.set(value);
+    }
+    get labelCssClass() {
+        return this._labelCssClass();
+    }
     /**
      * Sets the `id` attribute of the input inside the floating label.
      *
      * @remarks
      * This property is related to accessibility.
      */
-    id;
+    set id(value) {
+        this._id.set(value);
+    }
+    get id() {
+        return this._id();
+    }
     /**
      * Sets the text content of the floating label that describes the input.
      *
      * @remarks
      * This property is related to accessibility.
      */
-    text;
+    set text(value) {
+        this._text.set(value);
+    }
+    get text() {
+        return this._text();
+    }
     /**
      * Marks a form field as optional. When enabled, renders the `Optional` text by default.
      * You can customize the text by providing a custom message ([see example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#custom-messages)).
      *
      * @default false
      */
-    optional;
+    set optional(value) {
+        this._optional.set(value);
+    }
+    get optional() {
+        return this._optional();
+    }
     /**
      * Fires after the FloatingLabel position changes.
      */
@@ -398,26 +435,40 @@ class FloatingLabelComponent {
     /**
      * @hidden
      */
-    focused = false;
+    get focused() {
+        return this._focused();
+    }
     /**
      * @hidden
      */
-    empty = true;
+    get empty() {
+        return this._empty();
+    }
     /**
      * @hidden
      */
-    invalid = false;
+    get invalid() {
+        return this._invalid();
+    }
     /**
      * @hidden
      */
     labelId = `k-${guid()}`;
+    _labelCssStyle = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssStyle" }] : []));
+    _labelCssClass = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssClass" }] : []));
+    _id = signal(null, ...(ngDevMode ? [{ debugName: "_id" }] : []));
+    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
+    _optional = signal(false, ...(ngDevMode ? [{ debugName: "_optional" }] : []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : []));
+    _empty = signal(true, ...(ngDevMode ? [{ debugName: "_empty" }] : []));
+    _invalid = signal(false, ...(ngDevMode ? [{ debugName: "_invalid" }] : []));
     subscription;
-    autoFillStarted = false;
-    constructor(elementRef, renderer, changeDetectorRef, localization) {
+    autoFillStarted = signal(false, ...(ngDevMode ? [{ debugName: "autoFillStarted" }] : []));
+    constructor(elementRef, renderer, localization, changeDetectorRef) {
         this.elementRef = elementRef;
         this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
         this.localization = localization;
+        this.changeDetectorRef = changeDetectorRef;
         validatePackage(packageMetadata);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
@@ -442,7 +493,7 @@ class FloatingLabelComponent {
             return;
         }
         if (currentEmpty !== this.empty) {
-            this.empty = currentEmpty;
+            this._empty.set(currentEmpty);
             if (currentEmpty) {
                 this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
             }
@@ -502,16 +553,16 @@ class FloatingLabelComponent {
         if (formControl) {
             const valueAccessor = formControl.valueAccessor;
             if (isFunction(valueAccessor.isEmpty)) {
-                this.empty = valueAccessor.isEmpty();
+                this._empty.set(valueAccessor.isEmpty());
             }
             else {
-                this.empty = this.isValueEmpty(formControl.value);
+                this._empty.set(this.isValueEmpty(formControl.value));
             }
-            this.invalid = formControl.invalid && (formControl.touched || formControl.dirty);
+            this._invalid.set(formControl.invalid && (formControl.touched || formControl.dirty));
         }
         else {
-            this.empty = isFunction(this.kendoInput.isEmpty) ?
-                this.kendoInput.isEmpty() : this.isValueEmpty(this.kendoInput.value);
+            this._empty.set(isFunction(this.kendoInput.isEmpty) ?
+                this.kendoInput.isEmpty() : this.isValueEmpty(this.kendoInput.value));
         }
         if (this.empty) {
             this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
@@ -568,12 +619,12 @@ class FloatingLabelComponent {
     }
     handleAutofill(control) {
         this.subscribe(control, 'autoFillStart', () => {
-            this.autoFillStarted = true;
+            this.autoFillStarted.set(true);
             this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
         });
         this.subscribe(control, 'autoFillEnd', () => {
             if (this.autoFillStarted) {
-                this.autoFillStarted = false;
+                this.autoFillStarted.set(false);
                 if (this.empty) {
                     this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
                 }
@@ -582,7 +633,7 @@ class FloatingLabelComponent {
     }
     addHandlers(control) {
         const setFocus = (isFocused) => () => {
-            this.focused = isFocused;
+            this._focused.set(isFocused);
             this.updateState();
             if (!this.empty) {
                 return;
@@ -607,8 +658,8 @@ class FloatingLabelComponent {
             return;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: FloatingLabelComponent, isStandalone: true, selector: "kendo-floatinglabel", inputs: { labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass", id: "id", text: "text", optional: "optional" }, outputs: { positionChange: "positionChange" }, host: { properties: { "class.k-floating-label-container": "this.hostClasses", "class.k-focus": "this.focusedClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FloatingLabelComponent, isStandalone: true, selector: "kendo-floatinglabel", inputs: { labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass", id: "id", text: "text", optional: "optional" }, outputs: { positionChange: "positionChange" }, host: { properties: { "class.k-floating-label-container": "this.hostClasses", "class.k-focus": "this.focusedClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -628,9 +679,9 @@ class FloatingLabelComponent {
           }
         </label>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { 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: "19.2.25", ngImport: i0, type: FloatingLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-floatinglabel',
@@ -658,9 +709,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         }
         `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, NgClass, NgStyle]
+                    imports: [LocalizedMessagesDirective, NgClass, NgStyle],
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }], propDecorators: { hostClasses: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-floating-label-container']
             }], focusedClass: [{
@@ -714,7 +766,9 @@ class LabelComponent {
      * Specifies the `dir` attribute value for the component.
      * @hidden
      */
-    direction;
+    get direction() {
+        return this._direction();
+    }
     /**
      * Sets the text content of the Label. Use this property to describe the input.
      *
@@ -723,7 +777,12 @@ class LabelComponent {
      * <kendo-label text="Email"></kendo-label>
      * ```
      */
-    text;
+    set text(value) {
+        this._text.set(value);
+    }
+    get text() {
+        return this._text();
+    }
     /**
      * Associates the label with a component by a template reference or with an HTML element by `id`.
      *
@@ -734,13 +793,13 @@ class LabelComponent {
      * ```
      */
     set for(forValue) {
-        if (forValue !== this._for) {
-            this._for = forValue;
+        if (forValue !== this._for()) {
+            this._for.set(forValue);
             this.control = forValue;
         }
     }
     get for() {
-        return this._for;
+        return this._for();
     }
     /**
      * Marks a form field as optional. When enabled, the label displays the `Optional` text by default.
@@ -752,7 +811,12 @@ class LabelComponent {
      * <kendo-label text="Phone" [optional]="true"></kendo-label>
      * ```
      */
-    optional;
+    set optional(value) {
+        this._optional.set(value);
+    }
+    get optional() {
+        return this._optional();
+    }
     /**
      * Sets the CSS styles for the label element.
      * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
@@ -762,7 +826,12 @@ class LabelComponent {
      * <kendo-label text="Name" [labelCssStyle]="{ color: 'red' }"></kendo-label>
      * ```
      */
-    labelCssStyle;
+    set labelCssStyle(value) {
+        this._labelCssStyle.set(value);
+    }
+    get labelCssStyle() {
+        return this._labelCssStyle();
+    }
     /**
      * Sets the CSS classes for the label element.
      * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
@@ -772,7 +841,12 @@ class LabelComponent {
      * <kendo-label text="Address" [labelCssClass]="'custom-label'"></kendo-label>
      * ```
      */
-    labelCssClass;
+    set labelCssClass(value) {
+        this._labelCssClass.set(value);
+    }
+    get labelCssClass() {
+        return this._labelCssClass();
+    }
     labelDirective;
     kendoInput;
     /**
@@ -780,13 +854,18 @@ class LabelComponent {
      */
     control;
     subscriptions = new Subscription();
-    _for;
+    _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
+    _for = signal(null, ...(ngDevMode ? [{ debugName: "_for" }] : []));
+    _optional = signal(false, ...(ngDevMode ? [{ debugName: "_optional" }] : []));
+    _labelCssStyle = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssStyle" }] : []));
+    _labelCssClass = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssClass" }] : []));
     constructor(elementRef, renderer, localization) {
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.localization = localization;
         validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this._direction.set(localization.rtl ? 'rtl' : 'ltr');
         this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
     }
     /**
@@ -811,7 +890,7 @@ class LabelComponent {
      */
     ngOnInit() {
         this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
+            this._direction.set(rtl ? 'rtl' : 'ltr');
         }));
     }
     /**
@@ -834,8 +913,8 @@ class LabelComponent {
     textFor(key) {
         return this.localization.get(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -857,9 +936,9 @@ class LabelComponent {
         }
         </label>
         <ng-content></ng-content>
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { 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: "19.2.25", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-label',
@@ -889,7 +968,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         <ng-content></ng-content>
         `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle]
+                    imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle],
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { direction: [{
                 type: HostBinding,
@@ -925,15 +1005,15 @@ class CustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
             {
                 provide: Messages,
                 useExisting: forwardRef(() => CustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -1009,11 +1089,11 @@ const KENDO_LABELS = [
  * ```
  */
 class LabelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: LabelModule, imports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent], exports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: LabelModule, imports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent], exports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_LABELS],
@@ -1038,11 +1118,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class FloatingLabelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule, imports: [FloatingLabelComponent, CustomMessagesComponent], exports: [FloatingLabelComponent, CustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule, imports: [FloatingLabelComponent, CustomMessagesComponent], exports: [FloatingLabelComponent, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_FLOATINGLABEL],