@progress/kendo-angular-label 24.2.2-develop.9 → 25.0.0-develop.1

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.
@@ -173,10 +173,10 @@ class LabelDirective {
173
173
  component.focus();
174
174
  }
175
175
  };
176
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
177
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LabelDirective, isStandalone: true, selector: "label[for]", inputs: { for: "for", labelClass: "labelClass" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
176
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
177
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LabelDirective, isStandalone: true, selector: "label[for]", inputs: { for: "for", labelClass: "labelClass" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
178
178
  }
179
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelDirective, decorators: [{
179
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelDirective, decorators: [{
180
180
  type: Directive,
181
181
  args: [{
182
182
  selector: 'label[for]',
@@ -202,8 +202,8 @@ const packageMetadata = {
202
202
  productName: 'Kendo UI for Angular',
203
203
  productCode: 'KENDOUIANGULAR',
204
204
  productCodes: ['KENDOUIANGULAR'],
205
- publishDate: 1783411043,
206
- version: '24.2.2-develop.9',
205
+ publishDate: 1783679873,
206
+ version: '25.0.0-develop.1',
207
207
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
208
208
  };
209
209
 
@@ -268,10 +268,10 @@ class Messages extends ComponentMessages {
268
268
  * The optional text.
269
269
  */
270
270
  optional;
271
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
272
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: Messages, isStandalone: true, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
271
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
272
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
273
273
  }
274
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Messages, decorators: [{
274
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, decorators: [{
275
275
  type: Directive,
276
276
  args: [{
277
277
  selector: 'kendo-label-messages-base'
@@ -289,15 +289,15 @@ class LocalizedMessagesDirective extends Messages {
289
289
  super();
290
290
  this.service = service;
291
291
  }
292
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
293
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n ", providers: [
292
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
293
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n ", providers: [
294
294
  {
295
295
  provide: Messages,
296
296
  useExisting: forwardRef(() => LocalizedMessagesDirective)
297
297
  }
298
298
  ], usesInheritance: true, ngImport: i0 });
299
299
  }
300
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
300
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
301
301
  type: Directive,
302
302
  args: [{
303
303
  providers: [
@@ -607,8 +607,8 @@ class FloatingLabelComponent {
607
607
  return;
608
608
  }
609
609
  }
610
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
611
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: FloatingLabelComponent, isStandalone: true, 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: [
610
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
611
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FloatingLabelComponent, isStandalone: true, 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: [
612
612
  LocalizationService,
613
613
  {
614
614
  provide: L10N_PREFIX,
@@ -630,7 +630,7 @@ class FloatingLabelComponent {
630
630
  }
631
631
  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n " }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
632
632
  }
633
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelComponent, decorators: [{
633
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelComponent, decorators: [{
634
634
  type: Component,
635
635
  args: [{
636
636
  selector: 'kendo-floatinglabel',
@@ -834,8 +834,8 @@ class LabelComponent {
834
834
  textFor(key) {
835
835
  return this.localization.get(key);
836
836
  }
837
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
838
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
837
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
838
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
839
839
  LocalizationService,
840
840
  {
841
841
  provide: L10N_PREFIX,
@@ -859,7 +859,7 @@ class LabelComponent {
859
859
  <ng-content></ng-content>
860
860
  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n " }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
861
861
  }
862
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelComponent, decorators: [{
862
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelComponent, decorators: [{
863
863
  type: Component,
864
864
  args: [{
865
865
  selector: 'kendo-label',
@@ -925,15 +925,15 @@ class CustomMessagesComponent extends Messages {
925
925
  get override() {
926
926
  return true;
927
927
  }
928
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
929
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
928
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
929
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
930
930
  {
931
931
  provide: Messages,
932
932
  useExisting: forwardRef(() => CustomMessagesComponent)
933
933
  }
934
934
  ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
935
935
  }
936
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CustomMessagesComponent, decorators: [{
936
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, decorators: [{
937
937
  type: Component,
938
938
  args: [{
939
939
  providers: [
@@ -1009,11 +1009,11 @@ const KENDO_LABELS = [
1009
1009
  * ```
1010
1010
  */
1011
1011
  class LabelModule {
1012
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1013
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: LabelModule, imports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent], exports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
1014
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelModule });
1012
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1013
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: LabelModule, imports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent], exports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
1014
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelModule });
1015
1015
  }
1016
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelModule, decorators: [{
1016
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelModule, decorators: [{
1017
1017
  type: NgModule,
1018
1018
  args: [{
1019
1019
  imports: [...KENDO_LABELS],
@@ -1038,11 +1038,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
1038
1038
  * ```
1039
1039
  */
1040
1040
  class FloatingLabelModule {
1041
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1042
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule, imports: [FloatingLabelComponent, CustomMessagesComponent], exports: [FloatingLabelComponent, CustomMessagesComponent] });
1043
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule });
1041
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1042
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule, imports: [FloatingLabelComponent, CustomMessagesComponent], exports: [FloatingLabelComponent, CustomMessagesComponent] });
1043
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule });
1044
1044
  }
1045
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FloatingLabelModule, decorators: [{
1045
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelModule, decorators: [{
1046
1046
  type: NgModule,
1047
1047
  args: [{
1048
1048
  exports: [...KENDO_FLOATINGLABEL],
package/index.d.ts CHANGED
@@ -2,12 +2,452 @@
2
2
  * Copyright © 2026 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
- export { LabelDirective } from './label.directive';
6
- export { LabelModule } from './label.module';
7
- export { FloatingLabelModule } from './floating-label/floating-label.module';
8
- export { FloatingLabelComponent } from './floating-label/floating-label.component';
9
- export { LabelComponent } from './label/label.component';
10
- export { CustomMessagesComponent } from './localization/custom-messages.component';
11
- export { FloatingLabelPosition } from './floating-label/models/label-position';
12
- export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
13
- export * from './directives';
5
+ import * as i0 from '@angular/core';
6
+ import { ElementRef, Renderer2, NgZone, AfterContentInit, AfterContentChecked, OnDestroy, EventEmitter, ChangeDetectorRef } from '@angular/core';
7
+ import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
8
+ import { NgControl } from '@angular/forms';
9
+
10
+ /**
11
+ * Represents the [Kendo UI Label directive for Angular](https://www.telerik.com/kendo-angular-ui/components/labels/label/label-directive).
12
+ * Use the `LabelDirective` to link a focusable Angular component or HTML element to a `<label>` tag with the `[for]` property binding.
13
+ *
14
+ * To link a component with the `label` element:
15
+ * - Set the `[for]` property binding to a [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
16
+ * - Set the `[for]` property binding to an `id` HTML string value.
17
+ *
18
+ * @example
19
+ * ```ts
20
+ * @Component({
21
+ * selector: 'my-app',
22
+ * template: `
23
+ * <div class="row example-wrapper" style="min-height: 450px;">
24
+ * <div class="col-xs-12 col-md-6 example-col">
25
+ * <label [for]="datepicker">DatePicker: </label>
26
+ * <kendo-datepicker #datepicker></kendo-datepicker>
27
+ * </div>
28
+ *
29
+ * <div class="col-xs-12 col-md-6 example-col">
30
+ * <label for="input">Input: </label>
31
+ * <input id="input" />
32
+ * </div>
33
+ * </div>
34
+ * `
35
+ * })
36
+ * class AppComponent { }
37
+ * ```
38
+ */
39
+ declare class LabelDirective {
40
+ private label;
41
+ private renderer;
42
+ private zone;
43
+ /**
44
+ * Sets the focusable target for the label.
45
+ * Accepts a [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-) or an `id` HTML string value.
46
+ *
47
+ * @remarks
48
+ * This property is related to accessibility.
49
+ */
50
+ for: string | {
51
+ focus: Function;
52
+ };
53
+ get labelFor(): string;
54
+ /**
55
+ * @hidden
56
+ * Allows the user to specify if the label CSS class should be rendered or not.
57
+ */
58
+ labelClass: boolean;
59
+ private clickListener;
60
+ constructor(label: ElementRef<HTMLLabelElement>, renderer: Renderer2, zone: NgZone);
61
+ /**
62
+ * @hidden
63
+ */
64
+ ngAfterViewInit(): void;
65
+ /**
66
+ * @hidden
67
+ */
68
+ ngOnDestroy(): void;
69
+ /**
70
+ * @hidden
71
+ */
72
+ setAriaLabelledby(): void;
73
+ private getFocusableComponent;
74
+ private handleClick;
75
+ static ɵfac: i0.ɵɵFactoryDeclaration<LabelDirective, never>;
76
+ static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[for]", never, { "for": { "alias": "for"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; }, {}, never, never, true, never>;
77
+ }
78
+
79
+ /**
80
+ * Represents the [Kendo UI Label component for Angular](https://www.telerik.com/kendo-angular-ui/components/labels/label).
81
+ *
82
+ * Use the `LabelComponent` to associate a label with input elements or components.
83
+ *
84
+ * @example
85
+ * ```html
86
+ * <kendo-label [for]="input" text="First name">
87
+ * <kendo-textbox #input></kendo-textbox>
88
+ * </kendo-label>
89
+ * ```
90
+ * @remarks
91
+ * Supported children components are: {@link CustomMessagesComponent}.
92
+ */
93
+ declare class LabelComponent implements AfterContentInit {
94
+ private elementRef;
95
+ private renderer;
96
+ private localization;
97
+ /**
98
+ * Specifies the `dir` attribute value for the component.
99
+ * @hidden
100
+ */
101
+ direction: string;
102
+ /**
103
+ * Sets the text content of the Label. Use this property to describe the input.
104
+ *
105
+ * @example
106
+ * ```html
107
+ * <kendo-label text="Email"></kendo-label>
108
+ * ```
109
+ */
110
+ text: string;
111
+ /**
112
+ * Associates the label with a component by a template reference or with an HTML element by `id`.
113
+ *
114
+ * @example
115
+ * ```html
116
+ * <input #myInput />
117
+ * <kendo-label [for]="myInput" text="Username"></kendo-label>
118
+ * ```
119
+ */
120
+ set for(forValue: any);
121
+ get for(): any;
122
+ /**
123
+ * Marks a form field as optional. When enabled, the label displays the `Optional` text by default.
124
+ * You can customize the text by providing a custom message. ([See example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#custom-messages)).
125
+ *
126
+ * @default false
127
+ * @example
128
+ * ```html
129
+ * <kendo-label text="Phone" [optional]="true"></kendo-label>
130
+ * ```
131
+ */
132
+ optional: boolean;
133
+ /**
134
+ * Sets the CSS styles for the label element.
135
+ * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
136
+ *
137
+ * @example
138
+ * ```html
139
+ * <kendo-label text="Name" [labelCssStyle]="{ color: 'red' }"></kendo-label>
140
+ * ```
141
+ */
142
+ labelCssStyle: any;
143
+ /**
144
+ * Sets the CSS classes for the label element.
145
+ * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
146
+ *
147
+ * @example
148
+ * ```html
149
+ * <kendo-label text="Address" [labelCssClass]="'custom-label'"></kendo-label>
150
+ * ```
151
+ */
152
+ labelCssClass: any;
153
+ labelDirective: LabelDirective;
154
+ kendoInput: any;
155
+ /**
156
+ * @hidden
157
+ */
158
+ control: string | {
159
+ focus: Function;
160
+ };
161
+ private subscriptions;
162
+ private _for;
163
+ constructor(elementRef: ElementRef, renderer: Renderer2, localization: LocalizationService);
164
+ /**
165
+ * @hidden
166
+ */
167
+ ngAfterContentInit(): void;
168
+ /**
169
+ * @hidden
170
+ */
171
+ ngOnInit(): void;
172
+ /**
173
+ * @hidden
174
+ */
175
+ ngAfterViewInit(): void;
176
+ /**
177
+ * @hidden
178
+ */
179
+ ngOnDestroy(): void;
180
+ /**
181
+ * @hidden
182
+ */
183
+ textFor(key: string): string;
184
+ static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
185
+ static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "kendo-label", ["kendoLabel"], { "text": { "alias": "text"; "required": false; }; "for": { "alias": "for"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "labelCssStyle": { "alias": "labelCssStyle"; "required": false; }; "labelCssClass": { "alias": "labelCssClass"; "required": false; }; }, {}, ["kendoInput"], ["*"], true, never>;
186
+ }
187
+
188
+ /**
189
+ * @hidden
190
+ */
191
+ declare class Messages extends ComponentMessages {
192
+ /**
193
+ * The optional text.
194
+ */
195
+ optional: string;
196
+ static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
197
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-label-messages-base", never, { "optional": { "alias": "optional"; "required": false; }; }, {}, never, never, true, never>;
198
+ }
199
+
200
+ /**
201
+ * Use the `CustomMessagesComponent` to override default component messages. ([See example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#internationalization))
202
+ *
203
+ */
204
+ declare class CustomMessagesComponent extends Messages {
205
+ protected service: LocalizationService;
206
+ constructor(service: LocalizationService);
207
+ protected get override(): boolean;
208
+ static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
209
+ static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-label-messages, kendo-floatinglabel-messages", never, {}, {}, never, never, true, never>;
210
+ }
211
+
212
+ /**
213
+ * Represents the type of the [`labelPosition`](https://www.telerik.com/kendo-angular-ui/components/labels/api/floatinglabelcomponent#labelposition) field and the parameter of the [`positionChange`](https://www.telerik.com/kendo-angular-ui/components/labels/api/floatinglabelcomponent#positionchange) event.
214
+ * Do not use this type to specify whether the FloatingLabel is outside or inside the associated component. [See example.](https://www.telerik.com/kendo-angular-ui/components/labels/floatinglabel/events)
215
+ *
216
+ * The possible values are:
217
+ * - `Out`&mdash;Indicates that the FloatingLabel is outside the component it is associated with.
218
+ * - `In`&mdash;Indicates that the FloatingLabel is inside the component it is associated with.
219
+ *
220
+ * @example
221
+ * ```typescript
222
+ * import { Component } from "@angular/core";
223
+ * import { KENDO_FLOATINGLABEL, FloatingLabelPosition } from "@progress/kendo-angular-label";
224
+ *
225
+ * @Component({
226
+ * selector: "my-app",
227
+ * standalone: true,
228
+ * imports: [KENDO_FLOATINGLABEL],
229
+ * template: `
230
+ * <kendo-floatinglabel
231
+ * (positionChange)="labelPosition($event)"
232
+ * text="Enter First Name"
233
+ * >
234
+ * <kendo-textbox [style.width.px]="180"></kendo-textbox>
235
+ * </kendo-floatinglabel>
236
+ * `,
237
+ * })
238
+ * export class AppComponent {
239
+ * labelPosition(position: FloatingLabelPosition): void {
240
+ * ...
241
+ * }
242
+ * }
243
+ * ```
244
+ */
245
+ type FloatingLabelPosition = 'Out' | 'In';
246
+
247
+ /**
248
+ * Represents the [Kendo UI FloatingLabel component for Angular](https://www.telerik.com/kendo-angular-ui/components/labels/floatinglabel).
249
+ * Use this component to provide floating labels to `input` elements.
250
+ *
251
+ * The FloatingLabel supports Template and Reactive Forms.
252
+ * You can use it with Kendo UI for Angular Inputs components such as `kendo-combobox`, `kendo-numerictextbox`, or `kendo-textbox`.
253
+ * [See example.](https://www.telerik.com/kendo-angular-ui/components/labels/floatinglabel/association)
254
+ *
255
+ * @example
256
+ * ```html
257
+ * <kendo-floatinglabel text="First name">
258
+ * <kendo-textbox></kendo-textbox>
259
+ * </kendo-floatinglabel>
260
+ * ```
261
+ *
262
+ * @remarks
263
+ * Supported children components are: {@link CustomMessagesComponent}.
264
+ */
265
+ declare class FloatingLabelComponent implements AfterContentChecked, AfterContentInit, OnDestroy {
266
+ private elementRef;
267
+ private renderer;
268
+ private changeDetectorRef;
269
+ private localization;
270
+ /**
271
+ * Gets the current floating label position.
272
+ */
273
+ get labelPosition(): FloatingLabelPosition;
274
+ hostClasses: boolean;
275
+ get focusedClass(): boolean;
276
+ get invalidClass(): boolean;
277
+ /**
278
+ * @hidden
279
+ */
280
+ direction: string;
281
+ /**
282
+ * Sets the CSS styles for the internal label element.
283
+ * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
284
+ */
285
+ labelCssStyle: any;
286
+ /**
287
+ * Sets the CSS classes for the label element.
288
+ * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
289
+ */
290
+ labelCssClass: any;
291
+ /**
292
+ * Sets the `id` attribute of the input inside the floating label.
293
+ *
294
+ * @remarks
295
+ * This property is related to accessibility.
296
+ */
297
+ id: string;
298
+ /**
299
+ * Sets the text content of the floating label that describes the input.
300
+ *
301
+ * @remarks
302
+ * This property is related to accessibility.
303
+ */
304
+ text: string;
305
+ /**
306
+ * Marks a form field as optional. When enabled, renders the `Optional` text by default.
307
+ * You can customize the text by providing a custom message ([see example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#custom-messages)).
308
+ *
309
+ * @default false
310
+ */
311
+ optional: boolean;
312
+ /**
313
+ * Fires after the FloatingLabel position changes.
314
+ */
315
+ positionChange: EventEmitter<FloatingLabelPosition>;
316
+ kendoInput: any;
317
+ formControl: NgControl;
318
+ /**
319
+ * @hidden
320
+ */
321
+ focused: boolean;
322
+ /**
323
+ * @hidden
324
+ */
325
+ empty: boolean;
326
+ /**
327
+ * @hidden
328
+ */
329
+ invalid: boolean;
330
+ /**
331
+ * @hidden
332
+ */
333
+ labelId: string;
334
+ private subscription;
335
+ private autoFillStarted;
336
+ constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, localization: LocalizationService);
337
+ /**
338
+ * @hidden
339
+ */
340
+ ngAfterContentChecked(): void;
341
+ /**
342
+ * @hidden
343
+ */
344
+ ngAfterContentInit(): void;
345
+ ngAfterViewInit(): void;
346
+ /**
347
+ * @hidden
348
+ */
349
+ ngOnDestroy(): void;
350
+ /**
351
+ * @hidden
352
+ */
353
+ textFor(key: string): string;
354
+ private subscribe;
355
+ private updateState;
356
+ private isValueEmpty;
357
+ private setAriaLabelledby;
358
+ private setLabelFor;
359
+ private handleAutofill;
360
+ private addHandlers;
361
+ private validateSetup;
362
+ static ɵfac: i0.ɵɵFactoryDeclaration<FloatingLabelComponent, never>;
363
+ static ɵcmp: i0.ɵɵComponentDeclaration<FloatingLabelComponent, "kendo-floatinglabel", ["kendoFloatingLabel"], { "labelCssStyle": { "alias": "labelCssStyle"; "required": false; }; "labelCssClass": { "alias": "labelCssClass"; "required": false; }; "id": { "alias": "id"; "required": false; }; "text": { "alias": "text"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; }, { "positionChange": "positionChange"; }, ["kendoInput", "formControl"], ["*"], true, never>;
364
+ }
365
+
366
+ /**
367
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Label component.
368
+ * The module imports:
369
+ * - `LabelDirective`
370
+ * - `LabelComponent`
371
+ * - `FloatingLabel`
372
+ *
373
+ * @example
374
+ * ```ts
375
+ * import { LabelModule } from '@progress/kendo-angular-label';
376
+ * import { NgModule } from '@angular/core';
377
+ * import { AppComponent } from './app.component';
378
+ *
379
+ * @NgModule({
380
+ * declarations: [AppComponent],
381
+ * imports: [BrowserModule, LabelModule],
382
+ * bootstrap: [AppComponent]
383
+ * })
384
+ * export class AppModule {}
385
+ * ```
386
+ */
387
+ declare class LabelModule {
388
+ static ɵfac: i0.ɵɵFactoryDeclaration<LabelModule, never>;
389
+ static ɵmod: i0.ɵɵNgModuleDeclaration<LabelModule, never, [typeof LabelDirective, typeof LabelComponent, typeof CustomMessagesComponent, typeof FloatingLabelComponent, typeof CustomMessagesComponent], [typeof LabelDirective, typeof LabelComponent, typeof CustomMessagesComponent, typeof FloatingLabelComponent, typeof CustomMessagesComponent]>;
390
+ static ɵinj: i0.ɵɵInjectorDeclaration<LabelModule>;
391
+ }
392
+
393
+ /**
394
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the FloatingLabel component.
395
+ *
396
+ * @example
397
+ * ```typescript
398
+ * import { FloatingLabelModule } from '@progress/kendo-angular-label';
399
+ *
400
+ * @NgModule({
401
+ * imports: [BrowserModule, FloatingLabelModule],
402
+ * declarations: [AppComponent],
403
+ * bootstrap: [AppComponent]
404
+ * })
405
+ * export class AppModule { }
406
+ * ```
407
+ */
408
+ declare class FloatingLabelModule {
409
+ static ɵfac: i0.ɵɵFactoryDeclaration<FloatingLabelModule, never>;
410
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FloatingLabelModule, never, [typeof FloatingLabelComponent, typeof CustomMessagesComponent], [typeof FloatingLabelComponent, typeof CustomMessagesComponent]>;
411
+ static ɵinj: i0.ɵɵInjectorDeclaration<FloatingLabelModule>;
412
+ }
413
+
414
+ /**
415
+ * @hidden
416
+ */
417
+ declare class LocalizedMessagesDirective extends Messages {
418
+ protected service: LocalizationService;
419
+ constructor(service: LocalizationService);
420
+ static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
421
+ static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, " [kendoLabelLocalizedMessages], [kendoFloatingLabelLocalizedMessages] ", never, {}, {}, never, never, true, never>;
422
+ }
423
+
424
+ /**
425
+ * Holds all `Label`-related components and directives.
426
+ *
427
+ * @example
428
+ * ```typescript
429
+ * import { KENDO_LABEL } from '@progress/kendo-angular-label';
430
+ * ```
431
+ */
432
+ declare const KENDO_LABEL: readonly [typeof LabelDirective, typeof LabelComponent, typeof CustomMessagesComponent];
433
+ /**
434
+ * Holds all `FloatingLabel`-related components and directives.
435
+ *
436
+ * @example
437
+ * ```typescript
438
+ * import { KENDO_FLOATINGLABEL } from '@progress/kendo-angular-label';
439
+ * ```
440
+ */
441
+ declare const KENDO_FLOATINGLABEL: readonly [typeof FloatingLabelComponent, typeof CustomMessagesComponent];
442
+ /**
443
+ * Holds all `@progress/kendo-angular-label`-related components and directives.
444
+ *
445
+ * @example
446
+ * ```typescript
447
+ * import { KENDO_LABELS } from '@progress/kendo-angular-label';
448
+ * ```
449
+ */
450
+ declare const KENDO_LABELS: readonly [typeof LabelDirective, typeof LabelComponent, typeof CustomMessagesComponent, typeof FloatingLabelComponent, typeof CustomMessagesComponent];
451
+
452
+ export { CustomMessagesComponent, FloatingLabelComponent, FloatingLabelModule, KENDO_FLOATINGLABEL, KENDO_LABEL, KENDO_LABELS, LabelComponent, LabelDirective, LabelModule, LocalizedMessagesDirective };
453
+ export type { FloatingLabelPosition };
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1783411043,
11
- "version": "24.2.2-develop.9",
10
+ "publishDate": 1783679873,
11
+ "version": "25.0.0-develop.1",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-label",
3
- "version": "24.2.2-develop.9",
3
+ "version": "25.0.0-develop.1",
4
4
  "description": "Kendo UI Label for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -19,24 +19,24 @@
19
19
  "package": {
20
20
  "productName": "Kendo UI for Angular",
21
21
  "productCode": "KENDOUIANGULAR",
22
- "publishDate": 1783411043,
22
+ "publishDate": 1783679873,
23
23
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
24
24
  }
25
25
  },
26
26
  "peerDependencies": {
27
- "@angular/animations": "19 - 22",
28
- "@angular/common": "19 - 22",
29
- "@angular/core": "19 - 22",
30
- "@angular/forms": "19 - 22",
31
- "@angular/platform-browser": "19 - 22",
27
+ "@angular/animations": "20 - 22",
28
+ "@angular/common": "20 - 22",
29
+ "@angular/core": "20 - 22",
30
+ "@angular/forms": "20 - 22",
31
+ "@angular/platform-browser": "20 - 22",
32
32
  "@progress/kendo-licensing": "^1.11.0",
33
- "@progress/kendo-angular-common": "24.2.2-develop.9",
34
- "@progress/kendo-angular-l10n": "24.2.2-develop.9",
33
+ "@progress/kendo-angular-common": "25.0.0-develop.1",
34
+ "@progress/kendo-angular-l10n": "25.0.0-develop.1",
35
35
  "rxjs": "^6.5.3 || ^7.0.0"
36
36
  },
37
37
  "dependencies": {
38
38
  "tslib": "^2.3.1",
39
- "@progress/kendo-angular-schematics": "24.2.2-develop.9"
39
+ "@progress/kendo-angular-schematics": "25.0.0-develop.1"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
42
42
  "module": "fesm2022/progress-kendo-angular-label.mjs",
package/directives.d.ts DELETED
@@ -1,35 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { FloatingLabelComponent } from "./floating-label/floating-label.component";
6
- import { LabelDirective } from "./label.directive";
7
- import { LabelComponent } from "./label/label.component";
8
- import { CustomMessagesComponent } from "./localization/custom-messages.component";
9
- /**
10
- * Holds all `Label`-related components and directives.
11
- *
12
- * @example
13
- * ```typescript
14
- * import { KENDO_LABEL } from '@progress/kendo-angular-label';
15
- * ```
16
- */
17
- export declare const KENDO_LABEL: readonly [typeof LabelDirective, typeof LabelComponent, typeof CustomMessagesComponent];
18
- /**
19
- * Holds all `FloatingLabel`-related components and directives.
20
- *
21
- * @example
22
- * ```typescript
23
- * import { KENDO_FLOATINGLABEL } from '@progress/kendo-angular-label';
24
- * ```
25
- */
26
- export declare const KENDO_FLOATINGLABEL: readonly [typeof FloatingLabelComponent, typeof CustomMessagesComponent];
27
- /**
28
- * Holds all `@progress/kendo-angular-label`-related components and directives.
29
- *
30
- * @example
31
- * ```typescript
32
- * import { KENDO_LABELS } from '@progress/kendo-angular-label';
33
- * ```
34
- */
35
- export declare const KENDO_LABELS: readonly [typeof LabelDirective, typeof LabelComponent, typeof CustomMessagesComponent, typeof FloatingLabelComponent, typeof CustomMessagesComponent];
@@ -1,21 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Observable } from 'rxjs';
6
- import { NgControl } from '@angular/forms';
7
- import { EventEmitter } from '@angular/core';
8
- /**
9
- * @hidden
10
- */
11
- export declare class FloatingLabelInputAdapter {
12
- private component;
13
- onFocus: Observable<any> | EventEmitter<any>;
14
- onBlur: Observable<any> | EventEmitter<any>;
15
- autoFillStart: Observable<any> | EventEmitter<any>;
16
- autoFillEnd: Observable<any> | EventEmitter<any>;
17
- onValueChange: Observable<any> | EventEmitter<any>;
18
- get focusableId(): string;
19
- set focusableId(value: string);
20
- constructor(component: any, formControl?: NgControl);
21
- }
@@ -1,127 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AfterContentChecked, AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { NgControl } from '@angular/forms';
8
- import { FloatingLabelPosition } from './models/label-position';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * Represents the [Kendo UI FloatingLabel component for Angular](https://www.telerik.com/kendo-angular-ui/components/labels/floatinglabel).
12
- * Use this component to provide floating labels to `input` elements.
13
- *
14
- * The FloatingLabel supports Template and Reactive Forms.
15
- * You can use it with Kendo UI for Angular Inputs components such as `kendo-combobox`, `kendo-numerictextbox`, or `kendo-textbox`.
16
- * [See example.](https://www.telerik.com/kendo-angular-ui/components/labels/floatinglabel/association)
17
- *
18
- * @example
19
- * ```html
20
- * <kendo-floatinglabel text="First name">
21
- * <kendo-textbox></kendo-textbox>
22
- * </kendo-floatinglabel>
23
- * ```
24
- *
25
- * @remarks
26
- * Supported children components are: {@link CustomMessagesComponent}.
27
- */
28
- export declare class FloatingLabelComponent implements AfterContentChecked, AfterContentInit, OnDestroy {
29
- private elementRef;
30
- private renderer;
31
- private changeDetectorRef;
32
- private localization;
33
- /**
34
- * Gets the current floating label position.
35
- */
36
- get labelPosition(): FloatingLabelPosition;
37
- hostClasses: boolean;
38
- get focusedClass(): boolean;
39
- get invalidClass(): boolean;
40
- /**
41
- * @hidden
42
- */
43
- direction: string;
44
- /**
45
- * Sets the CSS styles for the internal label element.
46
- * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
47
- */
48
- labelCssStyle: any;
49
- /**
50
- * Sets the CSS classes for the label element.
51
- * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
52
- */
53
- labelCssClass: any;
54
- /**
55
- * Sets the `id` attribute of the input inside the floating label.
56
- *
57
- * @remarks
58
- * This property is related to accessibility.
59
- */
60
- id: string;
61
- /**
62
- * Sets the text content of the floating label that describes the input.
63
- *
64
- * @remarks
65
- * This property is related to accessibility.
66
- */
67
- text: string;
68
- /**
69
- * Marks a form field as optional. When enabled, renders the `Optional` text by default.
70
- * You can customize the text by providing a custom message ([see example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#custom-messages)).
71
- *
72
- * @default false
73
- */
74
- optional: boolean;
75
- /**
76
- * Fires after the FloatingLabel position changes.
77
- */
78
- positionChange: EventEmitter<FloatingLabelPosition>;
79
- kendoInput: any;
80
- formControl: NgControl;
81
- /**
82
- * @hidden
83
- */
84
- focused: boolean;
85
- /**
86
- * @hidden
87
- */
88
- empty: boolean;
89
- /**
90
- * @hidden
91
- */
92
- invalid: boolean;
93
- /**
94
- * @hidden
95
- */
96
- labelId: string;
97
- private subscription;
98
- private autoFillStarted;
99
- constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, localization: LocalizationService);
100
- /**
101
- * @hidden
102
- */
103
- ngAfterContentChecked(): void;
104
- /**
105
- * @hidden
106
- */
107
- ngAfterContentInit(): void;
108
- ngAfterViewInit(): void;
109
- /**
110
- * @hidden
111
- */
112
- ngOnDestroy(): void;
113
- /**
114
- * @hidden
115
- */
116
- textFor(key: string): string;
117
- private subscribe;
118
- private updateState;
119
- private isValueEmpty;
120
- private setAriaLabelledby;
121
- private setLabelFor;
122
- private handleAutofill;
123
- private addHandlers;
124
- private validateSetup;
125
- static ɵfac: i0.ɵɵFactoryDeclaration<FloatingLabelComponent, never>;
126
- static ɵcmp: i0.ɵɵComponentDeclaration<FloatingLabelComponent, "kendo-floatinglabel", ["kendoFloatingLabel"], { "labelCssStyle": { "alias": "labelCssStyle"; "required": false; }; "labelCssClass": { "alias": "labelCssClass"; "required": false; }; "id": { "alias": "id"; "required": false; }; "text": { "alias": "text"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; }, { "positionChange": "positionChange"; }, ["kendoInput", "formControl"], ["*"], true, never>;
127
- }
@@ -1,27 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "./floating-label.component";
7
- import * as i2 from "../localization/custom-messages.component";
8
- /**
9
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the FloatingLabel component.
10
- *
11
- * @example
12
- * ```typescript
13
- * import { FloatingLabelModule } from '@progress/kendo-angular-label';
14
- *
15
- * @NgModule({
16
- * imports: [BrowserModule, FloatingLabelModule],
17
- * declarations: [AppComponent],
18
- * bootstrap: [AppComponent]
19
- * })
20
- * export class AppModule { }
21
- * ```
22
- */
23
- export declare class FloatingLabelModule {
24
- static ɵfac: i0.ɵɵFactoryDeclaration<FloatingLabelModule, never>;
25
- static ɵmod: i0.ɵɵNgModuleDeclaration<FloatingLabelModule, never, [typeof i1.FloatingLabelComponent, typeof i2.CustomMessagesComponent], [typeof i1.FloatingLabelComponent, typeof i2.CustomMessagesComponent]>;
26
- static ɵinj: i0.ɵɵInjectorDeclaration<FloatingLabelModule>;
27
- }
@@ -1,38 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Represents the type of the [`labelPosition`](https://www.telerik.com/kendo-angular-ui/components/labels/api/floatinglabelcomponent#labelposition) field and the parameter of the [`positionChange`](https://www.telerik.com/kendo-angular-ui/components/labels/api/floatinglabelcomponent#positionchange) event.
7
- * Do not use this type to specify whether the FloatingLabel is outside or inside the associated component. [See example.](https://www.telerik.com/kendo-angular-ui/components/labels/floatinglabel/events)
8
- *
9
- * The possible values are:
10
- * - `Out`&mdash;Indicates that the FloatingLabel is outside the component it is associated with.
11
- * - `In`&mdash;Indicates that the FloatingLabel is inside the component it is associated with.
12
- *
13
- * @example
14
- * ```typescript
15
- * import { Component } from "@angular/core";
16
- * import { KENDO_FLOATINGLABEL, FloatingLabelPosition } from "@progress/kendo-angular-label";
17
- *
18
- * @Component({
19
- * selector: "my-app",
20
- * standalone: true,
21
- * imports: [KENDO_FLOATINGLABEL],
22
- * template: `
23
- * <kendo-floatinglabel
24
- * (positionChange)="labelPosition($event)"
25
- * text="Enter First Name"
26
- * >
27
- * <kendo-textbox [style.width.px]="180"></kendo-textbox>
28
- * </kendo-floatinglabel>
29
- * `,
30
- * })
31
- * export class AppComponent {
32
- * labelPosition(position: FloatingLabelPosition): void {
33
- * ...
34
- * }
35
- * }
36
- * ```
37
- */
38
- export type FloatingLabelPosition = 'Out' | 'In';
@@ -1,116 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { LabelDirective } from './../label.directive';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * Represents the [Kendo UI Label component for Angular](https://www.telerik.com/kendo-angular-ui/components/labels/label).
11
- *
12
- * Use the `LabelComponent` to associate a label with input elements or components.
13
- *
14
- * @example
15
- * ```html
16
- * <kendo-label [for]="input" text="First name">
17
- * <kendo-textbox #input></kendo-textbox>
18
- * </kendo-label>
19
- * ```
20
- * @remarks
21
- * Supported children components are: {@link CustomMessagesComponent}.
22
- */
23
- export declare class LabelComponent implements AfterContentInit {
24
- private elementRef;
25
- private renderer;
26
- private localization;
27
- /**
28
- * Specifies the `dir` attribute value for the component.
29
- * @hidden
30
- */
31
- direction: string;
32
- /**
33
- * Sets the text content of the Label. Use this property to describe the input.
34
- *
35
- * @example
36
- * ```html
37
- * <kendo-label text="Email"></kendo-label>
38
- * ```
39
- */
40
- text: string;
41
- /**
42
- * Associates the label with a component by a template reference or with an HTML element by `id`.
43
- *
44
- * @example
45
- * ```html
46
- * <input #myInput />
47
- * <kendo-label [for]="myInput" text="Username"></kendo-label>
48
- * ```
49
- */
50
- set for(forValue: any);
51
- get for(): any;
52
- /**
53
- * Marks a form field as optional. When enabled, the label displays the `Optional` text by default.
54
- * You can customize the text by providing a custom message. ([See example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#custom-messages)).
55
- *
56
- * @default false
57
- * @example
58
- * ```html
59
- * <kendo-label text="Phone" [optional]="true"></kendo-label>
60
- * ```
61
- */
62
- optional: boolean;
63
- /**
64
- * Sets the CSS styles for the label element.
65
- * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
66
- *
67
- * @example
68
- * ```html
69
- * <kendo-label text="Name" [labelCssStyle]="{ color: 'red' }"></kendo-label>
70
- * ```
71
- */
72
- labelCssStyle: any;
73
- /**
74
- * Sets the CSS classes for the label element.
75
- * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
76
- *
77
- * @example
78
- * ```html
79
- * <kendo-label text="Address" [labelCssClass]="'custom-label'"></kendo-label>
80
- * ```
81
- */
82
- labelCssClass: any;
83
- labelDirective: LabelDirective;
84
- kendoInput: any;
85
- /**
86
- * @hidden
87
- */
88
- control: string | {
89
- focus: Function;
90
- };
91
- private subscriptions;
92
- private _for;
93
- constructor(elementRef: ElementRef, renderer: Renderer2, localization: LocalizationService);
94
- /**
95
- * @hidden
96
- */
97
- ngAfterContentInit(): void;
98
- /**
99
- * @hidden
100
- */
101
- ngOnInit(): void;
102
- /**
103
- * @hidden
104
- */
105
- ngAfterViewInit(): void;
106
- /**
107
- * @hidden
108
- */
109
- ngOnDestroy(): void;
110
- /**
111
- * @hidden
112
- */
113
- textFor(key: string): string;
114
- static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
115
- static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "kendo-label", ["kendoLabel"], { "text": { "alias": "text"; "required": false; }; "for": { "alias": "for"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "labelCssStyle": { "alias": "labelCssStyle"; "required": false; }; "labelCssClass": { "alias": "labelCssClass"; "required": false; }; }, {}, ["kendoInput"], ["*"], true, never>;
116
- }
@@ -1,74 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ElementRef, Renderer2, NgZone } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents the [Kendo UI Label directive for Angular](https://www.telerik.com/kendo-angular-ui/components/labels/label/label-directive).
9
- * Use the `LabelDirective` to link a focusable Angular component or HTML element to a `<label>` tag with the `[for]` property binding.
10
- *
11
- * To link a component with the `label` element:
12
- * - Set the `[for]` property binding to a [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
13
- * - Set the `[for]` property binding to an `id` HTML string value.
14
- *
15
- * @example
16
- * ```ts
17
- * @Component({
18
- * selector: 'my-app',
19
- * template: `
20
- * <div class="row example-wrapper" style="min-height: 450px;">
21
- * <div class="col-xs-12 col-md-6 example-col">
22
- * <label [for]="datepicker">DatePicker: </label>
23
- * <kendo-datepicker #datepicker></kendo-datepicker>
24
- * </div>
25
- *
26
- * <div class="col-xs-12 col-md-6 example-col">
27
- * <label for="input">Input: </label>
28
- * <input id="input" />
29
- * </div>
30
- * </div>
31
- * `
32
- * })
33
- * class AppComponent { }
34
- * ```
35
- */
36
- export declare class LabelDirective {
37
- private label;
38
- private renderer;
39
- private zone;
40
- /**
41
- * Sets the focusable target for the label.
42
- * Accepts a [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-) or an `id` HTML string value.
43
- *
44
- * @remarks
45
- * This property is related to accessibility.
46
- */
47
- for: string | {
48
- focus: Function;
49
- };
50
- get labelFor(): string;
51
- /**
52
- * @hidden
53
- * Allows the user to specify if the label CSS class should be rendered or not.
54
- */
55
- labelClass: boolean;
56
- private clickListener;
57
- constructor(label: ElementRef<HTMLLabelElement>, renderer: Renderer2, zone: NgZone);
58
- /**
59
- * @hidden
60
- */
61
- ngAfterViewInit(): void;
62
- /**
63
- * @hidden
64
- */
65
- ngOnDestroy(): void;
66
- /**
67
- * @hidden
68
- */
69
- setAriaLabelledby(): void;
70
- private getFocusableComponent;
71
- private handleClick;
72
- static ɵfac: i0.ɵɵFactoryDeclaration<LabelDirective, never>;
73
- static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[for]", never, { "for": { "alias": "for"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; }, {}, never, never, true, never>;
74
- }
package/label.module.d.ts DELETED
@@ -1,35 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "./label.directive";
7
- import * as i2 from "./label/label.component";
8
- import * as i3 from "./localization/custom-messages.component";
9
- import * as i4 from "./floating-label/floating-label.component";
10
- /**
11
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Label component.
12
- * The module imports:
13
- * - `LabelDirective`
14
- * - `LabelComponent`
15
- * - `FloatingLabel`
16
- *
17
- * @example
18
- * ```ts
19
- * import { LabelModule } from '@progress/kendo-angular-label';
20
- * import { NgModule } from '@angular/core';
21
- * import { AppComponent } from './app.component';
22
- *
23
- * @NgModule({
24
- * declarations: [AppComponent],
25
- * imports: [BrowserModule, LabelModule],
26
- * bootstrap: [AppComponent]
27
- * })
28
- * export class AppModule {}
29
- * ```
30
- */
31
- export declare class LabelModule {
32
- static ɵfac: i0.ɵɵFactoryDeclaration<LabelModule, never>;
33
- static ɵmod: i0.ɵɵNgModuleDeclaration<LabelModule, never, [typeof i1.LabelDirective, typeof i2.LabelComponent, typeof i3.CustomMessagesComponent, typeof i4.FloatingLabelComponent, typeof i3.CustomMessagesComponent], [typeof i1.LabelDirective, typeof i2.LabelComponent, typeof i3.CustomMessagesComponent, typeof i4.FloatingLabelComponent, typeof i3.CustomMessagesComponent]>;
34
- static ɵinj: i0.ɵɵInjectorDeclaration<LabelModule>;
35
- }
@@ -1,18 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { LocalizationService } from '@progress/kendo-angular-l10n';
6
- import { Messages } from './messages';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Use the `CustomMessagesComponent` to override default component messages. ([See example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#internationalization))
10
- *
11
- */
12
- export declare class CustomMessagesComponent extends Messages {
13
- protected service: LocalizationService;
14
- constructor(service: LocalizationService);
15
- protected get override(): boolean;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-label-messages, kendo-floatinglabel-messages", never, {}, {}, never, never, true, never>;
18
- }
@@ -1,16 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { LocalizationService } from '@progress/kendo-angular-l10n';
6
- import { Messages } from './messages';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * @hidden
10
- */
11
- export declare class LocalizedMessagesDirective extends Messages {
12
- protected service: LocalizationService;
13
- constructor(service: LocalizationService);
14
- static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, " [kendoLabelLocalizedMessages], [kendoFloatingLabelLocalizedMessages] ", never, {}, {}, never, never, true, never>;
16
- }
@@ -1,17 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ComponentMessages } from '@progress/kendo-angular-l10n';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * @hidden
9
- */
10
- export declare class Messages extends ComponentMessages {
11
- /**
12
- * The optional text.
13
- */
14
- optional: string;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-label-messages-base", never, { "optional": { "alias": "optional"; "required": false; }; }, {}, never, never, true, never>;
17
- }
@@ -1,9 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { type PackageMetadata } from '@progress/kendo-licensing';
6
- /**
7
- * @hidden
8
- */
9
- export declare const packageMetadata: PackageMetadata;
package/util.d.ts DELETED
@@ -1,24 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * @hidden
7
- */
8
- export declare const isInputElement: (component: any) => component is HTMLElement;
9
- /**
10
- * @hidden
11
- */
12
- export declare const inputElementHasAttr: (element: HTMLElement, attribute: string) => boolean;
13
- /**
14
- * @hidden
15
- */
16
- export declare const getWrappedNativeInput: (element: HTMLElement) => HTMLElement;
17
- /**
18
- * @hidden
19
- */
20
- export declare const getRootElement: (element: HTMLElement) => HTMLElement;
21
- /**
22
- * @hidden
23
- */
24
- export declare const nativeLabelForTargets: string[];