@progress/kendo-angular-label 17.0.0-develop.4 → 17.0.0-develop.41

package/fesm2020/progress-kendo-angular-label.mjs

@@ -1,900 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as i0 from '@angular/core';
-import { Directive, Input, HostBinding, EventEmitter, forwardRef, isDevMode, Component, Output, ContentChild, ViewChild, NgModule } from '@angular/core';
-import { isDocumentAvailable, guid, hasObservers, KendoInput } from '@progress/kendo-angular-common';
-import * as i1 from '@progress/kendo-angular-l10n';
-import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { NgControl } from '@angular/forms';
-import { validatePackage } from '@progress/kendo-licensing';
-import { Observable, Subscription } from 'rxjs';
-import { NgIf, NgClass, NgStyle } from '@angular/common';
-
-/**
- * @hidden
- */
-const isInputElement = (component) => component instanceof HTMLElement;
-/**
- * @hidden
- */
-const inputElementHasAttr = (element, attribute) => element.hasAttribute(attribute);
-/**
- * @hidden
- */
-const getWrappedNativeInput = (element) => element.querySelector('kendo-label > input, kendo-label > textarea, kendo-label > select');
-/**
- * @hidden
- */
-const getRootElement = (element) => {
-    if (!element) {
-        return null;
-    }
-    let rootElement = element;
-    while (rootElement.parentElement) {
-        rootElement = rootElement.parentElement;
-    }
-    return rootElement;
-};
-/**
- * @hidden
- */
-const nativeLabelForTargets = ['BUTTON', 'INPUT', 'METER', 'OUTPUT', 'PROGRESS', 'SELECT', 'TEXTAREA']; // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
-
-/**
- * Represents the [Kendo UI Label directive for Angular]({% slug overview_label %}).
- * The Label associates a focusable Angular component or an HTML element
- * with a `label` tag by using the `[for]` property binding.
- *
- * To associate a component by using the `label` element, either:
- * * Set the `[for]` property binding to a
- * [template reference variable](link:site.data.urls.angular['templatesyntax']#template-reference-variables--var-), or
- * * Set the `[for]` property binding to an `id` HTML string value.
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <div class="row example-wrapper" style="min-height: 450px;">
- *    <div class="col-xs-12 col-md-6 example-col">
- *      <label [for]="datepicker">DatePicker: </label>
- *      <kendo-datepicker #datepicker></kendo-datepicker>
- *    </div>
- *
- *    <div class="col-xs-12 col-md-6 example-col">
- *      <label for="input">Input: </label>
- *      <input id="input" />
- *    </div>
- *  </div>
- * `
- * })
- * class AppComponent { }
- * ```
- */
-class LabelDirective {
-    constructor(label, renderer, zone) {
-        this.label = label;
-        this.renderer = renderer;
-        this.zone = zone;
-        /**
-         * @hidden
-         *
-         * Allows the user to specify if the label CSS class should be rendered or not.
-         */
-        this.labelClass = true;
-        this.handleClick = () => {
-            const component = this.getFocusableComponent();
-            if (!component) {
-                return;
-            }
-            if (component.focus) {
-                component.focus();
-            }
-        };
-    }
-    get labelFor() {
-        if (typeof this.for === 'string') {
-            return this.for;
-        }
-        if (!isDocumentAvailable()) {
-            return null;
-        }
-        const component = this.getFocusableComponent() || {};
-        if (isInputElement(component) && !inputElementHasAttr(component, 'id')) {
-            this.renderer.setAttribute(component, 'id', `k-${guid()}`);
-        }
-        return component.focusableId || component.id || null;
-    }
-    /**
-     * @hidden
-     */
-    ngAfterViewInit() {
-        this.setAriaLabelledby();
-        this.zone.runOutsideAngular(() => this.clickListener = this.renderer.listen(this.label.nativeElement, 'click', this.handleClick));
-    }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        if (this.clickListener) {
-            this.clickListener();
-        }
-    }
-    /**
-     * @hidden
-     */
-    setAriaLabelledby() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        const component = this.getFocusableComponent();
-        if (component && component.focusableId) {
-            const rootElement = getRootElement(this.label.nativeElement);
-            const labelTarget = rootElement.querySelector(`#${component.focusableId}`);
-            const labelElement = this.label.nativeElement;
-            const id = labelElement.id || `k-${guid()}`;
-            if (!labelElement.getAttribute('id')) {
-                this.renderer.setAttribute(labelElement, 'id', id);
-            }
-            // Editor in iframe mode needs special treatment
-            if (component.focusableId.startsWith('k-editor') && component.iframe) {
-                component.contentAreaLoaded.subscribe(() => {
-                    this.zone.runOutsideAngular(() => {
-                        setTimeout(() => {
-                            const editableElement = component.container.element.nativeElement.contentDocument.body.firstElementChild;
-                            this.renderer.setAttribute(editableElement, 'aria-label', labelElement.textContent);
-                        });
-                    });
-                });
-            }
-            if (!labelTarget) {
-                return;
-            }
-            const existingAriaLabelledBy = labelTarget.hasAttribute('aria-labelledby') && labelTarget.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(labelTarget, nativeLabelForTargets.includes(labelTarget.tagName) ? 'data-kendo-label-id' : 'aria-labelledby', existingAriaLabelledBy && existingAriaLabelledBy !== id ? `${existingAriaLabelledBy} ${id}` : id);
-        }
-    }
-    getFocusableComponent() {
-        const target = this.for;
-        return target && target.focus !== undefined ? target : null;
-    }
-}
-LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'label[for]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { for: [{
-                type: Input
-            }], labelFor: [{
-                type: HostBinding,
-                args: ['attr.for']
-            }], labelClass: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.k-label']
-            }] } });
-
-/**
- * @hidden
- */
-const packageMetadata = {
-    name: '@progress/kendo-angular-label',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728985100,
-    version: '17.0.0-develop.4',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};
-
-/**
- * @hidden
- */
-class FloatingLabelInputAdapter {
-    constructor(component, formControl) {
-        this.component = component;
-        const isObservableOrEventEmitter = (event) => event instanceof Observable || event instanceof EventEmitter;
-        if (isObservableOrEventEmitter(component.onFocus)) {
-            this.onFocus = component.onFocus;
-        }
-        if (isObservableOrEventEmitter(component.autoFillStart)) {
-            this.autoFillStart = component.autoFillStart;
-        }
-        if (isObservableOrEventEmitter(component.autoFillEnd)) {
-            this.autoFillEnd = component.autoFillEnd;
-        }
-        if (isObservableOrEventEmitter(component.onBlur)) {
-            this.onBlur = component.onBlur;
-        }
-        if (formControl) {
-            this.onValueChange = formControl.valueChanges;
-        }
-        else if (component.valueChange) {
-            this.onValueChange = component.valueChange;
-        }
-    }
-    get focusableId() {
-        const component = this.component;
-        if ('focusableId' in component) {
-            return component.focusableId;
-        }
-        else if ('id' in component) {
-            return component.id;
-        }
-        return "";
-    }
-    set focusableId(value) {
-        const component = this.component;
-        if ('focusableId' in component) {
-            component.focusableId = value;
-        }
-        else if ('id' in component) {
-            component.id = value;
-        }
-    }
-}
-
-/**
- * @hidden
- */
-class Messages extends ComponentMessages {
-}
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendo-label-messages-base'
-                }]
-        }], propDecorators: { optional: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-}
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    ", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: `
-      [kendoLabelLocalizedMessages],
-      [kendoFloatingLabelLocalizedMessages]
-    `,
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
-
-const isFunction = (x) => Object.prototype.toString.call(x) === '[object Function]';
-/**
- * Represents the [Kendo UI FloatingLabel component for Angular]({% slug overview_floatinglabel %}).
- * Provides floating labels to `input` elements.
- *
- * The FloatingLabel supports both Template and Reactive Forms and
- * [can contain Kendo UI for Angular Input components such as `kendo-combobox` and `kendo-numerictextbox`,
- * or `kendo-textbox`](slug:associate_floatinglabel).
- *
- * @example
- * ```html
- *     <kendo-floatinglabel text="First name">
- *       <kendo-textbox [(ngModel)]="name"></kendo-textbox>
- *     </kendo-floatinglabel>
- * ```
- */
-class FloatingLabelComponent {
-    constructor(elementRef, renderer, changeDetectorRef, localization) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        this.localization = localization;
-        this.hostClasses = true;
-        /**
-         * Fires after the floating label position is changed.
-         */
-        this.positionChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.focused = false;
-        /**
-         * @hidden
-         */
-        this.empty = true;
-        /**
-         * @hidden
-         */
-        this.invalid = false;
-        /**
-         * @hidden
-         */
-        this.labelId = `k-${guid()}`;
-        this.autoFillStarted = false;
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
-    }
-    /**
-     * Represents the current floating label position.
-     */
-    get labelPosition() {
-        if (!this.empty) {
-            return 'Out';
-        }
-        return this.focused ? 'Out' : 'In';
-    }
-    get focusedClass() {
-        return this.focused;
-    }
-    get invalidClass() {
-        return this.invalid;
-    }
-    /**
-     * @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;
-        }
-    }
-}
-FloatingLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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>
-        <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
-            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
-        </label>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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>
-        <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
-            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
-        </label>
-    `,
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, NgIf, NgClass, NgStyle]
-                }]
-        }], ctorParameters: function () { return [{ 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 }]
-            }] } });
-
-/**
- * Represents the [Kendo UI Label component for Angular]({% slug overview_label %}).
- *
- * Associates a label with input elements or components.
- *
- * @example
- * ```html
- * <kendo-label [for]="input" text="First name">
- *   <kendo-textbox #input></kendo-textbox>
- * </kendo-label>
- * ```
- */
-class LabelComponent {
-    constructor(elementRef, renderer, localization) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.subscriptions = new Subscription();
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
-    }
-    /**
-     * Associates the label with a component by a template reference, or with an HTML element by id.
-     */
-    set for(forValue) {
-        if (forValue !== this._for) {
-            this._for = forValue;
-            this.control = forValue;
-        }
-    }
-    get for() {
-        return this._for;
-    }
-    /**
-     * @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);
-    }
-}
-LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 }}<span *ngIf="optional" 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"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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 }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
-        </label>
-        <ng-content></ng-content>
-    `,
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle, NgIf]
-                }]
-        }], ctorParameters: function () { return [{ 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 }]
-            }] } });
-
-/**
- * Custom component messages override default component messages
- * ([see example](slug:label_globalization#toc-internationalization)).
- */
-class CustomMessagesComponent extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-}
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => CustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-label-messages, kendo-floatinglabel-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
-
-/**
- * Utility array that contains all `Label` related components and directives
- */
-const KENDO_LABEL = [
-    LabelDirective,
-    LabelComponent,
-    CustomMessagesComponent
-];
-/**
- * Utility array that contains all `FloatingLabel` related components and directives
- */
-const KENDO_FLOATINGLABEL = [
-    FloatingLabelComponent,
-    CustomMessagesComponent
-];
-/**
- * Utility array that contains all `@progress/kendo-angular-label` related components and directives
- */
-const KENDO_LABELS = [
-    ...KENDO_LABEL,
-    ...KENDO_FLOATINGLABEL
-];
-
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * The exported package module.
- *
- * The package exports:
- * - `LabelDirective`&mdash;The Label directive class.
- * - `LabelComponent`&mdash;The Label component class
- * - `FLoatingLabel`&mdash;The FloatingLabel component class.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Label module
- * import { LabelModule } from '@progress/kendo-angular-label';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, LabelModule], // import Label module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-class LabelModule {
-}
-LabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent], exports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
-LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_LABELS],
-                    exports: [...KENDO_LABELS]
-                }]
-        }] });
-
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the TextBox directive.
- *
- * @example
- *
- * ```ts-no-run
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, FloatingLabelModule], // import FloatingLabel module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-class FloatingLabelModule {
-}
-FloatingLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FloatingLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [FloatingLabelComponent, CustomMessagesComponent], exports: [FloatingLabelComponent, CustomMessagesComponent] });
-FloatingLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [KENDO_FLOATINGLABEL] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_FLOATINGLABEL],
-                    imports: [...KENDO_FLOATINGLABEL]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CustomMessagesComponent, FloatingLabelComponent, FloatingLabelModule, KENDO_FLOATINGLABEL, KENDO_LABEL, KENDO_LABELS, LabelComponent, LabelDirective, LabelModule, LocalizedMessagesDirective };
-