@progress/kendo-angular-label 3.0.3 → 3.1.1

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Observable } from 'rxjs';

package/dist/es2015/floating-label/floating-label-input-adapter.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Observable } from 'rxjs';

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

@@ -1,10 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { AfterContentInit, ElementRef, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NgControl } from '@angular/forms';
+import { FloatingLabelPosition } from './models/label-position';
 /**
  * Represents the [Kendo UI FloatingLabel component for Angular]({% slug overview_floatinglabel %}).
  * Provides floating labels to `input` elements.
@@ -35,6 +36,10 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
     private renderer;
     private changeDetectorRef;
     private localization;
+    /**
+     * Represents the current floating label position.
+     */
+    readonly labelPosition: FloatingLabelPosition;
     hostClasses: boolean;
     readonly focusedClass: boolean;
     readonly invalidClass: boolean;
@@ -42,6 +47,16 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
      * @hidden
      */
     direction: string;
+    /**
+     * Sets the CSS Styles that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngStyle]({{ site.data.urls.angular['ngstyleapi'] }}) directive.
+     */
+    labelCssStyle: any;
+    /**
+     * Sets the CSS Classes that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngClass]({{ site.data.urls.angular['ngclassapi'] }}) directive.
+     */
+    labelCssClass: any;
     /**
      * Sets the `id` attribute of the input inside the floating label.
      */
@@ -57,6 +72,10 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
      * The default value is `false`
      */
     optional: boolean;
+    /**
+     * Fires after the floating label position is changed.
+     */
+    positionChange: EventEmitter<FloatingLabelPosition>;
     kendoInput: any;
     formControl: NgControl;
     /**

package/dist/es2015/floating-label/floating-label.component.js

@@ -1,12 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { ContentChild, Component, ElementRef, EventEmitter, HostBinding, Input, Renderer2, isDevMode, ChangeDetectorRef } from '@angular/core';
+import { ContentChild, Component, ElementRef, EventEmitter, HostBinding, Input, Renderer2, isDevMode, ChangeDetectorRef, Output } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { NgControl } from '@angular/forms';
-import { guid, KendoInput } from '@progress/kendo-angular-common';
+import { guid, KendoInput, hasObservers } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { FloatingLabelInputAdapter } from './floating-label-input-adapter';
@@ -44,6 +44,10 @@ let FloatingLabelComponent = class FloatingLabelComponent {
         this.changeDetectorRef = changeDetectorRef;
         this.localization = localization;
         this.hostClasses = true;
+        /**
+         * Fires after the floating label position is changed.
+         */
+        this.positionChange = new EventEmitter();
         /**
          * @hidden
          */
@@ -65,6 +69,15 @@ let FloatingLabelComponent = class FloatingLabelComponent {
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
     }
+    /**
+     * Represents the current floating label position.
+     */
+    get labelPosition() {
+        if (!this.empty) {
+            return 'Out';
+        }
+        return this.focused ? 'Out' : 'In';
+    }
     get focusedClass() {
         return this.focused;
     }
@@ -188,6 +201,12 @@ let FloatingLabelComponent = class FloatingLabelComponent {
         const setFocus = (isFocused) => () => {
             this.focused = isFocused;
             this.updateState();
+            if (!this.empty) {
+                return;
+            }
+            if (hasObservers(this.positionChange)) {
+                this.positionChange.emit(isFocused ? 'Out' : 'In');
+            }
         };
         this.subscribe(control, 'onFocus', setFocus(true));
         this.subscribe(control, 'onBlur', setFocus(false));
@@ -224,6 +243,14 @@ tslib_1.__decorate([
     HostBinding('attr.dir'),
     tslib_1.__metadata("design:type", String)
 ], FloatingLabelComponent.prototype, "direction", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], FloatingLabelComponent.prototype, "labelCssStyle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], FloatingLabelComponent.prototype, "labelCssClass", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
@@ -236,6 +263,10 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Boolean)
 ], FloatingLabelComponent.prototype, "optional", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FloatingLabelComponent.prototype, "positionChange", void 0);
 tslib_1.__decorate([
     ContentChild(KendoInput, { static: false }),
     tslib_1.__metadata("design:type", Object)
@@ -262,7 +293,7 @@ FloatingLabelComponent = tslib_1.__decorate([
          >
         </ng-container>
         <ng-content></ng-content>
-        <label *ngIf="text" [for]="id" [attr.id]="labelId" class="k-label">
+        <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>
     `

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/floating-label/floating-label.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es2015/floating-label/models/label-position.d.ts

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the possible floating label positions.
+ *
+ * The possible values are:
+ * - `Out`
+ * - `In`
+ */
+export declare type FloatingLabelPosition = 'Out' | 'In';

package/dist/es2015/floating-label/models/label-position.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/index.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"LabelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":35,"character":1},"arguments":[{"selector":"label[for]"}]}],"members":{"for":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"labelFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":5},"arguments":["attr.for"]}]}],"labelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":5},"arguments":["class.k-label"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":68,"character":42,"context":{"typeName":"HTMLLabelElement"},"module":"./label.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":68,"character":79},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":68,"character":104}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setAriaLabelledby":[{"__symbolic":"method"}],"getFocusableComponent":[{"__symbolic":"method"}]}},"LabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":48,"character":14},{"__symbolic":"reference","name":"SharedDirectivesModule"}],"declarations":[{"__symbolic":"reference","name":"LabelDirective"},{"__symbolic":"reference","name":"LabelComponent"}],"exports":[{"__symbolic":"reference","name":"LabelDirective"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"FloatingLabelModule"},{"__symbolic":"reference","name":"SharedDirectivesModule"}]}]}],"members":{}},"FloatingLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FloatingLabelComponent"}],"exports":[{"__symbolic":"reference","name":"FloatingLabelComponent"},{"__symbolic":"reference","name":"SharedDirectivesModule"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":39,"character":14},{"__symbolic":"reference","name":"SharedDirectivesModule"}]}]}],"members":{}},"FloatingLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"selector":"kendo-floatinglabel","exportAs":"kendoFloatingLabel","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":53,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":55,"character":21},"useValue":"kendo.floatinglabel"}],"template":"\n        <ng-container kendoFloatingLabelLocalizedMessages\n            i18n-optional=\"kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ng-content></ng-content>\n        <label *ngIf=\"text\" [for]=\"id\" [attr.id]=\"labelId\" class=\"k-label\">\n            {{ text }}<span *ngIf=\"optional\" class=\"k-label-optional\">({{textFor('optional')}})</span>\n        </label>\n    "}]}],"members":{"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":72,"character":5},"arguments":["class.k-floating-label-container"]}]}],"focusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":74,"character":5},"arguments":["class.k-state-focused"]}]}],"invalidClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":5},"arguments":["class.k-state-invalid"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":87,"character":5},"arguments":["attr.dir"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"kendoInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":110,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"KendoInput","line":110,"character":18},{"static":false}]}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":113,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":113,"character":18},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":140,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":141,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":142,"character":35},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":143,"character":30}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"textFor":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"setAriaLabelledby":[{"__symbolic":"method"}],"setLabelFor":[{"__symbolic":"method"}],"handleAutofill":[{"__symbolic":"method"}],"addHandlers":[{"__symbolic":"method"}],"validateSetup":[{"__symbolic":"method"}]}},"LabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"kendo-label","exportAs":"kendoLabel","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":44,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":46,"character":21},"useValue":"kendo.label"}],"template":"\n        <ng-container kendoLabelLocalizedMessages\n            i18n-optional=\"kendo.label.optional|The text for the optional segment of a Label component\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <label\n            [for]=\"control\"\n            [class.k-label-empty]=\"!text\">\n            {{ text }}<span *ngIf=\"optional\" class=\"k-label-optional\">({{textFor('optional')}})</span>\n        </label>\n        <ng-content></ng-content>\n    "}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":5},"arguments":["attr.dir"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"for":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"labelDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":91,"character":5},"arguments":[{"__symbolic":"reference","name":"LabelDirective"},{"static":true}]}]}],"kendoInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":94,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"KendoInput","line":94,"character":18},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":105,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":106,"character":26},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":107,"character":30}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"textFor":[{"__symbolic":"method"}]}},"CustomMessagesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"CustomMessagesComponent"}}],"selector":"kendo-label-messages, kendo-floatinglabel-messages","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":19,"character":35}]}]}},"SharedDirectivesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]],"exports":[[{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]]}]}],"members":{}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":20,"character":35}]}]}},"Messages":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":6,"character":30},"members":{"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}]}}},"origins":{"LabelDirective":"./label.directive","LabelModule":"./label.module","FloatingLabelModule":"./floating-label/floating-label.module","FloatingLabelComponent":"./floating-label/floating-label.component","LabelComponent":"./label/label.component","CustomMessagesComponent":"./localization/custom-messages.component","SharedDirectivesModule":"./shared.module","LocalizedMessagesDirective":"./localization/localized-messages.directive","Messages":"./localization/messages"},"importAs":"@progress/kendo-angular-label"}
+{"__symbolic":"module","version":4,"metadata":{"LabelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":35,"character":1},"arguments":[{"selector":"label[for]"}]}],"members":{"for":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"labelFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":5},"arguments":["attr.for"]}]}],"labelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":5},"arguments":["class.k-label"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":68,"character":42,"context":{"typeName":"HTMLLabelElement"},"module":"./label.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":68,"character":79},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":68,"character":104}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setAriaLabelledby":[{"__symbolic":"method"}],"getFocusableComponent":[{"__symbolic":"method"}]}},"LabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":48,"character":14},{"__symbolic":"reference","name":"SharedDirectivesModule"}],"declarations":[{"__symbolic":"reference","name":"LabelDirective"},{"__symbolic":"reference","name":"LabelComponent"}],"exports":[{"__symbolic":"reference","name":"LabelDirective"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"FloatingLabelModule"},{"__symbolic":"reference","name":"SharedDirectivesModule"}]}]}],"members":{}},"FloatingLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FloatingLabelComponent"}],"exports":[{"__symbolic":"reference","name":"FloatingLabelComponent"},{"__symbolic":"reference","name":"SharedDirectivesModule"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":39,"character":14},{"__symbolic":"reference","name":"SharedDirectivesModule"}]}]}],"members":{}},"FloatingLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"kendo-floatinglabel","exportAs":"kendoFloatingLabel","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":55,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":57,"character":21},"useValue":"kendo.floatinglabel"}],"template":"\n        <ng-container kendoFloatingLabelLocalizedMessages\n            i18n-optional=\"kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ng-content></ng-content>\n        <label *ngIf=\"text\" [ngClass]=\"labelCssClass\" [ngStyle]=\"labelCssStyle\" [for]=\"id\" [attr.id]=\"labelId\" class=\"k-label\">\n            {{ text }}<span *ngIf=\"optional\" class=\"k-label-optional\">({{textFor('optional')}})</span>\n        </label>\n    "}]}],"members":{"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":5},"arguments":["class.k-floating-label-container"]}]}],"focusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":5},"arguments":["class.k-state-focused"]}]}],"invalidClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":5},"arguments":["class.k-state-invalid"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":99,"character":5},"arguments":["attr.dir"]}]}],"labelCssStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}}]}],"labelCssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":5}}]}],"positionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":5}}]}],"kendoInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":142,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"KendoInput","line":142,"character":18},{"static":false}]}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":145,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":145,"character":18},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":172,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":173,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":174,"character":35},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":175,"character":30}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"textFor":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}],"setAriaLabelledby":[{"__symbolic":"method"}],"setLabelFor":[{"__symbolic":"method"}],"handleAutofill":[{"__symbolic":"method"}],"addHandlers":[{"__symbolic":"method"}],"validateSetup":[{"__symbolic":"method"}]}},"LabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"kendo-label","exportAs":"kendoLabel","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":44,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":46,"character":21},"useValue":"kendo.label"}],"template":"\n        <ng-container kendoLabelLocalizedMessages\n            i18n-optional=\"kendo.label.optional|The text for the optional segment of a Label component\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <label\n            [for]=\"control\"\n            [class.k-label-empty]=\"!text\">\n            {{ text }}<span *ngIf=\"optional\" class=\"k-label-optional\">({{textFor('optional')}})</span>\n        </label>\n        <ng-content></ng-content>\n    "}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":5},"arguments":["attr.dir"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"for":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"labelDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":91,"character":5},"arguments":[{"__symbolic":"reference","name":"LabelDirective"},{"static":true}]}]}],"kendoInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":94,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"KendoInput","line":94,"character":18},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":105,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":106,"character":26},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":107,"character":30}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"textFor":[{"__symbolic":"method"}]}},"CustomMessagesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"CustomMessagesComponent"}}],"selector":"kendo-label-messages, kendo-floatinglabel-messages","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":19,"character":35}]}]}},"FloatingLabelPosition":{"__symbolic":"interface"},"SharedDirectivesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]],"exports":[[{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]]}]}],"members":{}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":20,"character":35}]}]}},"Messages":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":6,"character":30},"members":{"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}]}}},"origins":{"LabelDirective":"./label.directive","LabelModule":"./label.module","FloatingLabelModule":"./floating-label/floating-label.module","FloatingLabelComponent":"./floating-label/floating-label.component","LabelComponent":"./label/label.component","CustomMessagesComponent":"./localization/custom-messages.component","FloatingLabelPosition":"./floating-label/models/label-position","SharedDirectivesModule":"./shared.module","LocalizedMessagesDirective":"./localization/localized-messages.directive","Messages":"./localization/messages"},"importAs":"@progress/kendo-angular-label"}

package/dist/es2015/label/label.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';

package/dist/es2015/label/label.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es2015/label.directive.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2, NgZone } from '@angular/core';
@@ -25,7 +25,7 @@ import { ElementRef, Renderer2, NgZone } from '@angular/core';
  *    </div>
  *
  *    <div class="col-xs-12 col-md-6 example-col">
- *      <label [for]="'input'">Input: </label>
+ *      <label for="input">Input: </label>
  *      <input id="input" />
  *    </div>
  *  </div>

package/dist/es2015/label.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
@@ -28,7 +28,7 @@ import { isDocumentAvailable, guid } from '@progress/kendo-angular-common';
  *    </div>
  *
  *    <div class="col-xs-12 col-md-6 example-col">
- *      <label [for]="'input'">Input: </label>
+ *      <label for="input">Input: </label>
  *      <input id="input" />
  *    </div>
  *  </div>

package/dist/es2015/label.module.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/label.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/dist/es2015/localization/custom-messages.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/dist/es2015/localization/localized-messages.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es2015/localization/messages.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentMessages } from '@progress/kendo-angular-l10n';

package/dist/es2015/localization/messages.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es2015/main.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { LabelDirective } from './label.directive';
@@ -8,3 +8,4 @@ export { FloatingLabelModule } from './floating-label/floating-label.module';
 export { FloatingLabelComponent } from './floating-label/floating-label.component';
 export { LabelComponent } from './label/label.component';
 export { CustomMessagesComponent } from './localization/custom-messages.component';
+export { FloatingLabelPosition } from './floating-label/models/label-position';

package/dist/es2015/main.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { LabelDirective } from './label.directive';

package/dist/es2015/package-metadata.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PackageMetadata } from '@progress/kendo-licensing';

package/dist/es2015/package-metadata.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620214538,
+    publishDate: 1635940028,
     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'
 };

package/dist/es2015/shared.module.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/shared.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es2015/util.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/util.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/fesm2015/index.js

@@ -1,10 +1,10 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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, ContentChild, ChangeDetectorRef, ViewChild } from '@angular/core';
-import { isDocumentAvailable, guid, KendoInput } from '@progress/kendo-angular-common';
+import { Input, HostBinding, Directive, ElementRef, Renderer2, NgZone, forwardRef, Component, NgModule, EventEmitter, isDevMode, Output, ContentChild, ChangeDetectorRef, ViewChild } from '@angular/core';
+import { isDocumentAvailable, guid, hasObservers, KendoInput } from '@progress/kendo-angular-common';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { CommonModule } from '@angular/common';
 import { NgControl } from '@angular/forms';
@@ -63,7 +63,7 @@ const getRootElement = (element) => {
  *    </div>
  *
  *    <div class="col-xs-12 col-md-6 example-col">
- *      <label [for]="'input'">Input: </label>
+ *      <label for="input">Input: </label>
  *      <input id="input" />
  *    </div>
  *  </div>
@@ -253,7 +253,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620214538,
+    publishDate: 1635940028,
     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'
 };
@@ -338,6 +338,10 @@ let FloatingLabelComponent = class FloatingLabelComponent {
         this.changeDetectorRef = changeDetectorRef;
         this.localization = localization;
         this.hostClasses = true;
+        /**
+         * Fires after the floating label position is changed.
+         */
+        this.positionChange = new EventEmitter();
         /**
          * @hidden
          */
@@ -359,6 +363,15 @@ let FloatingLabelComponent = class FloatingLabelComponent {
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
     }
+    /**
+     * Represents the current floating label position.
+     */
+    get labelPosition() {
+        if (!this.empty) {
+            return 'Out';
+        }
+        return this.focused ? 'Out' : 'In';
+    }
     get focusedClass() {
         return this.focused;
     }
@@ -482,6 +495,12 @@ let FloatingLabelComponent = class FloatingLabelComponent {
         const setFocus = (isFocused) => () => {
             this.focused = isFocused;
             this.updateState();
+            if (!this.empty) {
+                return;
+            }
+            if (hasObservers(this.positionChange)) {
+                this.positionChange.emit(isFocused ? 'Out' : 'In');
+            }
         };
         this.subscribe(control, 'onFocus', setFocus(true));
         this.subscribe(control, 'onBlur', setFocus(false));
@@ -518,6 +537,14 @@ __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)
@@ -530,6 +557,10 @@ __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)
@@ -556,7 +587,7 @@ FloatingLabelComponent = __decorate([
          >
         </ng-container>
         <ng-content></ng-content>
-        <label *ngIf="text" [for]="id" [attr.id]="labelId" class="k-label">
+        <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>
     `