@progress/kendo-angular-label 3.1.2 → 4.0.0-dev.202204131904

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-label.js}

@@ -2,10 +2,12 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata } from 'tslib';
-import { Input, HostBinding, Directive, ElementRef, Renderer2, NgZone, forwardRef, Component, NgModule, EventEmitter, isDevMode, Output, ContentChild, ChangeDetectorRef, ViewChild } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, Input, HostBinding, forwardRef, Component, NgModule, EventEmitter, isDevMode, Output, ContentChild, ViewChild } 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 i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { NgControl } from '@angular/forms';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -72,7 +74,7 @@ const getRootElement = (element) => {
  * class AppComponent { }
  * ```
  */
-let LabelDirective = class LabelDirective {
+class LabelDirective {
     constructor(label, renderer, zone) {
         this.label = label;
         this.renderer = renderer;
@@ -145,69 +147,79 @@ let LabelDirective = class LabelDirective {
         const target = this.for;
         return target && target.focus !== undefined ? target : null;
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], LabelDirective.prototype, "for", void 0);
-__decorate([
-    HostBinding('attr.for'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], LabelDirective.prototype, "labelFor", null);
-__decorate([
-    HostBinding('class.k-label'),
-    __metadata("design:type", Boolean)
-], LabelDirective.prototype, "labelClass", void 0);
-LabelDirective = __decorate([
-    Directive({
-        selector: 'label[for]' //tslint:disable-line:directive-selector
-    }),
-    __metadata("design:paramtypes", [ElementRef, Renderer2, NgZone])
-], LabelDirective);
+}
+LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LabelDirective, selector: "label[for]", inputs: { for: "for" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'label[for]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { for: [{
+                type: Input
+            }], labelFor: [{
+                type: HostBinding,
+                args: ['attr.for']
+            }], labelClass: [{
+                type: HostBinding,
+                args: ['class.k-label']
+            }] } });
 
 /**
  * @hidden
  */
 class Messages extends ComponentMessages {
 }
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "optional", void 0);
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Messages, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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
+            }] } });
 
-var LocalizedMessagesDirective_1;
 /**
  * @hidden
  */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends Messages {
+class LocalizedMessagesDirective extends Messages {
     constructor(service) {
         super();
         this.service = service;
     }
-};
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
-    Directive({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: `
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: `
       [kendoLabelLocalizedMessages],
       [kendoFloatingLabelLocalizedMessages]
     `
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
-var CustomMessagesComponent_1;
 /**
  * Custom component messages override default component messages
  * ([see example]({% slug label_globalization %}#toc-localization)).
  */
-let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesComponent extends Messages {
+class CustomMessagesComponent extends Messages {
     constructor(service) {
         super();
         this.service = service;
@@ -215,20 +227,27 @@ let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesCo
     get override() {
         return true;
     }
-};
-CustomMessagesComponent = CustomMessagesComponent_1 = __decorate([
-    Component({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => CustomMessagesComponent_1)
-            }
-        ],
-        selector: 'kendo-label-messages, kendo-floatinglabel-messages',
-        template: ``
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], CustomMessagesComponent);
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", 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,
@@ -237,14 +256,20 @@ const SHARED_DIRECTIVES = [
 /**
  * @hidden
  */
-let SharedDirectivesModule = class SharedDirectivesModule {
-};
-SharedDirectivesModule = __decorate([
-    NgModule({
-        declarations: [SHARED_DIRECTIVES],
-        exports: [SHARED_DIRECTIVES]
-    })
-], SharedDirectivesModule);
+class SharedDirectivesModule {
+}
+SharedDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule, declarations: [LocalizedMessagesDirective,
+        CustomMessagesComponent], exports: [LocalizedMessagesDirective,
+        CustomMessagesComponent] });
+SharedDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SHARED_DIRECTIVES],
+                    exports: [SHARED_DIRECTIVES]
+                }]
+        }] });
 
 /**
  * @hidden
@@ -253,7 +278,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642584099,
+    publishDate: 1649876656,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -331,7 +356,7 @@ const isFunction = (x) => Object.prototype.toString.call(x) === '[object Functio
  *
  * ```
  */
-let FloatingLabelComponent = class FloatingLabelComponent {
+class FloatingLabelComponent {
     constructor(elementRef, renderer, changeDetectorRef, localization) {
         this.elementRef = elementRef;
         this.renderer = renderer;
@@ -445,10 +470,10 @@ let FloatingLabelComponent = class FloatingLabelComponent {
                 this.kendoInput.isEmpty() : empty(this.kendoInput.value);
         }
         if (this.empty) {
-            this.renderer.addClass(this.elementRef.nativeElement, 'k-state-empty');
+            this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
         }
         else {
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
+            this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
         }
         this.changeDetectorRef.markForCheck();
     }
@@ -480,13 +505,13 @@ let FloatingLabelComponent = class FloatingLabelComponent {
     handleAutofill(control) {
         this.subscribe(control, 'autoFillStart', () => {
             this.autoFillStarted = true;
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
+            this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
         });
         this.subscribe(control, 'autoFillEnd', () => {
             if (this.autoFillStarted) {
                 this.autoFillStarted = false;
                 if (this.empty) {
-                    this.renderer.addClass(this.elementRef.nativeElement, 'k-state-empty');
+                    this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
                 }
             }
         });
@@ -518,69 +543,38 @@ let FloatingLabelComponent = class FloatingLabelComponent {
             return;
         }
     }
-};
-__decorate([
-    HostBinding('class.k-floating-label-container'),
-    __metadata("design:type", Boolean)
-], FloatingLabelComponent.prototype, "hostClasses", void 0);
-__decorate([
-    HostBinding('class.k-state-focused'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], FloatingLabelComponent.prototype, "focusedClass", null);
-__decorate([
-    HostBinding('class.k-state-invalid'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], FloatingLabelComponent.prototype, "invalidClass", null);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String)
-], FloatingLabelComponent.prototype, "direction", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FloatingLabelComponent.prototype, "labelCssStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FloatingLabelComponent.prototype, "labelCssClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FloatingLabelComponent.prototype, "id", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FloatingLabelComponent.prototype, "text", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FloatingLabelComponent.prototype, "optional", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], FloatingLabelComponent.prototype, "positionChange", void 0);
-__decorate([
-    ContentChild(KendoInput, { static: false }),
-    __metadata("design:type", Object)
-], FloatingLabelComponent.prototype, "kendoInput", void 0);
-__decorate([
-    ContentChild(NgControl, { static: false }),
-    __metadata("design:type", NgControl)
-], FloatingLabelComponent.prototype, "formControl", void 0);
-FloatingLabelComponent = __decorate([
-    Component({
-        selector: 'kendo-floatinglabel',
-        exportAs: 'kendoFloatingLabel',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.floatinglabel'
-            }
-        ],
-        template: `
+}
+FloatingLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", 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-state-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"
+         >
+        </ng-container>
+        <ng-content></ng-content>
+        <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-label">
+            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
+        </label>
+    `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-floatinglabel',
+                    exportAs: 'kendoFloatingLabel',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.floatinglabel'
+                        }
+                    ],
+                    template: `
         <ng-container kendoFloatingLabelLocalizedMessages
             i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
             optional="Optional"
@@ -591,14 +585,40 @@ FloatingLabelComponent = __decorate([
             {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
         </label>
     `
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ChangeDetectorRef,
-        LocalizationService])
-], FloatingLabelComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-floating-label-container']
+            }], focusedClass: [{
+                type: HostBinding,
+                args: ['class.k-focus']
+            }], invalidClass: [{
+                type: HostBinding,
+                args: ['class.k-state-invalid']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], labelCssStyle: [{
+                type: Input
+            }], labelCssClass: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], optional: [{
+                type: Input
+            }], positionChange: [{
+                type: Output
+            }], kendoInput: [{
+                type: ContentChild,
+                args: [KendoInput, { static: false }]
+            }], formControl: [{
+                type: ContentChild,
+                args: [NgControl, { static: false }]
+            }] } });
 
-const COMPONENT_DIRECTIVES = [FloatingLabelComponent];
+const COMPONENT_DIRECTIVES$1 = [FloatingLabelComponent];
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the TextBox directive.
@@ -628,15 +648,19 @@ const COMPONENT_DIRECTIVES = [FloatingLabelComponent];
  *
  * ```
  */
-let FloatingLabelModule = class FloatingLabelModule {
-};
-FloatingLabelModule = __decorate([
-    NgModule({
-        declarations: [...COMPONENT_DIRECTIVES],
-        exports: [...COMPONENT_DIRECTIVES, SharedDirectivesModule],
-        imports: [CommonModule, SharedDirectivesModule]
-    })
-], FloatingLabelModule);
+class FloatingLabelModule {
+}
+FloatingLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FloatingLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelModule, declarations: [FloatingLabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [FloatingLabelComponent, SharedDirectivesModule] });
+FloatingLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelModule, imports: [[CommonModule, SharedDirectivesModule], SharedDirectivesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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 label_basic %}).
@@ -660,7 +684,7 @@ FloatingLabelModule = __decorate([
  *
  * ```
  */
-let LabelComponent = class LabelComponent {
+class LabelComponent {
     constructor(elementRef, renderer, localization) {
         this.elementRef = elementRef;
         this.renderer = renderer;
@@ -716,43 +740,40 @@ let LabelComponent = class LabelComponent {
     textFor(key) {
         return this.localization.get(key);
     }
-};
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String)
-], LabelComponent.prototype, "direction", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], LabelComponent.prototype, "text", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], LabelComponent.prototype, "for", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], LabelComponent.prototype, "optional", void 0);
-__decorate([
-    ViewChild(LabelDirective, { static: true }),
-    __metadata("design:type", LabelDirective)
-], LabelComponent.prototype, "labelDirective", void 0);
-__decorate([
-    ContentChild(KendoInput, { static: true }),
-    __metadata("design:type", Object)
-], LabelComponent.prototype, "kendoInput", void 0);
-LabelComponent = __decorate([
-    Component({
-        selector: 'kendo-label',
-        exportAs: 'kendoLabel',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.label'
-            }
-        ],
-        template: `
+}
+LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LabelComponent, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional" }, 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"
+         >
+        </ng-container>
+        <label
+            [for]="control"
+            [class.k-label-empty]="!text">
+            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
+        </label>
+        <ng-content></ng-content>
+    `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: LabelDirective, selector: "label[for]", inputs: ["for"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-label',
+                    exportAs: 'kendoLabel',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.label'
+                        }
+                    ],
+                    template: `
         <ng-container kendoLabelLocalizedMessages
             i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
             optional="Optional"
@@ -765,13 +786,25 @@ LabelComponent = __decorate([
         </label>
         <ng-content></ng-content>
     `
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        LocalizationService])
-], LabelComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], text: [{
+                type: Input
+            }], for: [{
+                type: Input
+            }], optional: [{
+                type: Input
+            }], labelDirective: [{
+                type: ViewChild,
+                args: [LabelDirective, { static: true }]
+            }], kendoInput: [{
+                type: ContentChild,
+                args: [KendoInput, { static: true }]
+            }] } });
 
-const COMPONENT_DIRECTIVES$1 = [
+const COMPONENT_DIRECTIVES = [
     LabelDirective,
     LabelComponent
 ];
@@ -810,18 +843,25 @@ const COMPONENT_DIRECTIVES$1 = [
  *
  * ```
  */
-let LabelModule = class LabelModule {
-};
-LabelModule = __decorate([
-    NgModule({
-        imports: [CommonModule, SharedDirectivesModule],
-        declarations: [...COMPONENT_DIRECTIVES$1],
-        exports: [...COMPONENT_DIRECTIVES$1, FloatingLabelModule, SharedDirectivesModule]
-    })
-], LabelModule);
+class LabelModule {
+}
+LabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, declarations: [LabelDirective,
+        LabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [LabelDirective,
+        LabelComponent, FloatingLabelModule, SharedDirectivesModule] });
+LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, imports: [[CommonModule, SharedDirectivesModule], FloatingLabelModule, SharedDirectivesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SharedDirectivesModule],
+                    declarations: [...COMPONENT_DIRECTIVES],
+                    exports: [...COMPONENT_DIRECTIVES, FloatingLabelModule, SharedDirectivesModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LocalizedMessagesDirective, Messages, SharedDirectivesModule, LabelDirective, LabelModule, FloatingLabelModule, FloatingLabelComponent, LabelComponent, CustomMessagesComponent };
+export { CustomMessagesComponent, FloatingLabelComponent, FloatingLabelModule, LabelComponent, LabelDirective, LabelModule, LocalizedMessagesDirective, SharedDirectivesModule };
+

package/{dist/es2015/floating-label → floating-label}/floating-label-input-adapter.d.ts

@@ -15,6 +15,7 @@ export declare class FloatingLabelInputAdapter {
     autoFillStart: Observable<any> | EventEmitter<any>;
     autoFillEnd: Observable<any> | EventEmitter<any>;
     onValueChange: Observable<any> | EventEmitter<any>;
-    focusableId: string;
+    get focusableId(): string;
+    set focusableId(value: string);
     constructor(component: any, formControl?: NgControl);
 }

package/{dist/es2015/floating-label → floating-label}/floating-label.component.d.ts

@@ -6,6 +6,7 @@ import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2, Chang
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NgControl } from '@angular/forms';
 import { FloatingLabelPosition } from './models/label-position';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI FloatingLabel component for Angular]({% slug overview_floatinglabel %}).
  * Provides floating labels to `input` elements.
@@ -39,10 +40,10 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
     /**
      * Represents the current floating label position.
      */
-    readonly labelPosition: FloatingLabelPosition;
+    get labelPosition(): FloatingLabelPosition;
     hostClasses: boolean;
-    readonly focusedClass: boolean;
-    readonly invalidClass: boolean;
+    get focusedClass(): boolean;
+    get invalidClass(): boolean;
     /**
      * @hidden
      */
@@ -117,4 +118,6 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
     private handleAutofill;
     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"], ["*"]>;
 }