@progress/kendo-angular-label 16.5.0 → 16.6.0-develop.10

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

@@ -3,15 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Directive, Input, HostBinding, forwardRef, Component, NgModule, EventEmitter, isDevMode, Output, ContentChild, ViewChild } from '@angular/core';
+import { Directive, Input, HostBinding, EventEmitter, forwardRef, isDevMode, Component, Output, ContentChild, 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';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { NgControl } from '@angular/forms';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Observable, Subscription } from 'rxjs';
+import { NgIf, NgClass, NgStyle } from '@angular/common';
 
 /**
  * @hidden
@@ -167,12 +166,13 @@ class LabelDirective {
     }
 }
 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, selector: "label[for]", inputs: { for: "for", labelClass: "labelClass" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+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: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'label[for]'
+                    selector: 'label[for]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { for: [{
                 type: Input
@@ -186,111 +186,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['class.k-label']
             }] } });
 
-/**
- * @hidden
- */
-class Messages extends ComponentMessages {
-}
-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: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendo-label-messages-base'
-                }]
-        }], propDecorators: { optional: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-}
-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, 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: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: `
-      [kendoLabelLocalizedMessages],
-      [kendoFloatingLabelLocalizedMessages]
-    `
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
-
-/**
- * Custom component messages override default component messages
- * ([see example](slug:label_globalization#toc-internationalization)).
- */
-class CustomMessagesComponent extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return 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, 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: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => CustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-label-messages, kendo-floatinglabel-messages',
-                    template: ``
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
-
-const SHARED_DIRECTIVES = [
-    LocalizedMessagesDirective,
-    CustomMessagesComponent
-];
-/**
- * @hidden
- */
-class SharedDirectivesModule {
-}
-SharedDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule, declarations: [LocalizedMessagesDirective,
-        CustomMessagesComponent], exports: [LocalizedMessagesDirective,
-        CustomMessagesComponent] });
-SharedDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SHARED_DIRECTIVES],
-                    exports: [SHARED_DIRECTIVES]
-                }]
-        }] });
-
 /**
  * @hidden
  */
@@ -298,8 +193,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721814095,
-    version: '16.5.0',
+    publishDate: 1722606869,
+    version: '16.6.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -350,6 +245,56 @@ class FloatingLabelInputAdapter {
     }
 }
 
+/**
+ * @hidden
+ */
+class Messages extends ComponentMessages {
+}
+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: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-label-messages-base'
+                }]
+        }], propDecorators: { optional: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+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: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: `
+      [kendoLabelLocalizedMessages],
+      [kendoFloatingLabelLocalizedMessages]
+    `,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
 const isFunction = (x) => Object.prototype.toString.call(x) === '[object Function]';
 /**
  * Represents the [Kendo UI FloatingLabel component for Angular]({% slug overview_floatinglabel %}).
@@ -567,7 +512,7 @@ class FloatingLabelComponent {
     }
 }
 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, 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: [
+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,
@@ -583,7 +528,7 @@ FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
             {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
         </label>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }] });
+    `, 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: [{
             type: Component,
             args: [{
@@ -606,7 +551,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
             {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
         </label>
-    `
+    `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, NgIf, NgClass, NgStyle]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
@@ -640,50 +587,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: [NgControl, { static: false }]
             }] } });
 
-const COMPONENT_DIRECTIVES$1 = [FloatingLabelComponent];
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the TextBox directive.
- *
- * @example
- *
- * ```ts-no-run
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, FloatingLabelModule], // import FloatingLabel module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-class 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, declarations: [FloatingLabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [FloatingLabelComponent, SharedDirectivesModule] });
-FloatingLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [CommonModule, SharedDirectivesModule, SharedDirectivesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT_DIRECTIVES$1],
-                    exports: [...COMPONENT_DIRECTIVES$1, SharedDirectivesModule],
-                    imports: [CommonModule, SharedDirectivesModule]
-                }]
-        }] });
-
 /**
  * Represents the [Kendo UI Label component for Angular]({% slug overview_label %}).
  *
@@ -706,12 +609,23 @@ class LabelComponent {
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
     }
+    /**
+     * Associates the label with a component by a template reference, or with an HTML element by id.
+     */
+    set for(forValue) {
+        if (forValue !== this._for) {
+            this._for = forValue;
+            this.control = forValue;
+        }
+    }
+    get for() {
+        return this._for;
+    }
     /**
      * @hidden
      */
     ngAfterContentInit() {
         if (this.for) {
-            this.control = this.for;
             return;
         }
         const wrappedNativeInput = getWrappedNativeInput(this.elementRef.nativeElement);
@@ -754,7 +668,7 @@ class LabelComponent {
     }
 }
 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, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+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,
@@ -775,7 +689,7 @@ LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
             {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
         </label>
         <ng-content></ng-content>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }] });
+    `, 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: [{
             type: Component,
             args: [{
@@ -803,7 +717,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
         </label>
         <ng-content></ng-content>
-    `
+    `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle, NgIf]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { direction: [{
                 type: HostBinding,
@@ -826,10 +742,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: [KendoInput, { static: true }]
             }] } });
 
-const COMPONENT_DIRECTIVES = [
+/**
+ * Custom component messages override default component messages
+ * ([see example](slug:label_globalization#toc-internationalization)).
+ */
+class CustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return 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: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-label-messages, kendo-floatinglabel-messages',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
+/**
+ * Utility array that contains all `Label` related components and directives
+ */
+const KENDO_LABEL = [
     LabelDirective,
-    LabelComponent
+    LabelComponent,
+    CustomMessagesComponent
+];
+/**
+ * Utility array that contains all `FloatingLabel` related components and directives
+ */
+const KENDO_FLOATINGLABEL = [
+    FloatingLabelComponent,
+    CustomMessagesComponent
+];
+/**
+ * Utility array that contains all `@progress/kendo-angular-label` related components and directives
+ */
+const KENDO_LABELS = [
+    ...KENDO_LABEL,
+    ...KENDO_FLOATINGLABEL
 ];
+
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * The exported package module.
  *
@@ -868,16 +839,56 @@ const COMPONENT_DIRECTIVES = [
 class 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, declarations: [LabelDirective,
-        LabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [LabelDirective,
-        LabelComponent, FloatingLabelModule, SharedDirectivesModule] });
-LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [CommonModule, SharedDirectivesModule, FloatingLabelModule, SharedDirectivesModule] });
+LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent], exports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
+LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, SharedDirectivesModule],
-                    declarations: [...COMPONENT_DIRECTIVES],
-                    exports: [...COMPONENT_DIRECTIVES, FloatingLabelModule, SharedDirectivesModule]
+                    imports: [...KENDO_LABELS],
+                    exports: [...KENDO_LABELS]
+                }]
+        }] });
+
+//IMPORTANT: NgModule export kept for backwards compatibility
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the TextBox directive.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, FloatingLabelModule], // import FloatingLabel module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+class 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: [FloatingLabelComponent, CustomMessagesComponent], exports: [FloatingLabelComponent, 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: [{
+            type: NgModule,
+            args: [{
+                    exports: [...KENDO_FLOATINGLABEL],
+                    imports: [...KENDO_FLOATINGLABEL]
                 }]
         }] });
 
@@ -885,5 +896,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CustomMessagesComponent, FloatingLabelComponent, FloatingLabelModule, LabelComponent, LabelDirective, LabelModule, LocalizedMessagesDirective, SharedDirectivesModule };
+export { CustomMessagesComponent, FloatingLabelComponent, FloatingLabelModule, KENDO_FLOATINGLABEL, KENDO_LABEL, KENDO_LABELS, LabelComponent, LabelDirective, LabelModule, LocalizedMessagesDirective };
 

package/floating-label/floating-label.component.d.ts

@@ -109,5 +109,5 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
     private addHandlers;
     private validateSetup;
     static ɵfac: i0.ɵɵFactoryDeclaration<FloatingLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FloatingLabelComponent, "kendo-floatinglabel", ["kendoFloatingLabel"], { "labelCssStyle": "labelCssStyle"; "labelCssClass": "labelCssClass"; "id": "id"; "text": "text"; "optional": "optional"; }, { "positionChange": "positionChange"; }, ["kendoInput", "formControl"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FloatingLabelComponent, "kendo-floatinglabel", ["kendoFloatingLabel"], { "labelCssStyle": "labelCssStyle"; "labelCssClass": "labelCssClass"; "id": "id"; "text": "text"; "optional": "optional"; }, { "positionChange": "positionChange"; }, ["kendoInput", "formControl"], ["*"], true, never>;
 }

package/floating-label/floating-label.module.d.ts

@@ -4,8 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./floating-label.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../shared.module";
+import * as i2 from "../localization/custom-messages.component";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the TextBox directive.
@@ -37,6 +36,6 @@ import * as i3 from "../shared.module";
  */
 export declare class FloatingLabelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FloatingLabelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FloatingLabelModule, [typeof i1.FloatingLabelComponent], [typeof i2.CommonModule, typeof i3.SharedDirectivesModule], [typeof i1.FloatingLabelComponent, typeof i3.SharedDirectivesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FloatingLabelModule, never, [typeof i1.FloatingLabelComponent, typeof i2.CustomMessagesComponent], [typeof i1.FloatingLabelComponent, typeof i2.CustomMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FloatingLabelModule>;
 }

package/index.d.ts

@@ -10,4 +10,4 @@ export { LabelComponent } from './label/label.component';
 export { CustomMessagesComponent } from './localization/custom-messages.component';
 export { FloatingLabelPosition } from './floating-label/models/label-position';
 export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-export { SharedDirectivesModule } from './shared.module';
+export * from './directives';

package/label/label.component.d.ts

@@ -33,7 +33,8 @@ export declare class LabelComponent implements AfterContentInit {
     /**
      * Associates the label with a component by a template reference, or with an HTML element by id.
      */
-    for: any;
+    set for(forValue: any);
+    get for(): any;
     /**
      * 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)).
@@ -60,6 +61,7 @@ export declare class LabelComponent implements AfterContentInit {
         focus: Function;
     };
     private subscriptions;
+    private _for;
     constructor(elementRef: ElementRef, renderer: Renderer2, localization: LocalizationService);
     /**
      * @hidden
@@ -82,5 +84,5 @@ export declare class LabelComponent implements AfterContentInit {
      */
     textFor(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "kendo-label", ["kendoLabel"], { "text": "text"; "for": "for"; "optional": "optional"; "labelCssStyle": "labelCssStyle"; "labelCssClass": "labelCssClass"; }, {}, ["kendoInput"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "kendo-label", ["kendoLabel"], { "text": "text"; "for": "for"; "optional": "optional"; "labelCssStyle": "labelCssStyle"; "labelCssClass": "labelCssClass"; }, {}, ["kendoInput"], ["*"], true, never>;
 }

package/label.directive.d.ts

@@ -71,5 +71,5 @@ export declare class LabelDirective {
     private getFocusableComponent;
     private handleClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[for]", never, { "for": "for"; "labelClass": "labelClass"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[for]", never, { "for": "for"; "labelClass": "labelClass"; }, {}, never, never, true, never>;
 }

package/label.module.d.ts

@@ -5,9 +5,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./label.directive";
 import * as i2 from "./label/label.component";
-import * as i3 from "@angular/common";
-import * as i4 from "./shared.module";
-import * as i5 from "./floating-label/floating-label.module";
+import * as i3 from "./localization/custom-messages.component";
+import * as i4 from "./floating-label/floating-label.component";
 /**
  * The exported package module.
  *
@@ -45,6 +44,6 @@ import * as i5 from "./floating-label/floating-label.module";
  */
 export declare class LabelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LabelModule, [typeof i1.LabelDirective, typeof i2.LabelComponent], [typeof i3.CommonModule, typeof i4.SharedDirectivesModule], [typeof i1.LabelDirective, typeof i2.LabelComponent, typeof i5.FloatingLabelModule, typeof i4.SharedDirectivesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LabelModule, never, [typeof i1.LabelDirective, typeof i2.LabelComponent, typeof i3.CustomMessagesComponent, typeof i4.FloatingLabelComponent, typeof i3.CustomMessagesComponent], [typeof i1.LabelDirective, typeof i2.LabelComponent, typeof i3.CustomMessagesComponent, typeof i4.FloatingLabelComponent, typeof i3.CustomMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LabelModule>;
 }

package/localization/custom-messages.component.d.ts

@@ -14,5 +14,5 @@ export declare class CustomMessagesComponent extends Messages {
     constructor(service: LocalizationService);
     protected get override(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-label-messages, kendo-floatinglabel-messages", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-label-messages, kendo-floatinglabel-messages", never, {}, {}, never, never, true, never>;
 }

package/localization/localized-messages.directive.d.ts

@@ -12,5 +12,5 @@ export declare class LocalizedMessagesDirective extends Messages {
     protected service: LocalizationService;
     constructor(service: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "      [kendoLabelLocalizedMessages],      [kendoFloatingLabelLocalizedMessages]    ", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "      [kendoLabelLocalizedMessages],      [kendoFloatingLabelLocalizedMessages]    ", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-label",
-  "version": "16.5.0",
+  "version": "16.6.0-develop.10",
   "description": "Kendo UI Label for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,13 +24,13 @@
     "@angular/forms": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.5.0",
-    "@progress/kendo-angular-l10n": "16.5.0",
+    "@progress/kendo-angular-common": "16.6.0-develop.10",
+    "@progress/kendo-angular-l10n": "16.6.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.5.0"
+    "@progress/kendo-angular-schematics": "16.6.0-develop.10"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-label.mjs",