@progress/kendo-angular-label 4.0.2-dev.202210121019 → 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/kendo-angular-label.umd.js +1 -1
- package/esm2015/floating-label/floating-label.component.js +1 -1
- package/esm2015/floating-label/floating-label.module.js +1 -1
- package/esm2015/label.directive.js +1 -1
- package/esm2015/package-metadata.js +1 -1
- package/fesm2015/kendo-angular-label.js +4 -4
- package/floating-label/floating-label.component.d.ts +3 -3
- package/floating-label/floating-label.module.d.ts +1 -1
- package/label.directive.d.ts +2 -2
- package/package.json +4 -4
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
!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){var o;return n&&n.__esModule?n:(o=Object.create(null),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(){var e,t;return"string"==typeof this.for?this.for:i.isDocumentAvailable()&&((e=this.getFocusableComponent()||{})instanceof HTMLElement&&(t="id",e.hasAttribute(t)||this.renderer.setAttribute(e,"id","k-"+i.guid())),e.focusableId||e.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:1665569935,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-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-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;this.for?this.control=this.for:(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()),this.control=e):this.control=this.kendoInput},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})});
|
|
5
|
+
!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){var o;return n&&n.__esModule?n:(o=Object.create(null),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(){var e,t;return"string"==typeof this.for?this.for:i.isDocumentAvailable()&&((e=this.getFocusableComponent()||{})instanceof HTMLElement&&(t="id",!e.hasAttribute(t))&&this.renderer.setAttribute(e,"id","k-"+i.guid()),e.focusableId||e.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:1668698509,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-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-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;this.for?this.control=this.for:(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()),this.control=e):this.control=this.kendoInput},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})});
|
|
@@ -20,7 +20,7 @@ const isFunction = (x) => Object.prototype.toString.call(x) === '[object Functio
|
|
|
20
20
|
*
|
|
21
21
|
* The FloatingLabel supports both Template and Reactive Forms and
|
|
22
22
|
* [can contain Kendo UI for Angular Input components such as `kendo-combobox` and `kendo-numerictextbox`,
|
|
23
|
-
* or HTML Input elements with the `kendoTextBox` directive applied](
|
|
23
|
+
* or HTML Input elements with the `kendoTextBox` directive applied](slug:overview_floatinglabel#toc-implementing-floating-labels).
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
* ```ts
|
|
@@ -9,7 +9,7 @@ import { FloatingLabelComponent } from './floating-label.component';
|
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
const COMPONENT_DIRECTIVES = [FloatingLabelComponent];
|
|
11
11
|
/**
|
|
12
|
-
* Represents the [NgModule](
|
|
12
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
13
13
|
* definition for the TextBox directive.
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
*
|
|
14
14
|
* To associate a component by using the `label` element, either:
|
|
15
15
|
* * Set the `[for]` property binding to a
|
|
16
|
-
* [template reference variable](
|
|
16
|
+
* [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
|
|
17
17
|
* * Set the `[for]` property binding to an `id` HTML string value.
|
|
18
18
|
*
|
|
19
19
|
* @example
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-label',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1668698509,
|
|
13
13
|
version: '',
|
|
14
14
|
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'
|
|
15
15
|
};
|
|
@@ -50,7 +50,7 @@ const getRootElement = (element) => {
|
|
|
50
50
|
*
|
|
51
51
|
* To associate a component by using the `label` element, either:
|
|
52
52
|
* * Set the `[for]` property binding to a
|
|
53
|
-
* [template reference variable](
|
|
53
|
+
* [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
|
|
54
54
|
* * Set the `[for]` property binding to an `id` HTML string value.
|
|
55
55
|
*
|
|
56
56
|
* @example
|
|
@@ -278,7 +278,7 @@ const packageMetadata = {
|
|
|
278
278
|
name: '@progress/kendo-angular-label',
|
|
279
279
|
productName: 'Kendo UI for Angular',
|
|
280
280
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
281
|
-
publishDate:
|
|
281
|
+
publishDate: 1668698509,
|
|
282
282
|
version: '',
|
|
283
283
|
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'
|
|
284
284
|
};
|
|
@@ -337,7 +337,7 @@ const isFunction = (x) => Object.prototype.toString.call(x) === '[object Functio
|
|
|
337
337
|
*
|
|
338
338
|
* The FloatingLabel supports both Template and Reactive Forms and
|
|
339
339
|
* [can contain Kendo UI for Angular Input components such as `kendo-combobox` and `kendo-numerictextbox`,
|
|
340
|
-
* or HTML Input elements with the `kendoTextBox` directive applied](
|
|
340
|
+
* or HTML Input elements with the `kendoTextBox` directive applied](slug:overview_floatinglabel#toc-implementing-floating-labels).
|
|
341
341
|
*
|
|
342
342
|
* @example
|
|
343
343
|
* ```ts
|
|
@@ -620,7 +620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
620
620
|
|
|
621
621
|
const COMPONENT_DIRECTIVES$1 = [FloatingLabelComponent];
|
|
622
622
|
/**
|
|
623
|
-
* Represents the [NgModule](
|
|
623
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
624
624
|
* definition for the TextBox directive.
|
|
625
625
|
*
|
|
626
626
|
* @example
|
|
@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
*
|
|
14
14
|
* The FloatingLabel supports both Template and Reactive Forms and
|
|
15
15
|
* [can contain Kendo UI for Angular Input components such as `kendo-combobox` and `kendo-numerictextbox`,
|
|
16
|
-
* or HTML Input elements with the `kendoTextBox` directive applied](
|
|
16
|
+
* or HTML Input elements with the `kendoTextBox` directive applied](slug:overview_floatinglabel#toc-implementing-floating-labels).
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```ts
|
|
@@ -50,12 +50,12 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
|
|
|
50
50
|
direction: string;
|
|
51
51
|
/**
|
|
52
52
|
* Sets the CSS Styles that will be rendered on the actual label element.
|
|
53
|
-
* Supports the type of values that are supported by [ngStyle](
|
|
53
|
+
* Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']) directive.
|
|
54
54
|
*/
|
|
55
55
|
labelCssStyle: any;
|
|
56
56
|
/**
|
|
57
57
|
* Sets the CSS Classes that will be rendered on the actual label element.
|
|
58
|
-
* Supports the type of values that are supported by [ngClass](
|
|
58
|
+
* Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']) directive.
|
|
59
59
|
*/
|
|
60
60
|
labelCssClass: any;
|
|
61
61
|
/**
|
|
@@ -7,7 +7,7 @@ import * as i1 from "./floating-label.component";
|
|
|
7
7
|
import * as i2 from "@angular/common";
|
|
8
8
|
import * as i3 from "../shared.module";
|
|
9
9
|
/**
|
|
10
|
-
* Represents the [NgModule](
|
|
10
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
11
11
|
* definition for the TextBox directive.
|
|
12
12
|
*
|
|
13
13
|
* @example
|
package/label.directive.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
*
|
|
12
12
|
* To associate a component by using the `label` element, either:
|
|
13
13
|
* * Set the `[for]` property binding to a
|
|
14
|
-
* [template reference variable](
|
|
14
|
+
* [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
|
|
15
15
|
* * Set the `[for]` property binding to an `id` HTML string value.
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
@@ -41,7 +41,7 @@ export declare class LabelDirective {
|
|
|
41
41
|
private zone;
|
|
42
42
|
/**
|
|
43
43
|
* Sets the focusable target to either of the following options ([see example]({% slug overview_label %})):
|
|
44
|
-
* * A [template reference variable](
|
|
44
|
+
* * A [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
|
|
45
45
|
* * An `id` HTML string value.
|
|
46
46
|
*/
|
|
47
47
|
for: string | {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-label",
|
|
3
|
-
"version": "4.0.2
|
|
3
|
+
"version": "4.0.2",
|
|
4
4
|
"description": "Kendo UI Label for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"tslib": "^2.3.1"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@angular/common": "12 -
|
|
30
|
-
"@angular/core": "12 -
|
|
31
|
-
"@angular/forms": "12 -
|
|
29
|
+
"@angular/common": "12 - 15",
|
|
30
|
+
"@angular/core": "12 - 15",
|
|
31
|
+
"@angular/forms": "12 - 15",
|
|
32
32
|
"@progress/kendo-angular-common": "^3.0.0",
|
|
33
33
|
"@progress/kendo-angular-l10n": "^4.0.0",
|
|
34
34
|
"@progress/kendo-licensing": "^1.0.2",
|