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

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

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* 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:1649876656,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}),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/{dist/es2015 → esm2015}/floating-label/floating-label.component.js

@@ -2,16 +2,18 @@
 * 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, Output } from '@angular/core';
+import { ContentChild, Component, EventEmitter, HostBinding, Input, isDevMode, Output } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { NgControl } from '@angular/forms';
 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';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../localization/localized-messages.directive";
+import * as i3 from "@angular/common";
 const isFunction = (x) => Object.prototype.toString.call(x) === '[object Function]';
-const ɵ0 = isFunction;
 /**
  * Represents the [Kendo UI FloatingLabel component for Angular]({% slug overview_floatinglabel %}).
  * Provides floating labels to `input` elements.
@@ -37,7 +39,7 @@ const ɵ0 = isFunction;
  *
  * ```
  */
-let FloatingLabelComponent = class FloatingLabelComponent {
+export class FloatingLabelComponent {
     constructor(elementRef, renderer, changeDetectorRef, localization) {
         this.elementRef = elementRef;
         this.renderer = renderer;
@@ -151,10 +153,10 @@ let FloatingLabelComponent = class FloatingLabelComponent {
                 this.kendoInput.isEmpty() : empty(this.kendoInput.value);
         }
         if (this.empty) {
-            this.renderer.addClass(this.elementRef.nativeElement, 'k-state-empty');
+            this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
         }
         else {
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
+            this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
         }
         this.changeDetectorRef.markForCheck();
     }
@@ -186,13 +188,13 @@ let FloatingLabelComponent = class FloatingLabelComponent {
     handleAutofill(control) {
         this.subscribe(control, 'autoFillStart', () => {
             this.autoFillStarted = true;
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
+            this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
         });
         this.subscribe(control, 'autoFillEnd', () => {
             if (this.autoFillStarted) {
                 this.autoFillStarted = false;
                 if (this.empty) {
-                    this.renderer.addClass(this.elementRef.nativeElement, 'k-state-empty');
+                    this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
                 }
             }
         });
@@ -224,69 +226,38 @@ let FloatingLabelComponent = class FloatingLabelComponent {
             return;
         }
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-floating-label-container'),
-    tslib_1.__metadata("design:type", Boolean)
-], FloatingLabelComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-state-focused'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], FloatingLabelComponent.prototype, "focusedClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-state-invalid'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], FloatingLabelComponent.prototype, "invalidClass", null);
-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)
-], FloatingLabelComponent.prototype, "id", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], FloatingLabelComponent.prototype, "text", void 0);
-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)
-], FloatingLabelComponent.prototype, "kendoInput", void 0);
-tslib_1.__decorate([
-    ContentChild(NgControl, { static: false }),
-    tslib_1.__metadata("design:type", NgControl)
-], FloatingLabelComponent.prototype, "formControl", void 0);
-FloatingLabelComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-floatinglabel',
-        exportAs: 'kendoFloatingLabel',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.floatinglabel'
-            }
-        ],
-        template: `
+}
+FloatingLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: { labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass", id: "id", text: "text", optional: "optional" }, outputs: { positionChange: "positionChange" }, host: { properties: { "class.k-floating-label-container": "this.hostClasses", "class.k-focus": "this.focusedClass", "class.k-state-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.floatinglabel'
+        }
+    ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true }, { propertyName: "formControl", first: true, predicate: NgControl, descendants: true }], exportAs: ["kendoFloatingLabel"], ngImport: i0, template: `
+        <ng-container kendoFloatingLabelLocalizedMessages
+            i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
+            optional="Optional"
+         >
+        </ng-container>
+        <ng-content></ng-content>
+        <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-label">
+            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
+        </label>
+    `, isInline: true, directives: [{ type: i2.LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-floatinglabel',
+                    exportAs: 'kendoFloatingLabel',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.floatinglabel'
+                        }
+                    ],
+                    template: `
         <ng-container kendoFloatingLabelLocalizedMessages
             i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
             optional="Optional"
@@ -297,11 +268,35 @@ FloatingLabelComponent = tslib_1.__decorate([
             {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
         </label>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ChangeDetectorRef,
-        LocalizationService])
-], FloatingLabelComponent);
-export { FloatingLabelComponent };
-export { ɵ0 };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-floating-label-container']
+            }], focusedClass: [{
+                type: HostBinding,
+                args: ['class.k-focus']
+            }], invalidClass: [{
+                type: HostBinding,
+                args: ['class.k-state-invalid']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], labelCssStyle: [{
+                type: Input
+            }], labelCssClass: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], optional: [{
+                type: Input
+            }], positionChange: [{
+                type: Output
+            }], kendoInput: [{
+                type: ContentChild,
+                args: [KendoInput, { static: false }]
+            }], formControl: [{
+                type: ContentChild,
+                args: [NgControl, { static: false }]
+            }] } });

package/{dist/es2015 → esm2015}/floating-label/floating-label.module.js

@@ -2,11 +2,11 @@
 * 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 { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SharedDirectivesModule } from './../shared.module';
 import { FloatingLabelComponent } from './floating-label.component';
+import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [FloatingLabelComponent];
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
@@ -37,13 +37,16 @@ const COMPONENT_DIRECTIVES = [FloatingLabelComponent];
  *
  * ```
  */
-let FloatingLabelModule = class FloatingLabelModule {
-};
-FloatingLabelModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [...COMPONENT_DIRECTIVES],
-        exports: [...COMPONENT_DIRECTIVES, SharedDirectivesModule],
-        imports: [CommonModule, SharedDirectivesModule]
-    })
-], FloatingLabelModule);
-export { FloatingLabelModule };
+export class FloatingLabelModule {
+}
+FloatingLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FloatingLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelModule, declarations: [FloatingLabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [FloatingLabelComponent, SharedDirectivesModule] });
+FloatingLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelModule, imports: [[CommonModule, SharedDirectivesModule], SharedDirectivesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT_DIRECTIVES],
+                    exports: [...COMPONENT_DIRECTIVES, SharedDirectivesModule],
+                    imports: [CommonModule, SharedDirectivesModule]
+                }]
+        }] });

package/{dist/es → esm2015}/floating-label/models/label-position.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015/shared.module.d.ts → esm2015/kendo-angular-label.js}

@@ -3,7 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * @hidden
+ * Generated bundle index. Do not edit.
  */
-export declare class SharedDirectivesModule {
-}
+export * from './main';

package/esm2015/label/label.component.js

@@ -0,0 +1,158 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ContentChild, Component, HostBinding, Input, ViewChild } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { KendoInput, guid } from '@progress/kendo-angular-common';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { LabelDirective } from './../label.directive';
+import { getWrappedNativeInput } from './../util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../localization/localized-messages.directive";
+import * as i3 from "../label.directive";
+import * as i4 from "@angular/common";
+/**
+ * Represents the [Kendo UI Label component for Angular]({% slug label_basic %}).
+ *
+ * Associates a label with input elements or components.
+ *
+ * @example
+ * ```ts
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-label [for]="input" text="First name">
+ *       <input [(ngModel)]="name" kendoTextBox #input />
+ *     </kendo-label>
+ *   `
+ * })
+ * class AppComponent {
+ *     public name = 'John';
+ * }
+ *
+ * ```
+ */
+export class LabelComponent {
+    constructor(elementRef, renderer, localization) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.localization = localization;
+        this.subscriptions = new Subscription();
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
+    }
+    /**
+     * @hidden
+     */
+    ngAfterContentInit() {
+        if (this.for) {
+            this.control = this.for;
+            return;
+        }
+        const wrappedNativeInput = getWrappedNativeInput(this.elementRef.nativeElement);
+        if (wrappedNativeInput) {
+            if (!wrappedNativeInput.hasAttribute('id')) {
+                this.renderer.setAttribute(wrappedNativeInput, 'id', `k-${guid()}`);
+            }
+            this.control = wrappedNativeInput;
+            return;
+        }
+        this.control = this.kendoInput;
+    }
+    /**
+     * @hidden
+     */
+    ngOnInit() {
+        this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        }));
+    }
+    /**
+     * @hidden
+     */
+    ngAfterViewInit() {
+        this.labelDirective.setAriaLabelledby();
+    }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+    }
+    /**
+     * @hidden
+     */
+    textFor(key) {
+        return this.localization.get(key);
+    }
+}
+LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LabelComponent, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.label'
+        }
+    ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], viewQueries: [{ propertyName: "labelDirective", first: true, predicate: LabelDirective, descendants: true, static: true }], exportAs: ["kendoLabel"], ngImport: i0, template: `
+        <ng-container kendoLabelLocalizedMessages
+            i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
+            optional="Optional"
+         >
+        </ng-container>
+        <label
+            [for]="control"
+            [class.k-label-empty]="!text">
+            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
+        </label>
+        <ng-content></ng-content>
+    `, isInline: true, directives: [{ type: i2.LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: i3.LabelDirective, selector: "label[for]", inputs: ["for"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-label',
+                    exportAs: 'kendoLabel',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.label'
+                        }
+                    ],
+                    template: `
+        <ng-container kendoLabelLocalizedMessages
+            i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
+            optional="Optional"
+         >
+        </ng-container>
+        <label
+            [for]="control"
+            [class.k-label-empty]="!text">
+            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
+        </label>
+        <ng-content></ng-content>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], text: [{
+                type: Input
+            }], for: [{
+                type: Input
+            }], optional: [{
+                type: Input
+            }], labelDirective: [{
+                type: ViewChild,
+                args: [LabelDirective, { static: true }]
+            }], kendoInput: [{
+                type: ContentChild,
+                args: [KendoInput, { static: true }]
+            }] } });

package/{dist/es2015 → esm2015}/label.directive.js

@@ -2,10 +2,10 @@
 * 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 { isUploadComponent, getRootElement, inputElementHasAttr, isInputElement } from './util';
-import { Directive, Input, HostBinding, ElementRef, Renderer2, NgZone } from '@angular/core';
+import { Directive, Input, HostBinding } from '@angular/core';
 import { isDocumentAvailable, guid } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Label directive for Angular]({% slug overview_label %}).
  * The Label associates a focusable Angular component or an HTML element
@@ -37,7 +37,7 @@ import { isDocumentAvailable, guid } from '@progress/kendo-angular-common';
  * class AppComponent { }
  * ```
  */
-let LabelDirective = class LabelDirective {
+export class LabelDirective {
     constructor(label, renderer, zone) {
         this.label = label;
         this.renderer = renderer;
@@ -110,24 +110,21 @@ let LabelDirective = class LabelDirective {
         const target = this.for;
         return target && target.focus !== undefined ? target : null;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], LabelDirective.prototype, "for", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.for'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], LabelDirective.prototype, "labelFor", null);
-tslib_1.__decorate([
-    HostBinding('class.k-label'),
-    tslib_1.__metadata("design:type", Boolean)
-], LabelDirective.prototype, "labelClass", void 0);
-LabelDirective = tslib_1.__decorate([
-    Directive({
-        selector: 'label[for]' //tslint:disable-line:directive-selector
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef, Renderer2, NgZone])
-], LabelDirective);
-export { LabelDirective };
+}
+LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LabelDirective, selector: "label[for]", inputs: { for: "for" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'label[for]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { for: [{
+                type: Input
+            }], labelFor: [{
+                type: HostBinding,
+                args: ['attr.for']
+            }], labelClass: [{
+                type: HostBinding,
+                args: ['class.k-label']
+            }] } });

package/{dist/es2015 → esm2015}/label.module.js

@@ -2,13 +2,13 @@
 * 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 { SharedDirectivesModule } from './shared.module';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FloatingLabelModule } from './floating-label/floating-label.module';
 import { LabelDirective } from './label.directive';
 import { LabelComponent } from './label/label.component';
+import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     LabelDirective,
     LabelComponent
@@ -48,13 +48,18 @@ const COMPONENT_DIRECTIVES = [
  *
  * ```
  */
-let LabelModule = class LabelModule {
-};
-LabelModule = tslib_1.__decorate([
-    NgModule({
-        imports: [CommonModule, SharedDirectivesModule],
-        declarations: [...COMPONENT_DIRECTIVES],
-        exports: [...COMPONENT_DIRECTIVES, FloatingLabelModule, SharedDirectivesModule]
-    })
-], LabelModule);
-export { LabelModule };
+export class LabelModule {
+}
+LabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, declarations: [LabelDirective,
+        LabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [LabelDirective,
+        LabelComponent, FloatingLabelModule, SharedDirectivesModule] });
+LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, imports: [[CommonModule, SharedDirectivesModule], FloatingLabelModule, SharedDirectivesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SharedDirectivesModule],
+                    declarations: [...COMPONENT_DIRECTIVES],
+                    exports: [...COMPONENT_DIRECTIVES, FloatingLabelModule, SharedDirectivesModule]
+                }]
+        }] });

package/esm2015/localization/custom-messages.component.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug label_globalization %}#toc-localization)).
+ */
+export class CustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-label-messages, kendo-floatinglabel-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });