@progress/kendo-angular-label 17.0.0-develop.21 → 17.0.0-develop.22

package/{esm2020 → esm2022}/floating-label/floating-label-input-adapter.mjs

@@ -8,6 +8,31 @@ import { EventEmitter } from '@angular/core';
  * @hidden
  */
 export class FloatingLabelInputAdapter {
+    component;
+    onFocus;
+    onBlur;
+    autoFillStart;
+    autoFillEnd;
+    onValueChange;
+    get focusableId() {
+        const component = this.component;
+        if ('focusableId' in component) {
+            return component.focusableId;
+        }
+        else if ('id' in component) {
+            return component.id;
+        }
+        return "";
+    }
+    set focusableId(value) {
+        const component = this.component;
+        if ('focusableId' in component) {
+            component.focusableId = value;
+        }
+        else if ('id' in component) {
+            component.id = value;
+        }
+    }
     constructor(component, formControl) {
         this.component = component;
         const isObservableOrEventEmitter = (event) => event instanceof Observable || event instanceof EventEmitter;
@@ -30,23 +55,4 @@ export class FloatingLabelInputAdapter {
             this.onValueChange = component.valueChange;
         }
     }
-    get focusableId() {
-        const component = this.component;
-        if ('focusableId' in component) {
-            return component.focusableId;
-        }
-        else if ('id' in component) {
-            return component.id;
-        }
-        return "";
-    }
-    set focusableId(value) {
-        const component = this.component;
-        if ('focusableId' in component) {
-            component.focusableId = value;
-        }
-        else if ('id' in component) {
-            component.id = value;
-        }
-    }
 }

package/{esm2020 → esm2022}/floating-label/floating-label.component.mjs

@@ -31,37 +31,10 @@ const isFunction = (x) => Object.prototype.toString.call(x) === '[object Functio
  * ```
  */
 export class FloatingLabelComponent {
-    constructor(elementRef, renderer, changeDetectorRef, localization) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        this.localization = localization;
-        this.hostClasses = true;
-        /**
-         * Fires after the floating label position is changed.
-         */
-        this.positionChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.focused = false;
-        /**
-         * @hidden
-         */
-        this.empty = true;
-        /**
-         * @hidden
-         */
-        this.invalid = false;
-        /**
-         * @hidden
-         */
-        this.labelId = `k-${guid()}`;
-        this.autoFillStarted = false;
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
-    }
+    elementRef;
+    renderer;
+    changeDetectorRef;
+    localization;
     /**
      * Represents the current floating label position.
      */
@@ -71,12 +44,75 @@ export class FloatingLabelComponent {
         }
         return this.focused ? 'Out' : 'In';
     }
+    hostClasses = true;
     get focusedClass() {
         return this.focused;
     }
     get invalidClass() {
         return this.invalid;
     }
+    /**
+     * @hidden
+     */
+    direction;
+    /**
+     * Sets the CSS Styles that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']) directive.
+     */
+    labelCssStyle;
+    /**
+     * Sets the CSS Classes that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']) directive.
+     */
+    labelCssClass;
+    /**
+     * Sets the `id` attribute of the input inside the floating label.
+     */
+    id;
+    /**
+     * Specifies the text content of the floating label which describes the input.
+     */
+    text;
+    /**
+     * Allows marking a form field as optional. By default renders the `Optional` text when enabled.
+     * The text can be customized by providing a custom message ([see example]({% slug label_globalization %}#toc-custom-messages)).
+     *
+     * The default value is `false`
+     */
+    optional;
+    /**
+     * Fires after the floating label position is changed.
+     */
+    positionChange = new EventEmitter();
+    kendoInput;
+    formControl;
+    /**
+     * @hidden
+     */
+    focused = false;
+    /**
+     * @hidden
+     */
+    empty = true;
+    /**
+     * @hidden
+     */
+    invalid = false;
+    /**
+     * @hidden
+     */
+    labelId = `k-${guid()}`;
+    subscription;
+    autoFillStarted = false;
+    constructor(elementRef, renderer, changeDetectorRef, localization) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.changeDetectorRef = changeDetectorRef;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
+    }
     /**
      * @hidden
      */
@@ -229,15 +265,14 @@ export class FloatingLabelComponent {
             return;
         }
     }
-}
-FloatingLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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,
-            useValue: 'kendo.floatinglabel'
-        }
-    ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true }, { propertyName: "formControl", first: true, predicate: NgControl, descendants: true }], exportAs: ["kendoFloatingLabel"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "14.0.0", version: "16.2.12", 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,
+                useValue: 'kendo.floatinglabel'
+            }
+        ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true }, { propertyName: "formControl", first: true, predicate: NgControl, descendants: true }], exportAs: ["kendoFloatingLabel"], ngImport: i0, template: `
         <ng-container kendoFloatingLabelLocalizedMessages
             i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
             optional="Optional"
@@ -248,7 +283,8 @@ FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
         </label>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-floatinglabel',

package/{esm2020 → esm2022}/floating-label/floating-label.module.mjs

@@ -38,11 +38,11 @@ import * as i2 from "../localization/custom-messages.component";
  * ```
  */
 export class FloatingLabelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FloatingLabelModule, imports: [i1.FloatingLabelComponent, i2.CustomMessagesComponent], exports: [i1.FloatingLabelComponent, i2.CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingLabelModule });
 }
-FloatingLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FloatingLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [i1.FloatingLabelComponent, i2.CustomMessagesComponent], exports: [i1.FloatingLabelComponent, i2.CustomMessagesComponent] });
-FloatingLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [KENDO_FLOATINGLABEL] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_FLOATINGLABEL],

package/{esm2020 → esm2022}/label/label.component.mjs

@@ -27,15 +27,17 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class LabelComponent {
-    constructor(elementRef, renderer, localization) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.subscriptions = new Subscription();
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
-    }
+    elementRef;
+    renderer;
+    localization;
+    /**
+     * @hidden
+     */
+    direction;
+    /**
+     * Specifies the text content of the label which describes the input.
+     */
+    text;
     /**
      * Associates the label with a component by a template reference, or with an HTML element by id.
      */
@@ -48,6 +50,39 @@ export class LabelComponent {
     get for() {
         return this._for;
     }
+    /**
+     * Allows marking a form field as optional. By default renders the `Optional` text when enabled.
+     * The text can be customized by providing a custom message ([see example]({% slug label_globalization %}#toc-custom-messages)).
+     *
+     * The default value is `false`.
+     */
+    optional;
+    /**
+     * Sets the CSS Styles that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']) directive.
+     */
+    labelCssStyle;
+    /**
+     * Sets the CSS Classes that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']) directive.
+     */
+    labelCssClass;
+    labelDirective;
+    kendoInput;
+    /**
+     * @hidden
+     */
+    control;
+    subscriptions = new Subscription();
+    _for;
+    constructor(elementRef, renderer, localization) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
+    }
     /**
      * @hidden
      */
@@ -93,15 +128,14 @@ export class LabelComponent {
     textFor(key) {
         return this.localization.get(key);
     }
-}
-LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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,
-            useValue: 'kendo.label'
-        }
-    ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], viewQueries: [{ propertyName: "labelDirective", first: true, predicate: LabelDirective, descendants: true, static: true }], exportAs: ["kendoLabel"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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,
+                useValue: 'kendo.label'
+            }
+        ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], viewQueries: [{ propertyName: "labelDirective", first: true, predicate: LabelDirective, descendants: true, static: true }], exportAs: ["kendoLabel"], ngImport: i0, template: `
         <ng-container kendoLabelLocalizedMessages
             i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
             optional="Optional"
@@ -117,7 +151,8 @@ LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
         </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"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-label',

package/{esm2020 → esm2022}/label.directive.mjs

@@ -38,26 +38,15 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class LabelDirective {
-    constructor(label, renderer, zone) {
-        this.label = label;
-        this.renderer = renderer;
-        this.zone = zone;
-        /**
-         * @hidden
-         *
-         * Allows the user to specify if the label CSS class should be rendered or not.
-         */
-        this.labelClass = true;
-        this.handleClick = () => {
-            const component = this.getFocusableComponent();
-            if (!component) {
-                return;
-            }
-            if (component.focus) {
-                component.focus();
-            }
-        };
-    }
+    label;
+    renderer;
+    zone;
+    /**
+     * Sets the focusable target to either of the following options ([see example]({% slug overview_label %})):
+     * * A [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
+     * * An `id` HTML string value.
+     */
+    for;
     get labelFor() {
         if (typeof this.for === 'string') {
             return this.for;
@@ -71,6 +60,18 @@ export class LabelDirective {
         }
         return component.focusableId || component.id || null;
     }
+    /**
+     * @hidden
+     *
+     * Allows the user to specify if the label CSS class should be rendered or not.
+     */
+    labelClass = true;
+    clickListener;
+    constructor(label, renderer, zone) {
+        this.label = label;
+        this.renderer = renderer;
+        this.zone = zone;
+    }
     /**
      * @hidden
      */
@@ -128,10 +129,19 @@ export class LabelDirective {
         const target = this.for;
         return target && target.focus !== undefined ? target : null;
     }
+    handleClick = () => {
+        const component = this.getFocusableComponent();
+        if (!component) {
+            return;
+        }
+        if (component.focus) {
+            component.focus();
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", 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 });
 }
-LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: LabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/label.module.mjs

@@ -46,11 +46,11 @@ import * as i4 from "./floating-label/floating-label.component";
  * ```
  */
 export class LabelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LabelModule, imports: [i1.LabelDirective, i2.LabelComponent, i3.CustomMessagesComponent, i4.FloatingLabelComponent, i3.CustomMessagesComponent], exports: [i1.LabelDirective, i2.LabelComponent, i3.CustomMessagesComponent, i4.FloatingLabelComponent, i3.CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelModule });
 }
-LabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [i1.LabelDirective, i2.LabelComponent, i3.CustomMessagesComponent, i4.FloatingLabelComponent, i3.CustomMessagesComponent], exports: [i1.LabelDirective, i2.LabelComponent, i3.CustomMessagesComponent, i4.FloatingLabelComponent, i3.CustomMessagesComponent] });
-LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [i2.LabelComponent, i3.CustomMessagesComponent, i4.FloatingLabelComponent, i3.CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_LABELS],

package/{esm2020 → esm2022}/localization/custom-messages.component.mjs

@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ([see example](slug:label_globalization#toc-internationalization)).
  */
 export class CustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -19,15 +20,15 @@ export class CustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    ", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/localization/messages.mjs

@@ -9,10 +9,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class Messages extends ComponentMessages {
+    /**
+     * The optional text.
+     */
+    optional;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729874172,
-    version: '17.0.0-develop.21',
+    publishDate: 1730103550,
+    version: '17.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };