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

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.
@@ -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[];