@progress/kendo-angular-label 3.1.3 → 4.0.0-dev.202204131904

package/dist/fesm5/index.js

@@ -1,858 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata, __extends } from 'tslib';
-import { Input, HostBinding, Directive, ElementRef, Renderer2, NgZone, forwardRef, Component, NgModule, EventEmitter, isDevMode, Output, ContentChild, ChangeDetectorRef, ViewChild } from '@angular/core';
-import { isDocumentAvailable, guid, hasObservers, KendoInput } from '@progress/kendo-angular-common';
-import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { CommonModule } from '@angular/common';
-import { NgControl } from '@angular/forms';
-import { validatePackage } from '@progress/kendo-licensing';
-import { Observable, Subscription } from 'rxjs';
-
-/**
- * @hidden
- */
-var isUploadComponent = function (component) { return component.wrapper && (component.wrapper.tagName === 'KENDO-UPLOAD' || component.wrapper.tagName === 'KENDO-FILESELECT'); };
-/**
- * @hidden
- */
-var isInputElement = function (component) { return component instanceof HTMLElement; };
-/**
- * @hidden
- */
-var inputElementHasAttr = function (element, attribute) { return element.hasAttribute(attribute); };
-/**
- * @hidden
- */
-var getWrappedNativeInput = function (element) { return element.querySelector('kendo-label > input, kendo-label > textarea, kendo-label > select'); };
-/**
- * @hidden
- */
-var getRootElement = function (element) {
-    if (!element) {
-        return null;
-    }
-    var rootElement = element;
-    while (rootElement.parentElement) {
-        rootElement = rootElement.parentElement;
-    }
-    return rootElement;
-};
-
-/**
- * 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]({{ 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 { }
- * ```
- */
-var LabelDirective = /** @class */ (function () {
-    function LabelDirective(label, renderer, zone) {
-        var _this = this;
-        this.label = label;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.labelClass = true;
-        this.handleClick = function () {
-            var component = _this.getFocusableComponent();
-            if (!component) {
-                return;
-            }
-            if (isUploadComponent(component)) {
-                component.fileSelect.nativeElement.click();
-            }
-            if (component.focus) {
-                component.focus();
-            }
-        };
-    }
-    Object.defineProperty(LabelDirective.prototype, "labelFor", {
-        get: function () {
-            if (typeof this.for === 'string') {
-                return this.for;
-            }
-            if (!isDocumentAvailable()) {
-                return null;
-            }
-            var component = this.getFocusableComponent() || {};
-            if (isInputElement(component) && !inputElementHasAttr(component, 'id')) {
-                this.renderer.setAttribute(component, 'id', "k-" + guid());
-            }
-            return component.focusableId || component.id || null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    LabelDirective.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.setAriaLabelledby();
-        this.zone.runOutsideAngular(function () { return _this.clickListener = _this.renderer.listen(_this.label.nativeElement, 'click', _this.handleClick); });
-    };
-    /**
-     * @hidden
-     */
-    LabelDirective.prototype.ngOnDestroy = function () {
-        if (this.clickListener) {
-            this.clickListener();
-        }
-    };
-    /**
-     * @hidden
-     */
-    LabelDirective.prototype.setAriaLabelledby = function () {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        var component = this.getFocusableComponent();
-        if (component && component.focusableId) {
-            var rootElement = getRootElement(this.label.nativeElement);
-            var labelTarget = rootElement.querySelector("#" + component.focusableId);
-            if (!labelTarget) {
-                return;
-            }
-            var labelElement = this.label.nativeElement;
-            var id = labelElement.id || "k-" + guid();
-            if (!labelElement.getAttribute('id')) {
-                this.renderer.setAttribute(labelElement, 'id', id);
-            }
-            this.renderer.setAttribute(labelTarget, 'aria-labelledby', id);
-        }
-    };
-    LabelDirective.prototype.getFocusableComponent = function () {
-        var target = this.for;
-        return target && target.focus !== undefined ? target : null;
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], LabelDirective.prototype, "for", void 0);
-    __decorate([
-        HostBinding('attr.for'),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [])
-    ], LabelDirective.prototype, "labelFor", null);
-    __decorate([
-        HostBinding('class.k-label'),
-        __metadata("design:type", Boolean)
-    ], LabelDirective.prototype, "labelClass", void 0);
-    LabelDirective = __decorate([
-        Directive({
-            selector: 'label[for]' //tslint:disable-line:directive-selector
-        }),
-        __metadata("design:paramtypes", [ElementRef, Renderer2, NgZone])
-    ], LabelDirective);
-    return LabelDirective;
-}());
-
-/**
- * @hidden
- */
-var Messages = /** @class */ (function (_super) {
-    __extends(Messages, _super);
-    function Messages() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], Messages.prototype, "optional", void 0);
-    return Messages;
-}(ComponentMessages));
-
-/**
- * @hidden
- */
-var LocalizedMessagesDirective = /** @class */ (function (_super) {
-    __extends(LocalizedMessagesDirective, _super);
-    function LocalizedMessagesDirective(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
-    var LocalizedMessagesDirective_1;
-    LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
-        Directive({
-            providers: [
-                {
-                    provide: Messages,
-                    useExisting: forwardRef(function () { return LocalizedMessagesDirective_1; })
-                }
-            ],
-            selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    "
-        }),
-        __metadata("design:paramtypes", [LocalizationService])
-    ], LocalizedMessagesDirective);
-    return LocalizedMessagesDirective;
-}(Messages));
-
-/**
- * Custom component messages override default component messages
- * ([see example]({% slug label_globalization %}#toc-localization)).
- */
-var CustomMessagesComponent = /** @class */ (function (_super) {
-    __extends(CustomMessagesComponent, _super);
-    function CustomMessagesComponent(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    CustomMessagesComponent_1 = CustomMessagesComponent;
-    Object.defineProperty(CustomMessagesComponent.prototype, "override", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var CustomMessagesComponent_1;
-    CustomMessagesComponent = CustomMessagesComponent_1 = __decorate([
-        Component({
-            providers: [
-                {
-                    provide: Messages,
-                    useExisting: forwardRef(function () { return CustomMessagesComponent_1; })
-                }
-            ],
-            selector: 'kendo-label-messages, kendo-floatinglabel-messages',
-            template: ""
-        }),
-        __metadata("design:paramtypes", [LocalizationService])
-    ], CustomMessagesComponent);
-    return CustomMessagesComponent;
-}(Messages));
-
-var SHARED_DIRECTIVES = [
-    LocalizedMessagesDirective,
-    CustomMessagesComponent
-];
-/**
- * @hidden
- */
-var SharedDirectivesModule = /** @class */ (function () {
-    function SharedDirectivesModule() {
-    }
-    SharedDirectivesModule = __decorate([
-        NgModule({
-            declarations: [SHARED_DIRECTIVES],
-            exports: [SHARED_DIRECTIVES]
-        })
-    ], SharedDirectivesModule);
-    return SharedDirectivesModule;
-}());
-
-/**
- * @hidden
- */
-var packageMetadata = {
-    name: '@progress/kendo-angular-label',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646219058,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
-};
-
-/**
- * @hidden
- */
-var FloatingLabelInputAdapter = /** @class */ (function () {
-    function FloatingLabelInputAdapter(component, formControl) {
-        this.component = component;
-        var isObservableOrEventEmitter = function (event) { return 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.onValueChange) {
-            this.onValueChange = component.onValueChange;
-        }
-    }
-    Object.defineProperty(FloatingLabelInputAdapter.prototype, "focusableId", {
-        get: function () {
-            var component = this.component;
-            if ('focusableId' in component) {
-                return component.focusableId;
-            }
-            else if ('id' in component) {
-                return component.id;
-            }
-            return "";
-        },
-        set: function (value) {
-            var component = this.component;
-            if ('focusableId' in component) {
-                component.focusableId = value;
-            }
-            else if ('id' in component) {
-                component.id = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    return FloatingLabelInputAdapter;
-}());
-
-var isFunction = function (x) { return 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 HTML Input elements with the `kendoTextBox` directive applied]({% slug overview_floatinglabel %}#toc-implementing-floating-labels).
- *
- * @example
- * ```ts
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-floatinglabel text="First name">
- *       <input [(ngModel)]="name" kendoTextBox />
- *     </kendo-floatinglabel>
- *   `
- * })
- * class AppComponent {
- *     public name = 'John';
- * }
- *
- * ```
- */
-var FloatingLabelComponent = /** @class */ (function () {
-    function FloatingLabelComponent(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");
-    }
-    Object.defineProperty(FloatingLabelComponent.prototype, "labelPosition", {
-        /**
-         * Represents the current floating label position.
-         */
-        get: function () {
-            if (!this.empty) {
-                return 'Out';
-            }
-            return this.focused ? 'Out' : 'In';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FloatingLabelComponent.prototype, "focusedClass", {
-        get: function () {
-            return this.focused;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FloatingLabelComponent.prototype, "invalidClass", {
-        get: function () {
-            return this.invalid;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    FloatingLabelComponent.prototype.ngAfterContentInit = function () {
-        this.validateSetup();
-        var control = new FloatingLabelInputAdapter(this.kendoInput || this.formControl.valueAccessor, this.formControl);
-        this.addHandlers(control);
-        this.setLabelFor(control);
-    };
-    FloatingLabelComponent.prototype.ngAfterViewInit = function () {
-        if (this.kendoInput) {
-            this.setAriaLabelledby(this.kendoInput);
-        }
-    };
-    /**
-     * @hidden
-     */
-    FloatingLabelComponent.prototype.ngOnDestroy = function () {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    };
-    /**
-     * @hidden
-     */
-    FloatingLabelComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    FloatingLabelComponent.prototype.subscribe = function (control, eventName, handler) {
-        if (control[eventName] instanceof EventEmitter) {
-            var subscription = control[eventName].subscribe(handler);
-            if (!this.subscription) {
-                this.subscription = subscription;
-            }
-            else {
-                this.subscription.add(subscription);
-            }
-        }
-    };
-    FloatingLabelComponent.prototype.updateState = function () {
-        var empty = function (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;
-        };
-        var formControl = this.formControl;
-        if (formControl) {
-            var 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-state-empty');
-        }
-        else {
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
-        }
-        this.changeDetectorRef.markForCheck();
-    };
-    FloatingLabelComponent.prototype.setAriaLabelledby = function (component) {
-        var componentId = component.focusableId || component.id;
-        if (componentId) {
-            var focusableElement = this.elementRef.nativeElement.querySelector("#" + componentId);
-            this.renderer.setAttribute(focusableElement, 'aria-labelledby', this.labelId);
-        }
-    };
-    FloatingLabelComponent.prototype.setLabelFor = function (control) {
-        var 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 {
-            var id = "k-" + guid();
-            control.focusableId = id;
-            this.id = id;
-        }
-    };
-    FloatingLabelComponent.prototype.handleAutofill = function (control) {
-        var _this = this;
-        this.subscribe(control, 'autoFillStart', function () {
-            _this.autoFillStarted = true;
-            _this.renderer.removeClass(_this.elementRef.nativeElement, 'k-state-empty');
-        });
-        this.subscribe(control, 'autoFillEnd', function () {
-            if (_this.autoFillStarted) {
-                _this.autoFillStarted = false;
-                if (_this.empty) {
-                    _this.renderer.addClass(_this.elementRef.nativeElement, 'k-state-empty');
-                }
-            }
-        });
-    };
-    FloatingLabelComponent.prototype.addHandlers = function (control) {
-        var _this = this;
-        var setFocus = function (isFocused) { return function () {
-            _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);
-        var updateState = function () { return _this.updateState(); };
-        updateState();
-        this.subscribe(control, 'onValueChange', updateState);
-    };
-    FloatingLabelComponent.prototype.validateSetup = function () {
-        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;
-        }
-    };
-    __decorate([
-        HostBinding('class.k-floating-label-container'),
-        __metadata("design:type", Boolean)
-    ], FloatingLabelComponent.prototype, "hostClasses", void 0);
-    __decorate([
-        HostBinding('class.k-state-focused'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], FloatingLabelComponent.prototype, "focusedClass", null);
-    __decorate([
-        HostBinding('class.k-state-invalid'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], FloatingLabelComponent.prototype, "invalidClass", null);
-    __decorate([
-        HostBinding('attr.dir'),
-        __metadata("design:type", String)
-    ], FloatingLabelComponent.prototype, "direction", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FloatingLabelComponent.prototype, "labelCssStyle", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FloatingLabelComponent.prototype, "labelCssClass", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], FloatingLabelComponent.prototype, "id", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], FloatingLabelComponent.prototype, "text", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], FloatingLabelComponent.prototype, "optional", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", EventEmitter)
-    ], FloatingLabelComponent.prototype, "positionChange", void 0);
-    __decorate([
-        ContentChild(KendoInput, { static: false }),
-        __metadata("design:type", Object)
-    ], FloatingLabelComponent.prototype, "kendoInput", void 0);
-    __decorate([
-        ContentChild(NgControl, { static: false }),
-        __metadata("design:type", NgControl)
-    ], FloatingLabelComponent.prototype, "formControl", void 0);
-    FloatingLabelComponent = __decorate([
-        Component({
-            selector: 'kendo-floatinglabel',
-            exportAs: 'kendoFloatingLabel',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.floatinglabel'
-                }
-            ],
-            template: "\n        <ng-container kendoFloatingLabelLocalizedMessages\n            i18n-optional=\"kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ng-content></ng-content>\n        <label *ngIf=\"text\" [ngClass]=\"labelCssClass\" [ngStyle]=\"labelCssStyle\" [for]=\"id\" [attr.id]=\"labelId\" class=\"k-label\">\n            {{ text }}<span *ngIf=\"optional\" class=\"k-label-optional\">({{textFor('optional')}})</span>\n        </label>\n    "
-        }),
-        __metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ChangeDetectorRef,
-            LocalizationService])
-    ], FloatingLabelComponent);
-    return FloatingLabelComponent;
-}());
-
-var COMPONENT_DIRECTIVES = [FloatingLabelComponent];
-/**
- * Represents the [NgModule]({{ 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);
- *
- * ```
- */
-var FloatingLabelModule = /** @class */ (function () {
-    function FloatingLabelModule() {
-    }
-    FloatingLabelModule = __decorate([
-        NgModule({
-            declarations: COMPONENT_DIRECTIVES.slice(),
-            exports: COMPONENT_DIRECTIVES.concat([SharedDirectivesModule]),
-            imports: [CommonModule, SharedDirectivesModule]
-        })
-    ], FloatingLabelModule);
-    return FloatingLabelModule;
-}());
-
-/**
- * Represents the [Kendo UI Label component for Angular]({% slug label_basic %}).
- *
- * Associates a label with input elements or components.
- *
- * @example
- * ```ts
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-label [for]="input" text="First name">
- *       <input [(ngModel)]="name" kendoTextBox #input />
- *     </kendo-label>
- *   `
- * })
- * class AppComponent {
- *     public name = 'John';
- * }
- *
- * ```
- */
-var LabelComponent = /** @class */ (function () {
-    function LabelComponent(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');
-    }
-    /**
-     * @hidden
-     */
-    LabelComponent.prototype.ngAfterContentInit = function () {
-        if (this.for) {
-            this.control = this.for;
-            return;
-        }
-        var 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
-     */
-    LabelComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.subscriptions.add(this.localization.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.direction = rtl ? 'rtl' : 'ltr';
-        }));
-    };
-    /**
-     * @hidden
-     */
-    LabelComponent.prototype.ngAfterViewInit = function () {
-        this.labelDirective.setAriaLabelledby();
-    };
-    /**
-     * @hidden
-     */
-    LabelComponent.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    };
-    /**
-     * @hidden
-     */
-    LabelComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    __decorate([
-        HostBinding('attr.dir'),
-        __metadata("design:type", String)
-    ], LabelComponent.prototype, "direction", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], LabelComponent.prototype, "text", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], LabelComponent.prototype, "for", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], LabelComponent.prototype, "optional", void 0);
-    __decorate([
-        ViewChild(LabelDirective, { static: true }),
-        __metadata("design:type", LabelDirective)
-    ], LabelComponent.prototype, "labelDirective", void 0);
-    __decorate([
-        ContentChild(KendoInput, { static: true }),
-        __metadata("design:type", Object)
-    ], LabelComponent.prototype, "kendoInput", void 0);
-    LabelComponent = __decorate([
-        Component({
-            selector: 'kendo-label',
-            exportAs: 'kendoLabel',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.label'
-                }
-            ],
-            template: "\n        <ng-container kendoLabelLocalizedMessages\n            i18n-optional=\"kendo.label.optional|The text for the optional segment of a Label component\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <label\n            [for]=\"control\"\n            [class.k-label-empty]=\"!text\">\n            {{ text }}<span *ngIf=\"optional\" class=\"k-label-optional\">({{textFor('optional')}})</span>\n        </label>\n        <ng-content></ng-content>\n    "
-        }),
-        __metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            LocalizationService])
-    ], LabelComponent);
-    return LabelComponent;
-}());
-
-var COMPONENT_DIRECTIVES$1 = [
-    LabelDirective,
-    LabelComponent
-];
-/**
- * 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);
- *
- * ```
- */
-var LabelModule = /** @class */ (function () {
-    function LabelModule() {
-    }
-    LabelModule = __decorate([
-        NgModule({
-            imports: [CommonModule, SharedDirectivesModule],
-            declarations: COMPONENT_DIRECTIVES$1.slice(),
-            exports: COMPONENT_DIRECTIVES$1.concat([FloatingLabelModule, SharedDirectivesModule])
-        })
-    ], LabelModule);
-    return LabelModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { LocalizedMessagesDirective, Messages, SharedDirectivesModule, LabelDirective, LabelModule, FloatingLabelModule, FloatingLabelComponent, LabelComponent, CustomMessagesComponent };