@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.
- package/fesm2022/progress-kendo-angular-label.mjs +28 -28
- package/index.d.ts +449 -9
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/directives.d.ts +0 -35
- package/floating-label/floating-label-input-adapter.d.ts +0 -21
- package/floating-label/floating-label.component.d.ts +0 -127
- package/floating-label/floating-label.module.d.ts +0 -27
- package/floating-label/models/label-position.d.ts +0 -38
- package/label/label.component.d.ts +0 -116
- package/label.directive.d.ts +0 -74
- package/label.module.d.ts +0 -35
- package/localization/custom-messages.component.d.ts +0 -18
- package/localization/localized-messages.directive.d.ts +0 -16
- package/localization/messages.d.ts +0 -17
- package/package-metadata.d.ts +0 -9
- package/util.d.ts +0 -24
|
@@ -173,10 +173,10 @@ class LabelDirective {
|
|
|
173
173
|
component.focus();
|
|
174
174
|
}
|
|
175
175
|
};
|
|
176
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
177
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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:
|
|
206
|
-
version: '
|
|
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: "
|
|
272
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
293
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
611
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: "
|
|
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: "
|
|
838
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: "
|
|
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: "
|
|
929
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
1013
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1014
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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: "
|
|
1042
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1043
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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`—Indicates that the FloatingLabel is outside the component it is associated with.
|
|
218
|
+
* - `In`—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 };
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
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": "
|
|
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":
|
|
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": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@angular/forms": "
|
|
31
|
-
"@angular/platform-browser": "
|
|
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": "
|
|
34
|
-
"@progress/kendo-angular-l10n": "
|
|
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": "
|
|
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`—Indicates that the FloatingLabel is outside the component it is associated with.
|
|
11
|
-
* - `In`—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
|
-
}
|
package/label.directive.d.ts
DELETED
|
@@ -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
|
-
}
|
package/package-metadata.d.ts
DELETED
|
@@ -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[];
|