@progress/kendo-angular-label 4.0.0-next.202204011516 → 4.0.0

package/bundles/kendo-angular-label.umd.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("@angular/forms"),require("@progress/kendo-licensing"),require("rxjs")):"function"==typeof define&&define.amd?define("KendoAngularLabel",["exports","@angular/core","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@angular/common","@angular/forms","@progress/kendo-licensing","rxjs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularLabel={},e.ng.core,e.KendoAngularCommon,e.KendoAngularL10N,e.ng.common,e.ng.forms,e.KendoLicensing,e.rxjs)}(this,function(e,r,i,t,n,o,a,s){"use strict";function l(n){if(n&&n.__esModule)return n;var o=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o)}var c=l(r),p=l(t),u=l(n),d=(Object.defineProperty(g.prototype,"labelFor",{get:function(){if("string"==typeof this.for)return this.for;if(!i.isDocumentAvailable())return null;var e,t=this.getFocusableComponent()||{};return t instanceof HTMLElement&&(e="id",!t.hasAttribute(e))&&this.renderer.setAttribute(t,"id","k-"+i.guid()),t.focusableId||t.id||null},enumerable:!1,configurable:!0}),g.prototype.ngAfterViewInit=function(){var e=this;this.setAriaLabelledby(),this.zone.runOutsideAngular(function(){return e.clickListener=e.renderer.listen(e.label.nativeElement,"click",e.handleClick)})},g.prototype.ngOnDestroy=function(){this.clickListener&&this.clickListener()},g.prototype.setAriaLabelledby=function(){var e,t,n;!i.isDocumentAvailable()||(e=this.getFocusableComponent())&&e.focusableId&&((e=function(e){if(!e)return null;for(var t=e;t.parentElement;)t=t.parentElement;return t}(this.label.nativeElement).querySelector("#"+e.focusableId))&&(n=(t=this.label.nativeElement).id||"k-"+i.guid(),t.getAttribute("id")||this.renderer.setAttribute(t,"id",n),this.renderer.setAttribute(e,"aria-labelledby",n)))},g.prototype.getFocusableComponent=function(){var e=this.for;return e&&void 0!==e.focus?e:null},g);function g(e,t,n){var o=this;this.label=e,this.renderer=t,this.zone=n,this.labelClass=!0,this.handleClick=function(){var e,t=o.getFocusableComponent();t&&(!(e=t).wrapper||"KENDO-UPLOAD"!==e.wrapper.tagName&&"KENDO-FILESELECT"!==e.wrapper.tagName||t.fileSelect.nativeElement.click(),t.focus&&t.focus())}}d.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:d,deps:[{token:c.ElementRef},{token:c.Renderer2},{token:c.NgZone}],target:c.ɵɵFactoryTarget.Directive}),d.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:d,selector:"label[for]",inputs:{for:"for"},host:{properties:{"attr.for":"this.labelFor","class.k-label":"this.labelClass"}},ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:d,decorators:[{type:r.Directive,args:[{selector:"label[for]"}]}],ctorParameters:function(){return[{type:c.ElementRef},{type:c.Renderer2},{type:c.NgZone}]},propDecorators:{for:[{type:r.Input}],labelFor:[{type:r.HostBinding,args:["attr.for"]}],labelClass:[{type:r.HostBinding,args:["class.k-label"]}]}});var f=function(e,t){return(f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}f(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function y(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||((o=o||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}Object.create;m(I,h=t.ComponentMessages);var h,v=I;function I(){return null!==h&&h.apply(this,arguments)||this}v.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,deps:null,target:c.ɵɵFactoryTarget.Directive}),v.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-label-messages-base",inputs:{optional:"optional"},usesInheritance:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,decorators:[{type:r.Directive,args:[{selector:"kendo-label-messages-base"}]}],propDecorators:{optional:[{type:r.Input}]}});m(L,k=v);var k,C=L;function L(e){var t=k.call(this)||this;return t.service=e,t}C.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:C,deps:[{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Directive}),C.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    ",providers:[{provide:v,useExisting:r.forwardRef(function(){return C})}],usesInheritance:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:C,decorators:[{type:r.Directive,args:[{providers:[{provide:v,useExisting:r.forwardRef(function(){return C})}],selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "}]}],ctorParameters:function(){return[{type:p.LocalizationService}]}});m(E,F=v),Object.defineProperty(E.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var F,D=E;function E(e){var t=F.call(this)||this;return t.service=e,t}D.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,deps:[{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Component}),D.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"kendo-label-messages, kendo-floatinglabel-messages",providers:[{provide:v,useExisting:r.forwardRef(function(){return D})}],usesInheritance:!0,ngImport:c,template:"",isInline:!0}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,decorators:[{type:r.Component,args:[{providers:[{provide:v,useExisting:r.forwardRef(function(){return D})}],selector:"kendo-label-messages, kendo-floatinglabel-messages",template:""}]}],ctorParameters:function(){return[{type:p.LocalizationService}]}});var v=[C,D],x=function(){},M=(x.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,deps:[],target:c.ɵɵFactoryTarget.NgModule}),x.ɵmod=c.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,declarations:[C,D],exports:[C,D]}),x.ɵinj=c.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,decorators:[{type:r.NgModule,args:[{declarations:[v],exports:[v]}]}]}),{name:"@progress/kendo-angular-label",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648826150,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"}),S=(Object.defineProperty(A.prototype,"focusableId",{get:function(){var e=this.component;return"focusableId"in e?e.focusableId:"id"in e?e.id:""},set:function(e){var t=this.component;"focusableId"in t?t.focusableId=e:"id"in t&&(t.id=e)},enumerable:!1,configurable:!0}),A);function A(e,t){function n(e){return e instanceof s.Observable||e instanceof r.EventEmitter}n((this.component=e).onFocus)&&(this.onFocus=e.onFocus),n(e.autoFillStart)&&(this.autoFillStart=e.autoFillStart),n(e.autoFillEnd)&&(this.autoFillEnd=e.autoFillEnd),n(e.onBlur)&&(this.onBlur=e.onBlur),t?this.onValueChange=t.valueChanges:e.onValueChange&&(this.onValueChange=e.onValueChange)}function V(e){return"[object Function]"===Object.prototype.toString.call(e)}Object.defineProperty(O.prototype,"labelPosition",{get:function(){return!this.empty||this.focused?"Out":"In"},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"focusedClass",{get:function(){return this.focused},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"invalidClass",{get:function(){return this.invalid},enumerable:!1,configurable:!0}),O.prototype.ngAfterContentInit=function(){this.validateSetup();var e=new S(this.kendoInput||this.formControl.valueAccessor,this.formControl);this.addHandlers(e),this.setLabelFor(e)},O.prototype.ngAfterViewInit=function(){this.kendoInput&&this.setAriaLabelledby(this.kendoInput)},O.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},O.prototype.textFor=function(e){return this.localization.get(e)},O.prototype.subscribe=function(e,t,n){e[t]instanceof r.EventEmitter&&(e=e[t].subscribe(n),this.subscription?this.subscription.add(e):this.subscription=e)},O.prototype.updateState=function(){function e(e){return 0!==e&&!1!==e&&(!(!Array.isArray(e)||e.length)||!e)}var t,n=this.formControl;n?(t=n.valueAccessor,V(t.isEmpty)?this.empty=t.isEmpty():this.empty=e(n.value),this.invalid=n.invalid&&(n.touched||n.dirty)):this.empty=V(this.kendoInput.isEmpty)?this.kendoInput.isEmpty():e(this.kendoInput.value),this.empty?this.renderer.addClass(this.elementRef.nativeElement,"k-state-empty"):this.renderer.removeClass(this.elementRef.nativeElement,"k-state-empty"),this.changeDetectorRef.markForCheck()},O.prototype.setAriaLabelledby=function(e){var e=e.focusableId||e.id;e&&(e=this.elementRef.nativeElement.querySelector("#"+e),this.renderer.setAttribute(e,"aria-labelledby",this.labelId))},O.prototype.setLabelFor=function(e){var t=e.focusableId||e.id;this.id&&t?this.id=t:this.id?e.focusableId=this.id:t?this.id=t:(t="k-"+i.guid(),e.focusableId=t,this.id=t)},O.prototype.handleAutofill=function(e){var t=this;this.subscribe(e,"autoFillStart",function(){t.autoFillStarted=!0,t.renderer.removeClass(t.elementRef.nativeElement,"k-state-empty")}),this.subscribe(e,"autoFillEnd",function(){t.autoFillStarted&&(t.autoFillStarted=!1,t.empty&&t.renderer.addClass(t.elementRef.nativeElement,"k-state-empty"))})},O.prototype.addHandlers=function(e){function t(e){return function(){o.focused=e,o.updateState(),o.empty&&i.hasObservers(o.positionChange)&&o.positionChange.emit(e?"Out":"In")}}function n(){return o.updateState()}var o=this;this.subscribe(e,"onFocus",t(!0)),this.subscribe(e,"onBlur",t(!1)),this.handleAutofill(e);n(),this.subscribe(e,"onValueChange",n)},O.prototype.validateSetup=function(){if(!this.formControl&&!this.kendoInput&&r.isDevMode())throw new Error("The FloatingLabelComponent requires a Kendo Input component or a forms-bound component to function properly.")};v=O;function O(e,t,n,o){this.elementRef=e,this.renderer=t,this.changeDetectorRef=n,this.localization=o,this.hostClasses=!0,this.positionChange=new r.EventEmitter,this.focused=!1,this.empty=!0,this.invalid=!1,this.labelId="k-"+i.guid(),this.autoFillStarted=!1,a.validatePackage(M),this.direction=o.rtl?"rtl":"ltr",this.renderer.removeAttribute(this.elementRef.nativeElement,"id")}v.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,deps:[{token:c.ElementRef},{token:c.Renderer2},{token:c.ChangeDetectorRef},{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Component}),v.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,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-state-focused":"this.focusedClass","class.k-state-invalid":"this.invalidClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.floatinglabel"}],queries:[{propertyName:"kendoInput",first:!0,predicate:i.KendoInput,descendants:!0},{propertyName:"formControl",first:!0,predicate:o.NgControl,descendants:!0}],exportAs:["kendoFloatingLabel"],ngImport:c,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    ',isInline:!0,directives:[{type:C,selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:u.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,decorators:[{type:r.Component,args:[{selector:"kendo-floatinglabel",exportAs:"kendoFloatingLabel",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,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    '}]}],ctorParameters:function(){return[{type:c.ElementRef},{type:c.Renderer2},{type:c.ChangeDetectorRef},{type:p.LocalizationService}]},propDecorators:{hostClasses:[{type:r.HostBinding,args:["class.k-floating-label-container"]}],focusedClass:[{type:r.HostBinding,args:["class.k-state-focused"]}],invalidClass:[{type:r.HostBinding,args:["class.k-state-invalid"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],labelCssStyle:[{type:r.Input}],labelCssClass:[{type:r.Input}],id:[{type:r.Input}],text:[{type:r.Input}],optional:[{type:r.Input}],positionChange:[{type:r.Output}],kendoInput:[{type:r.ContentChild,args:[i.KendoInput,{static:!1}]}],formControl:[{type:r.ContentChild,args:[o.NgControl,{static:!1}]}]}});var o=[v],R=function(){},o=(R.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,deps:[],target:c.ɵɵFactoryTarget.NgModule}),R.ɵmod=c.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,declarations:[v],imports:[n.CommonModule,x],exports:[v,x]}),R.ɵinj=c.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,imports:[[n.CommonModule,x],x]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,decorators:[{type:r.NgModule,args:[{declarations:y([],b(o)),exports:y(y([],b(o)),[x]),imports:[n.CommonModule,x]}]}]}),N.prototype.ngAfterContentInit=function(){var e;{if(!this.for)return(e=this.elementRef.nativeElement.querySelector("kendo-label > input, kendo-label > textarea, kendo-label > select"))?(e.hasAttribute("id")||this.renderer.setAttribute(e,"id","k-"+i.guid()),void(this.control=e)):void(this.control=this.kendoInput);this.control=this.for}},N.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},N.prototype.ngAfterViewInit=function(){this.labelDirective.setAriaLabelledby()},N.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},N.prototype.textFor=function(e){return this.localization.get(e)},N);function N(e,t,n){this.elementRef=e,this.renderer=t,this.localization=n,this.subscriptions=new s.Subscription,a.validatePackage(M),this.direction=n.rtl?"rtl":"ltr",this.renderer.removeAttribute(this.elementRef.nativeElement,"id")}o.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:o,deps:[{token:c.ElementRef},{token:c.Renderer2},{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Component}),o.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:o,selector:"kendo-label",inputs:{text:"text",for:"for",optional:"optional"},host:{properties:{"attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.label"}],queries:[{propertyName:"kendoInput",first:!0,predicate:i.KendoInput,descendants:!0,static:!0}],viewQueries:[{propertyName:"labelDirective",first:!0,predicate:d,descendants:!0,static:!0}],exportAs:["kendoLabel"],ngImport:c,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    ',isInline:!0,directives:[{type:C,selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "},{type:d,selector:"label[for]",inputs:["for"]},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:o,decorators:[{type:r.Component,args:[{selector:"kendo-label",exportAs:"kendoLabel",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,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    '}]}],ctorParameters:function(){return[{type:c.ElementRef},{type:c.Renderer2},{type:p.LocalizationService}]},propDecorators:{direction:[{type:r.HostBinding,args:["attr.dir"]}],text:[{type:r.Input}],for:[{type:r.Input}],optional:[{type:r.Input}],labelDirective:[{type:r.ViewChild,args:[d,{static:!0}]}],kendoInput:[{type:r.ContentChild,args:[i.KendoInput,{static:!0}]}]}});u=[d,o],t=function(){};t.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,deps:[],target:c.ɵɵFactoryTarget.NgModule}),t.ɵmod=c.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,declarations:[d,o],imports:[n.CommonModule,x],exports:[d,o,R,x]}),t.ɵinj=c.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,imports:[[n.CommonModule,x],R,x]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,decorators:[{type:r.NgModule,args:[{imports:[n.CommonModule,x],declarations:y([],b(u)),exports:y(y([],b(u)),[R,x])}]}]}),e.CustomMessagesComponent=D,e.FloatingLabelComponent=v,e.FloatingLabelModule=R,e.LabelComponent=o,e.LabelDirective=d,e.LabelModule=t,e.LocalizedMessagesDirective=C,e.SharedDirectivesModule=x,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("@angular/forms"),require("@progress/kendo-licensing"),require("rxjs")):"function"==typeof define&&define.amd?define("KendoAngularLabel",["exports","@angular/core","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@angular/common","@angular/forms","@progress/kendo-licensing","rxjs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularLabel={},e.ng.core,e.KendoAngularCommon,e.KendoAngularL10N,e.ng.common,e.ng.forms,e.KendoLicensing,e.rxjs)}(this,function(e,r,i,t,n,o,a,s){"use strict";function l(n){if(n&&n.__esModule)return n;var o=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o)}var c=l(r),p=l(t),u=l(n),d=(Object.defineProperty(g.prototype,"labelFor",{get:function(){if("string"==typeof this.for)return this.for;if(!i.isDocumentAvailable())return null;var e,t=this.getFocusableComponent()||{};return t instanceof HTMLElement&&(e="id",!t.hasAttribute(e))&&this.renderer.setAttribute(t,"id","k-"+i.guid()),t.focusableId||t.id||null},enumerable:!1,configurable:!0}),g.prototype.ngAfterViewInit=function(){var e=this;this.setAriaLabelledby(),this.zone.runOutsideAngular(function(){return e.clickListener=e.renderer.listen(e.label.nativeElement,"click",e.handleClick)})},g.prototype.ngOnDestroy=function(){this.clickListener&&this.clickListener()},g.prototype.setAriaLabelledby=function(){var e,t,n;!i.isDocumentAvailable()||(e=this.getFocusableComponent())&&e.focusableId&&((e=function(e){if(!e)return null;for(var t=e;t.parentElement;)t=t.parentElement;return t}(this.label.nativeElement).querySelector("#"+e.focusableId))&&(n=(t=this.label.nativeElement).id||"k-"+i.guid(),t.getAttribute("id")||this.renderer.setAttribute(t,"id",n),this.renderer.setAttribute(e,"aria-labelledby",n)))},g.prototype.getFocusableComponent=function(){var e=this.for;return e&&void 0!==e.focus?e:null},g);function g(e,t,n){var o=this;this.label=e,this.renderer=t,this.zone=n,this.labelClass=!0,this.handleClick=function(){var e,t=o.getFocusableComponent();t&&(!(e=t).wrapper||"KENDO-UPLOAD"!==e.wrapper.tagName&&"KENDO-FILESELECT"!==e.wrapper.tagName||t.fileSelect.nativeElement.click(),t.focus&&t.focus())}}d.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:d,deps:[{token:c.ElementRef},{token:c.Renderer2},{token:c.NgZone}],target:c.ɵɵFactoryTarget.Directive}),d.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:d,selector:"label[for]",inputs:{for:"for"},host:{properties:{"attr.for":"this.labelFor","class.k-label":"this.labelClass"}},ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:d,decorators:[{type:r.Directive,args:[{selector:"label[for]"}]}],ctorParameters:function(){return[{type:c.ElementRef},{type:c.Renderer2},{type:c.NgZone}]},propDecorators:{for:[{type:r.Input}],labelFor:[{type:r.HostBinding,args:["attr.for"]}],labelClass:[{type:r.HostBinding,args:["class.k-label"]}]}});var f=function(e,t){return(f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}f(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function y(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||((o=o||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}Object.create;m(I,h=t.ComponentMessages);var h,v=I;function I(){return null!==h&&h.apply(this,arguments)||this}v.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,deps:null,target:c.ɵɵFactoryTarget.Directive}),v.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-label-messages-base",inputs:{optional:"optional"},usesInheritance:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,decorators:[{type:r.Directive,args:[{selector:"kendo-label-messages-base"}]}],propDecorators:{optional:[{type:r.Input}]}});m(L,k=v);var k,C=L;function L(e){var t=k.call(this)||this;return t.service=e,t}C.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:C,deps:[{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Directive}),C.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    ",providers:[{provide:v,useExisting:r.forwardRef(function(){return C})}],usesInheritance:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:C,decorators:[{type:r.Directive,args:[{providers:[{provide:v,useExisting:r.forwardRef(function(){return C})}],selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "}]}],ctorParameters:function(){return[{type:p.LocalizationService}]}});m(E,F=v),Object.defineProperty(E.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var F,D=E;function E(e){var t=F.call(this)||this;return t.service=e,t}D.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,deps:[{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Component}),D.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"kendo-label-messages, kendo-floatinglabel-messages",providers:[{provide:v,useExisting:r.forwardRef(function(){return D})}],usesInheritance:!0,ngImport:c,template:"",isInline:!0}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,decorators:[{type:r.Component,args:[{providers:[{provide:v,useExisting:r.forwardRef(function(){return D})}],selector:"kendo-label-messages, kendo-floatinglabel-messages",template:""}]}],ctorParameters:function(){return[{type:p.LocalizationService}]}});var v=[C,D],x=function(){},M=(x.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,deps:[],target:c.ɵɵFactoryTarget.NgModule}),x.ɵmod=c.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,declarations:[C,D],exports:[C,D]}),x.ɵinj=c.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,decorators:[{type:r.NgModule,args:[{declarations:[v],exports:[v]}]}]}),{name:"@progress/kendo-angular-label",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1650441139,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"}),S=(Object.defineProperty(A.prototype,"focusableId",{get:function(){var e=this.component;return"focusableId"in e?e.focusableId:"id"in e?e.id:""},set:function(e){var t=this.component;"focusableId"in t?t.focusableId=e:"id"in t&&(t.id=e)},enumerable:!1,configurable:!0}),A);function A(e,t){function n(e){return e instanceof s.Observable||e instanceof r.EventEmitter}n((this.component=e).onFocus)&&(this.onFocus=e.onFocus),n(e.autoFillStart)&&(this.autoFillStart=e.autoFillStart),n(e.autoFillEnd)&&(this.autoFillEnd=e.autoFillEnd),n(e.onBlur)&&(this.onBlur=e.onBlur),t?this.onValueChange=t.valueChanges:e.onValueChange&&(this.onValueChange=e.onValueChange)}function V(e){return"[object Function]"===Object.prototype.toString.call(e)}Object.defineProperty(O.prototype,"labelPosition",{get:function(){return!this.empty||this.focused?"Out":"In"},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"focusedClass",{get:function(){return this.focused},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"invalidClass",{get:function(){return this.invalid},enumerable:!1,configurable:!0}),O.prototype.ngAfterContentInit=function(){this.validateSetup();var e=new S(this.kendoInput||this.formControl.valueAccessor,this.formControl);this.addHandlers(e),this.setLabelFor(e)},O.prototype.ngAfterViewInit=function(){this.kendoInput&&this.setAriaLabelledby(this.kendoInput)},O.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},O.prototype.textFor=function(e){return this.localization.get(e)},O.prototype.subscribe=function(e,t,n){e[t]instanceof r.EventEmitter&&(e=e[t].subscribe(n),this.subscription?this.subscription.add(e):this.subscription=e)},O.prototype.updateState=function(){function e(e){return 0!==e&&!1!==e&&(!(!Array.isArray(e)||e.length)||!e)}var t,n=this.formControl;n?(t=n.valueAccessor,V(t.isEmpty)?this.empty=t.isEmpty():this.empty=e(n.value),this.invalid=n.invalid&&(n.touched||n.dirty)):this.empty=V(this.kendoInput.isEmpty)?this.kendoInput.isEmpty():e(this.kendoInput.value),this.empty?this.renderer.addClass(this.elementRef.nativeElement,"k-empty"):this.renderer.removeClass(this.elementRef.nativeElement,"k-empty"),this.changeDetectorRef.markForCheck()},O.prototype.setAriaLabelledby=function(e){var e=e.focusableId||e.id;e&&(e=this.elementRef.nativeElement.querySelector("#"+e),this.renderer.setAttribute(e,"aria-labelledby",this.labelId))},O.prototype.setLabelFor=function(e){var t=e.focusableId||e.id;this.id&&t?this.id=t:this.id?e.focusableId=this.id:t?this.id=t:(t="k-"+i.guid(),e.focusableId=t,this.id=t)},O.prototype.handleAutofill=function(e){var t=this;this.subscribe(e,"autoFillStart",function(){t.autoFillStarted=!0,t.renderer.removeClass(t.elementRef.nativeElement,"k-empty")}),this.subscribe(e,"autoFillEnd",function(){t.autoFillStarted&&(t.autoFillStarted=!1,t.empty&&t.renderer.addClass(t.elementRef.nativeElement,"k-empty"))})},O.prototype.addHandlers=function(e){function t(e){return function(){o.focused=e,o.updateState(),o.empty&&i.hasObservers(o.positionChange)&&o.positionChange.emit(e?"Out":"In")}}function n(){return o.updateState()}var o=this;this.subscribe(e,"onFocus",t(!0)),this.subscribe(e,"onBlur",t(!1)),this.handleAutofill(e);n(),this.subscribe(e,"onValueChange",n)},O.prototype.validateSetup=function(){if(!this.formControl&&!this.kendoInput&&r.isDevMode())throw new Error("The FloatingLabelComponent requires a Kendo Input component or a forms-bound component to function properly.")};v=O;function O(e,t,n,o){this.elementRef=e,this.renderer=t,this.changeDetectorRef=n,this.localization=o,this.hostClasses=!0,this.positionChange=new r.EventEmitter,this.focused=!1,this.empty=!0,this.invalid=!1,this.labelId="k-"+i.guid(),this.autoFillStarted=!1,a.validatePackage(M),this.direction=o.rtl?"rtl":"ltr",this.renderer.removeAttribute(this.elementRef.nativeElement,"id")}v.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,deps:[{token:c.ElementRef},{token:c.Renderer2},{token:c.ChangeDetectorRef},{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Component}),v.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,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:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.floatinglabel"}],queries:[{propertyName:"kendoInput",first:!0,predicate:i.KendoInput,descendants:!0},{propertyName:"formControl",first:!0,predicate:o.NgControl,descendants:!0}],exportAs:["kendoFloatingLabel"],ngImport:c,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    ',isInline:!0,directives:[{type:C,selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:u.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,decorators:[{type:r.Component,args:[{selector:"kendo-floatinglabel",exportAs:"kendoFloatingLabel",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,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    '}]}],ctorParameters:function(){return[{type:c.ElementRef},{type:c.Renderer2},{type:c.ChangeDetectorRef},{type:p.LocalizationService}]},propDecorators:{hostClasses:[{type:r.HostBinding,args:["class.k-floating-label-container"]}],focusedClass:[{type:r.HostBinding,args:["class.k-focus"]}],invalidClass:[{type:r.HostBinding,args:["class.k-state-invalid"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],labelCssStyle:[{type:r.Input}],labelCssClass:[{type:r.Input}],id:[{type:r.Input}],text:[{type:r.Input}],optional:[{type:r.Input}],positionChange:[{type:r.Output}],kendoInput:[{type:r.ContentChild,args:[i.KendoInput,{static:!1}]}],formControl:[{type:r.ContentChild,args:[o.NgControl,{static:!1}]}]}});var o=[v],R=function(){},o=(R.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,deps:[],target:c.ɵɵFactoryTarget.NgModule}),R.ɵmod=c.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,declarations:[v],imports:[n.CommonModule,x],exports:[v,x]}),R.ɵinj=c.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,imports:[[n.CommonModule,x],x]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:R,decorators:[{type:r.NgModule,args:[{declarations:y([],b(o)),exports:y(y([],b(o)),[x]),imports:[n.CommonModule,x]}]}]}),N.prototype.ngAfterContentInit=function(){var e;{if(!this.for)return(e=this.elementRef.nativeElement.querySelector("kendo-label > input, kendo-label > textarea, kendo-label > select"))?(e.hasAttribute("id")||this.renderer.setAttribute(e,"id","k-"+i.guid()),void(this.control=e)):void(this.control=this.kendoInput);this.control=this.for}},N.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},N.prototype.ngAfterViewInit=function(){this.labelDirective.setAriaLabelledby()},N.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},N.prototype.textFor=function(e){return this.localization.get(e)},N);function N(e,t,n){this.elementRef=e,this.renderer=t,this.localization=n,this.subscriptions=new s.Subscription,a.validatePackage(M),this.direction=n.rtl?"rtl":"ltr",this.renderer.removeAttribute(this.elementRef.nativeElement,"id")}o.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:o,deps:[{token:c.ElementRef},{token:c.Renderer2},{token:p.LocalizationService}],target:c.ɵɵFactoryTarget.Component}),o.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:o,selector:"kendo-label",inputs:{text:"text",for:"for",optional:"optional"},host:{properties:{"attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.label"}],queries:[{propertyName:"kendoInput",first:!0,predicate:i.KendoInput,descendants:!0,static:!0}],viewQueries:[{propertyName:"labelDirective",first:!0,predicate:d,descendants:!0,static:!0}],exportAs:["kendoLabel"],ngImport:c,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    ',isInline:!0,directives:[{type:C,selector:"\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "},{type:d,selector:"label[for]",inputs:["for"]},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:o,decorators:[{type:r.Component,args:[{selector:"kendo-label",exportAs:"kendoLabel",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,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    '}]}],ctorParameters:function(){return[{type:c.ElementRef},{type:c.Renderer2},{type:p.LocalizationService}]},propDecorators:{direction:[{type:r.HostBinding,args:["attr.dir"]}],text:[{type:r.Input}],for:[{type:r.Input}],optional:[{type:r.Input}],labelDirective:[{type:r.ViewChild,args:[d,{static:!0}]}],kendoInput:[{type:r.ContentChild,args:[i.KendoInput,{static:!0}]}]}});u=[d,o],t=function(){};t.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,deps:[],target:c.ɵɵFactoryTarget.NgModule}),t.ɵmod=c.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,declarations:[d,o],imports:[n.CommonModule,x],exports:[d,o,R,x]}),t.ɵinj=c.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,imports:[[n.CommonModule,x],R,x]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,decorators:[{type:r.NgModule,args:[{imports:[n.CommonModule,x],declarations:y([],b(u)),exports:y(y([],b(u)),[R,x])}]}]}),e.CustomMessagesComponent=D,e.FloatingLabelComponent=v,e.FloatingLabelModule=R,e.LabelComponent=o,e.LabelDirective=d,e.LabelModule=t,e.LocalizedMessagesDirective=C,e.SharedDirectivesModule=x,Object.defineProperty(e,"__esModule",{value:!0})});

package/esm2015/floating-label/floating-label.component.js

@@ -153,10 +153,10 @@ export 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();
     }
@@ -188,13 +188,13 @@ export 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');
                 }
             }
         });
@@ -228,7 +228,7 @@ export class FloatingLabelComponent {
     }
 }
 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-state-focused": "this.focusedClass", "class.k-state-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
+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,
@@ -274,7 +274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['class.k-floating-label-container']
             }], focusedClass: [{
                 type: HostBinding,
-                args: ['class.k-state-focused']
+                args: ['class.k-focus']
             }], invalidClass: [{
                 type: HostBinding,
                 args: ['class.k-state-invalid']

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648826150,
+    publishDate: 1650441139,
     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/fesm2015/kendo-angular-label.js

@@ -278,7 +278,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648826150,
+    publishDate: 1650441139,
     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'
 };
@@ -470,10 +470,10 @@ 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();
     }
@@ -505,13 +505,13 @@ 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');
                 }
             }
         });
@@ -545,7 +545,7 @@ class FloatingLabelComponent {
     }
 }
 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-state-focused": "this.focusedClass", "class.k-state-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
+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,
@@ -591,7 +591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['class.k-floating-label-container']
             }], focusedClass: [{
                 type: HostBinding,
-                args: ['class.k-state-focused']
+                args: ['class.k-focus']
             }], invalidClass: [{
                 type: HostBinding,
                 args: ['class.k-state-invalid']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-label",
-  "version": "4.0.0-next.202204011516",
+  "version": "4.0.0",
   "description": "Kendo UI Label for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -26,12 +26,12 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "@angular/common": "^12.0.0 || ^13.0.0",
-    "@angular/core": "^12.0.0 || ^13.0.0",
-    "@angular/forms": "^12.0.0 || ^13.0.0",
-    "@progress/kendo-angular-common": "next",
+    "@angular/common": "12 - 14",
+    "@angular/core": "12 - 14",
+    "@angular/forms": "12 - 14",
+    "@progress/kendo-angular-common": "^3.0.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-l10n": "next",
+    "@progress/kendo-angular-l10n": "^4.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "config": {
@@ -61,12 +61,10 @@
   "release": {
     "debug": false,
     "branchTags": {
-      "develop": "dev",
-      "ng12-update": "next"
+      "develop": "dev"
     },
     "fallbackTags": {
-      "dev": "latest",
-      "next": "latest"
+      "dev": "latest"
     },
     "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
     "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",