@progress/kendo-angular-label 21.4.1 → 22.0.0-develop.1

package/esm2022/floating-label/floating-label.component.mjs

@@ -1,354 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ContentChild, Component, ElementRef, EventEmitter, HostBinding, Input, Renderer2, isDevMode, ChangeDetectorRef, Output } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { NgControl } from '@angular/forms';
-import { guid, KendoInput, hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { FloatingLabelInputAdapter } from './floating-label-input-adapter';
-import { nativeLabelForTargets } from '../util';
-import { NgClass, NgStyle } from '@angular/common';
-import { LocalizedMessagesDirective } from '../localization/localized-messages.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-const isFunction = (x) => Object.prototype.toString.call(x) === '[object Function]';
-/**
- * Represents the [Kendo UI FloatingLabel component for Angular]({% slug overview_floatinglabel %}).
- * Use this component to provide floating labels to `input` elements.
- *
- * The FloatingLabel supports Template and Reactive Forms.
- * You can use it with Kendo UI for Angular Inputs components such as `kendo-combobox`, `kendo-numerictextbox`, or `kendo-textbox`.
- * [See example.](slug:associate_floatinglabel)
- *
- * @example
- * ```html
- * <kendo-floatinglabel text="First name">
- *   <kendo-textbox></kendo-textbox>
- * </kendo-floatinglabel>
- * ```
- *
- * @remarks
- * Supported children components are: {@link CustomMessagesComponent}.
- */
-export class FloatingLabelComponent {
-    elementRef;
-    renderer;
-    changeDetectorRef;
-    localization;
-    /**
-     * Gets the current floating label position.
-     */
-    get labelPosition() {
-        if (!this.empty) {
-            return 'Out';
-        }
-        return this.focused ? 'Out' : 'In';
-    }
-    hostClasses = true;
-    get focusedClass() {
-        return this.focused;
-    }
-    get invalidClass() {
-        return this.invalid;
-    }
-    /**
-     * @hidden
-     */
-    direction;
-    /**
-     * Sets the CSS styles for the internal label element.
-     * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
-     */
-    labelCssStyle;
-    /**
-     * Sets the CSS classes for the label element.
-     * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
-     */
-    labelCssClass;
-    /**
-     * Sets the `id` attribute of the input inside the floating label.
-     */
-    id;
-    /**
-     * Sets the text content of the floating label that describes the input.
-     */
-    text;
-    /**
-     * Marks a form field as optional. When enabled, renders the `Optional` text by default.
-     * You can customize the text by providing a custom message ([see example]({% slug label_globalization %}#toc-custom-messages)).
-     *
-     * @default false
-     */
-    optional;
-    /**
-     * Fires after the FloatingLabel position changes.
-     */
-    positionChange = new EventEmitter();
-    kendoInput;
-    formControl;
-    /**
-     * @hidden
-     */
-    focused = false;
-    /**
-     * @hidden
-     */
-    empty = true;
-    /**
-     * @hidden
-     */
-    invalid = false;
-    /**
-     * @hidden
-     */
-    labelId = `k-${guid()}`;
-    subscription;
-    autoFillStarted = false;
-    constructor(elementRef, renderer, changeDetectorRef, localization) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        this.localization = localization;
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
-    }
-    /**
-     * @hidden
-     */
-    ngAfterContentInit() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.validateSetup();
-        const control = new FloatingLabelInputAdapter(this.kendoInput || this.formControl.valueAccessor, this.formControl);
-        this.addHandlers(control);
-        this.setLabelFor(control);
-    }
-    ngAfterViewInit() {
-        if (this.kendoInput) {
-            this.setAriaLabelledby(this.kendoInput);
-        }
-    }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-    /**
-     * @hidden
-     */
-    textFor(key) {
-        return this.localization.get(key);
-    }
-    subscribe(control, eventName, handler) {
-        if (control[eventName] instanceof EventEmitter) {
-            const subscription = control[eventName].subscribe(handler);
-            if (!this.subscription) {
-                this.subscription = subscription;
-            }
-            else {
-                this.subscription.add(subscription);
-            }
-        }
-    }
-    updateState() {
-        const empty = value => {
-            // zero is not an empty value (e.g., NumericTextBox)
-            if (value === 0 || value === false) {
-                return false;
-            }
-            // empty arrays are an empty value (e.g., MultiSelect)
-            if (Array.isArray(value) && !value.length) {
-                return true;
-            }
-            return !value;
-        };
-        const formControl = this.formControl;
-        if (formControl) {
-            const valueAccessor = formControl.valueAccessor;
-            if (isFunction(valueAccessor.isEmpty)) {
-                this.empty = valueAccessor.isEmpty();
-            }
-            else {
-                this.empty = empty(formControl.value);
-            }
-            this.invalid = formControl.invalid && (formControl.touched || formControl.dirty);
-        }
-        else {
-            this.empty = isFunction(this.kendoInput.isEmpty) ?
-                this.kendoInput.isEmpty() : empty(this.kendoInput.value);
-        }
-        if (this.empty) {
-            this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
-        }
-        else {
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
-        }
-        this.changeDetectorRef.markForCheck();
-    }
-    setAriaLabelledby(component) {
-        const componentId = component.focusableId || component.id;
-        if (componentId) {
-            const focusableElement = this.elementRef.nativeElement.querySelector(`#${componentId}`);
-            if (!focusableElement) {
-                return;
-            }
-            const existingAriaLabelledBy = focusableElement.hasAttribute('aria-labelledby') && focusableElement.getAttribute('aria-labelledby');
-            // DropDowns with focusable input elements rely on the aria-labelledby attribute to set the same attribute on their popup listbox element.
-            // On the other hand, the aria-labelledby attribute is redundant on the Input element when there is label[for] association -
-            // https://feedback.telerik.com/kendo-angular-ui/1648203-remove-aria-labelledby-when-native-html-elements-are-associated.
-            // This addresses both cases, setting a special data-kendo-label-id attribute to be used internally by other components when the aria-describedby one is not applicable.
-            this.renderer.setAttribute(focusableElement, nativeLabelForTargets.includes(focusableElement.tagName) ?
-                'data-kendo-label-id' : 'aria-labelledby', existingAriaLabelledBy && existingAriaLabelledBy !== this.labelId ? `${existingAriaLabelledBy} ${this.labelId}` : this.labelId);
-        }
-    }
-    setLabelFor(control) {
-        const controlId = control.focusableId || control.id;
-        if (this.id && controlId) {
-            // input wins
-            this.id = controlId;
-        }
-        else if (this.id) {
-            control.focusableId = this.id;
-        }
-        else if (controlId) {
-            this.id = controlId;
-        }
-        else {
-            const id = `k-${guid()}`;
-            control.focusableId = id;
-            this.id = id;
-        }
-    }
-    handleAutofill(control) {
-        this.subscribe(control, 'autoFillStart', () => {
-            this.autoFillStarted = true;
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
-        });
-        this.subscribe(control, 'autoFillEnd', () => {
-            if (this.autoFillStarted) {
-                this.autoFillStarted = false;
-                if (this.empty) {
-                    this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
-                }
-            }
-        });
-    }
-    addHandlers(control) {
-        const setFocus = (isFocused) => () => {
-            this.focused = isFocused;
-            this.updateState();
-            if (!this.empty) {
-                return;
-            }
-            if (hasObservers(this.positionChange)) {
-                this.positionChange.emit(isFocused ? 'Out' : 'In');
-            }
-        };
-        this.subscribe(control, 'onFocus', setFocus(true));
-        this.subscribe(control, 'onBlur', setFocus(false));
-        this.handleAutofill(control);
-        const updateState = () => this.updateState();
-        updateState();
-        this.subscribe(control, 'onValueChange', updateState);
-    }
-    validateSetup() {
-        if (!this.formControl && !this.kendoInput) {
-            if (isDevMode()) {
-                throw new Error("The FloatingLabelComponent requires a Kendo Input component" +
-                    " or a forms-bound component to function properly.");
-            }
-            return;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.floatinglabel'
-            }
-        ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true }, { propertyName: "formControl", first: true, predicate: NgControl, descendants: true }], exportAs: ["kendoFloatingLabel"], ngImport: i0, template: `
-        <ng-container kendoFloatingLabelLocalizedMessages
-          i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
-          optional="Optional"
-          >
-        </ng-container>
-        <ng-content></ng-content>
-        @if (text) {
-          <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
-            {{ text }}@if (optional) {
-            <span class="k-label-optional">({{textFor('optional')}})</span>
-          }
-        </label>
-        }
-        `, 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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-floatinglabel',
-                    exportAs: 'kendoFloatingLabel',
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.floatinglabel'
-                        }
-                    ],
-                    template: `
-        <ng-container kendoFloatingLabelLocalizedMessages
-          i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
-          optional="Optional"
-          >
-        </ng-container>
-        <ng-content></ng-content>
-        @if (text) {
-          <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
-            {{ text }}@if (optional) {
-            <span class="k-label-optional">({{textFor('optional')}})</span>
-          }
-        </label>
-        }
-        `,
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, NgClass, NgStyle]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-floating-label-container']
-            }], focusedClass: [{
-                type: HostBinding,
-                args: ['class.k-focus']
-            }], invalidClass: [{
-                type: HostBinding,
-                args: ['class.k-invalid']
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], labelCssStyle: [{
-                type: Input
-            }], labelCssClass: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], optional: [{
-                type: Input
-            }], positionChange: [{
-                type: Output
-            }], kendoInput: [{
-                type: ContentChild,
-                args: [KendoInput, { static: false }]
-            }], formControl: [{
-                type: ContentChild,
-                args: [NgControl, { static: false }]
-            }] } });

package/esm2022/floating-label/floating-label.module.mjs

@@ -1,37 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_FLOATINGLABEL } from '../directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./floating-label.component";
-import * as i2 from "../localization/custom-messages.component";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the FloatingLabel component.
- *
- * @example
- * ```typescript
- * import { FloatingLabelModule } from '@progress/kendo-angular-label';
- *
- * @NgModule({
- *   imports:      [BrowserModule, FloatingLabelModule],
- *   declarations: [AppComponent],
- *   bootstrap:    [AppComponent]
- * })
- * export class AppModule { }
- * ```
- */
-export class FloatingLabelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelModule, imports: [i1.FloatingLabelComponent, i2.CustomMessagesComponent], exports: [i1.FloatingLabelComponent, i2.CustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_FLOATINGLABEL],
-                    imports: [...KENDO_FLOATINGLABEL]
-                }]
-        }] });

package/esm2022/floating-label/models/label-position.mjs

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

package/esm2022/index.mjs

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { LabelDirective } from './label.directive';
-export { LabelModule } from './label.module';
-export { FloatingLabelModule } from './floating-label/floating-label.module';
-export { FloatingLabelComponent } from './floating-label/floating-label.component';
-export { LabelComponent } from './label/label.component';
-export { CustomMessagesComponent } from './localization/custom-messages.component';
-export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-export * from './directives';

package/esm2022/label/label.component.mjs

@@ -1,237 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ContentChild, Component, ElementRef, HostBinding, Input, Renderer2, ViewChild } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { KendoInput, guid } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { LabelDirective } from './../label.directive';
-import { getWrappedNativeInput } from './../util';
-import { NgClass, NgStyle } from '@angular/common';
-import { LocalizedMessagesDirective } from '../localization/localized-messages.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Represents the [Kendo UI Label component for Angular]({% slug overview_label %}).
- *
- * Use the `LabelComponent` to associate a label with input elements or components.
- *
- * @example
- * ```html
- * <kendo-label [for]="input" text="First name">
- *   <kendo-textbox #input></kendo-textbox>
- * </kendo-label>
- * ```
- * @remarks
- * Supported children components are: {@link CustomMessagesComponent}.
- */
-export class LabelComponent {
-    elementRef;
-    renderer;
-    localization;
-    /**
-     * Specifies the `dir` attribute value for the component.
-     * @hidden
-     */
-    direction;
-    /**
-     * Sets the text content of the Label. Use this property to describe the input.
-     *
-     * @example
-     * ```html
-     * <kendo-label text="Email"></kendo-label>
-     * ```
-     */
-    text;
-    /**
-     * Associates the label with a component by a template reference or with an HTML element by `id`.
-     *
-     * @example
-     * ```html
-     * <input #myInput />
-     * <kendo-label [for]="myInput" text="Username"></kendo-label>
-     * ```
-     */
-    set for(forValue) {
-        if (forValue !== this._for) {
-            this._for = forValue;
-            this.control = forValue;
-        }
-    }
-    get for() {
-        return this._for;
-    }
-    /**
-     * Marks a form field as optional. When enabled, the label displays the `Optional` text by default.
-     * You can customize the text by providing a custom message. ([See example]({% slug label_globalization %}#toc-custom-messages)).
-     *
-     * @default false
-     * @example
-     * ```html
-     * <kendo-label text="Phone" [optional]="true"></kendo-label>
-     * ```
-     */
-    optional;
-    /**
-     * Sets the CSS styles for the label element.
-     * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
-     *
-     * @example
-     * ```html
-     * <kendo-label text="Name" [labelCssStyle]="{ color: 'red' }"></kendo-label>
-     * ```
-     */
-    labelCssStyle;
-    /**
-     * Sets the CSS classes for the label element.
-     * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
-     *
-     * @example
-     * ```html
-     * <kendo-label text="Address" [labelCssClass]="'custom-label'"></kendo-label>
-     * ```
-     */
-    labelCssClass;
-    labelDirective;
-    kendoInput;
-    /**
-     * @hidden
-     */
-    control;
-    subscriptions = new Subscription();
-    _for;
-    constructor(elementRef, renderer, localization) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.localization = localization;
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
-    }
-    /**
-     * @hidden
-     */
-    ngAfterContentInit() {
-        if (this.for) {
-            return;
-        }
-        const wrappedNativeInput = getWrappedNativeInput(this.elementRef.nativeElement);
-        if (wrappedNativeInput) {
-            if (!wrappedNativeInput.hasAttribute('id')) {
-                this.renderer.setAttribute(wrappedNativeInput, 'id', `k-${guid()}`);
-            }
-            this.control = wrappedNativeInput;
-            return;
-        }
-        this.control = this.kendoInput;
-    }
-    /**
-     * @hidden
-     */
-    ngOnInit() {
-        this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        }));
-    }
-    /**
-     * @hidden
-     */
-    ngAfterViewInit() {
-        this.labelDirective.setAriaLabelledby();
-    }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    }
-    /**
-     * @hidden
-     */
-    textFor(key) {
-        return this.localization.get(key);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.label'
-            }
-        ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], viewQueries: [{ propertyName: "labelDirective", first: true, predicate: LabelDirective, descendants: true, static: true }], exportAs: ["kendoLabel"], ngImport: i0, template: `
-        <ng-container kendoLabelLocalizedMessages
-          i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
-          optional="Optional"
-          >
-        </ng-container>
-        <label
-          [for]="control"
-          [class.k-label-empty]="!text"
-          [ngClass]="labelCssClass"
-          [ngStyle]="labelCssStyle"
-          >
-          {{ text }}@if (optional) {
-          <span class="k-label-optional">({{textFor('optional')}})</span>
-        }
-        </label>
-        <ng-content></ng-content>
-        `, 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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-label',
-                    exportAs: 'kendoLabel',
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.label'
-                        }
-                    ],
-                    template: `
-        <ng-container kendoLabelLocalizedMessages
-          i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
-          optional="Optional"
-          >
-        </ng-container>
-        <label
-          [for]="control"
-          [class.k-label-empty]="!text"
-          [ngClass]="labelCssClass"
-          [ngStyle]="labelCssStyle"
-          >
-          {{ text }}@if (optional) {
-          <span class="k-label-optional">({{textFor('optional')}})</span>
-        }
-        </label>
-        <ng-content></ng-content>
-        `,
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], text: [{
-                type: Input
-            }], for: [{
-                type: Input
-            }], optional: [{
-                type: Input
-            }], labelCssStyle: [{
-                type: Input
-            }], labelCssClass: [{
-                type: Input
-            }], labelDirective: [{
-                type: ViewChild,
-                args: [LabelDirective, { static: true }]
-            }], kendoInput: [{
-                type: ContentChild,
-                args: [KendoInput, { static: true }]
-            }] } });