@progress/kendo-angular-label 3.1.1-dev.202110280926 → 4.0.0-next.202202221305

package/esm2015/label/label.component.js

@@ -0,0 +1,158 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ContentChild, Component, HostBinding, Input, 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 * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../localization/localized-messages.directive";
+import * as i3 from "../label.directive";
+import * as i4 from "@angular/common";
+/**
+ * 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';
+ * }
+ *
+ * ```
+ */
+export 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');
+    }
+    /**
+     * @hidden
+     */
+    ngAfterContentInit() {
+        if (this.for) {
+            this.control = 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: "12.2.16", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LabelComponent, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional" }, 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">
+            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
+        </label>
+        <ng-content></ng-content>
+    `, isInline: true, directives: [{ type: i2.LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: i3.LabelDirective, selector: "label[for]", inputs: ["for"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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">
+            {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
+        </label>
+        <ng-content></ng-content>
+    `
+                }]
+        }], 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
+            }], labelDirective: [{
+                type: ViewChild,
+                args: [LabelDirective, { static: true }]
+            }], kendoInput: [{
+                type: ContentChild,
+                args: [KendoInput, { static: true }]
+            }] } });

package/{dist/es2015 → esm2015}/label.directive.js

@@ -2,10 +2,10 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { isUploadComponent, getRootElement, inputElementHasAttr, isInputElement } from './util';
-import { Directive, Input, HostBinding, ElementRef, Renderer2, NgZone } from '@angular/core';
+import { Directive, Input, HostBinding } from '@angular/core';
 import { isDocumentAvailable, guid } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Label directive for Angular]({% slug overview_label %}).
  * The Label associates a focusable Angular component or an HTML element
@@ -37,7 +37,7 @@ import { isDocumentAvailable, guid } from '@progress/kendo-angular-common';
  * class AppComponent { }
  * ```
  */
-let LabelDirective = class LabelDirective {
+export class LabelDirective {
     constructor(label, renderer, zone) {
         this.label = label;
         this.renderer = renderer;
@@ -110,24 +110,20 @@ let LabelDirective = class LabelDirective {
         const target = this.for;
         return target && target.focus !== undefined ? target : null;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], LabelDirective.prototype, "for", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.for'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], LabelDirective.prototype, "labelFor", null);
-tslib_1.__decorate([
-    HostBinding('class.k-label'),
-    tslib_1.__metadata("design:type", Boolean)
-], LabelDirective.prototype, "labelClass", void 0);
-LabelDirective = tslib_1.__decorate([
-    Directive({
-        selector: 'label[for]' //tslint:disable-line:directive-selector
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef, Renderer2, NgZone])
-], LabelDirective);
-export { LabelDirective };
+}
+LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LabelDirective, selector: "label[for]", inputs: { for: "for" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'label[for]' //eslint-disable-line directive-selector
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { for: [{
+                type: Input
+            }], labelFor: [{
+                type: HostBinding,
+                args: ['attr.for']
+            }], labelClass: [{
+                type: HostBinding,
+                args: ['class.k-label']
+            }] } });

package/{dist/es2015 → esm2015}/label.module.js

@@ -2,13 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { SharedDirectivesModule } from './shared.module';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FloatingLabelModule } from './floating-label/floating-label.module';
 import { LabelDirective } from './label.directive';
 import { LabelComponent } from './label/label.component';
+import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     LabelDirective,
     LabelComponent
@@ -48,13 +48,18 @@ const COMPONENT_DIRECTIVES = [
  *
  * ```
  */
-let LabelModule = class LabelModule {
-};
-LabelModule = tslib_1.__decorate([
-    NgModule({
-        imports: [CommonModule, SharedDirectivesModule],
-        declarations: [...COMPONENT_DIRECTIVES],
-        exports: [...COMPONENT_DIRECTIVES, FloatingLabelModule, SharedDirectivesModule]
-    })
-], LabelModule);
-export { LabelModule };
+export class LabelModule {
+}
+LabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, declarations: [LabelDirective,
+        LabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [LabelDirective,
+        LabelComponent, FloatingLabelModule, SharedDirectivesModule] });
+LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, imports: [[CommonModule, SharedDirectivesModule], FloatingLabelModule, SharedDirectivesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SharedDirectivesModule],
+                    declarations: [...COMPONENT_DIRECTIVES],
+                    exports: [...COMPONENT_DIRECTIVES, FloatingLabelModule, SharedDirectivesModule]
+                }]
+        }] });

package/esm2015/localization/custom-messages.component.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug label_globalization %}#toc-localization)).
+ */
+export class CustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, 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: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-label-messages, kendo-floatinglabel-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/localization/localized-messages.directive.js

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    ", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: `
+      [kendoLabelLocalizedMessages],
+      [kendoFloatingLabelLocalizedMessages]
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/localization/messages.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class Messages extends ComponentMessages {
+}
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Messages, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-label-messages-base'
+                }]
+        }], propDecorators: { optional: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/main.js

@@ -8,3 +8,5 @@ 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 { SharedDirectivesModule } from './shared.module';

package/{dist/es2015 → esm2015}/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635413135,
+    publishDate: 1645535045,
     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'
 };

package/esm2015/shared.module.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { CustomMessagesComponent } from './localization/custom-messages.component';
+import * as i0 from "@angular/core";
+const SHARED_DIRECTIVES = [
+    LocalizedMessagesDirective,
+    CustomMessagesComponent
+];
+/**
+ * @hidden
+ */
+export class SharedDirectivesModule {
+}
+SharedDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule, declarations: [LocalizedMessagesDirective,
+        CustomMessagesComponent], exports: [LocalizedMessagesDirective,
+        CustomMessagesComponent] });
+SharedDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedDirectivesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SHARED_DIRECTIVES],
+                    exports: [SHARED_DIRECTIVES]
+                }]
+        }] });