@progress/kendo-angular-label 13.0.0-develop.1 → 13.0.0-develop.11

package/esm2020/label/label.component.mjs

@@ -95,7 +95,7 @@ export class LabelComponent {
     }
 }
 LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", type: LabelComponent, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LabelComponent, 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,
@@ -109,11 +109,14 @@ LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
         </ng-container>
         <label
             [for]="control"
-            [class.k-label-empty]="!text">
+            [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, 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"] }] });
+    `, isInline: true, directives: [{ type: i2.LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: i3.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{
@@ -134,7 +137,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-container>
         <label
             [for]="control"
-            [class.k-label-empty]="!text">
+            [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>
@@ -149,6 +155,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], optional: [{
                 type: Input
+            }], labelCssStyle: [{
+                type: Input
+            }], labelCssClass: [{
+                type: Input
             }], labelDirective: [{
                 type: ViewChild,
                 args: [LabelDirective, { static: true }]

package/esm2020/label.directive.mjs

@@ -42,6 +42,11 @@ export class LabelDirective {
         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();
@@ -120,7 +125,7 @@ export class LabelDirective {
     }
 }
 LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", type: LabelDirective, selector: "label[for]", inputs: { for: "for" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LabelDirective, 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: "13.3.12", ngImport: i0, type: LabelDirective, decorators: [{
             type: Directive,
             args: [{
@@ -133,6 +138,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: HostBinding,
                 args: ['attr.for']
             }], labelClass: [{
+                type: Input
+            }, {
                 type: HostBinding,
                 args: ['class.k-label']
             }] } });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1684845358,
-    version: '13.0.0-develop.1',
+    publishDate: 1685351945,
+    version: '13.0.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -75,6 +75,11 @@ class LabelDirective {
         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();
@@ -153,7 +158,7 @@ class LabelDirective {
     }
 }
 LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", type: LabelDirective, selector: "label[for]", inputs: { for: "for" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LabelDirective, 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: "13.3.12", ngImport: i0, type: LabelDirective, decorators: [{
             type: Directive,
             args: [{
@@ -166,6 +171,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: HostBinding,
                 args: ['attr.for']
             }], labelClass: [{
+                type: Input
+            }, {
                 type: HostBinding,
                 args: ['class.k-label']
             }] } });
@@ -282,8 +289,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1684845358,
-    version: '13.0.0-develop.1',
+    publishDate: 1685351945,
+    version: '13.0.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -749,7 +756,7 @@ class LabelComponent {
     }
 }
 LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", type: LabelComponent, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LabelComponent, 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,
@@ -763,11 +770,14 @@ LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
         </ng-container>
         <label
             [for]="control"
-            [class.k-label-empty]="!text">
+            [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, directives: [{ type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: LabelDirective, selector: "label[for]", inputs: ["for"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{
@@ -788,7 +798,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-container>
         <label
             [for]="control"
-            [class.k-label-empty]="!text">
+            [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>
@@ -803,6 +816,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], optional: [{
                 type: Input
+            }], labelCssStyle: [{
+                type: Input
+            }], labelCssClass: [{
+                type: Input
             }], labelDirective: [{
                 type: ViewChild,
                 args: [LabelDirective, { static: true }]

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

@@ -75,6 +75,11 @@ class LabelDirective {
         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();
@@ -153,7 +158,7 @@ class LabelDirective {
     }
 }
 LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", type: LabelDirective, selector: "label[for]", inputs: { for: "for" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
+LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LabelDirective, 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: "13.3.12", ngImport: i0, type: LabelDirective, decorators: [{
             type: Directive,
             args: [{
@@ -166,6 +171,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: HostBinding,
                 args: ['attr.for']
             }], labelClass: [{
+                type: Input
+            }, {
                 type: HostBinding,
                 args: ['class.k-label']
             }] } });
@@ -282,8 +289,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-label',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1684845358,
-    version: '13.0.0-develop.1',
+    publishDate: 1685351945,
+    version: '13.0.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -749,7 +756,7 @@ class LabelComponent {
     }
 }
 LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", type: LabelComponent, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LabelComponent, 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,
@@ -763,11 +770,14 @@ LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
         </ng-container>
         <label
             [for]="control"
-            [class.k-label-empty]="!text">
+            [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, directives: [{ type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: LabelDirective, selector: "label[for]", inputs: ["for"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "\n      [kendoLabelLocalizedMessages],\n      [kendoFloatingLabelLocalizedMessages]\n    " }, { type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{
@@ -788,7 +798,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-container>
         <label
             [for]="control"
-            [class.k-label-empty]="!text">
+            [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>
@@ -803,6 +816,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], optional: [{
                 type: Input
+            }], labelCssStyle: [{
+                type: Input
+            }], labelCssClass: [{
+                type: Input
             }], labelDirective: [{
                 type: ViewChild,
                 args: [LabelDirective, { static: true }]

package/label/label.component.d.ts

@@ -51,6 +51,16 @@ export declare class LabelComponent implements AfterContentInit {
      * The default value is `false`.
      */
     optional: boolean;
+    /**
+     * Sets the CSS Styles that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']) directive.
+     */
+    labelCssStyle: any;
+    /**
+     * Sets the CSS Classes that will be rendered on the actual label element.
+     * Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']) directive.
+     */
+    labelCssClass: any;
     labelDirective: LabelDirective;
     kendoInput: any;
     /**
@@ -82,5 +92,5 @@ export declare class LabelComponent implements AfterContentInit {
      */
     textFor(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "kendo-label", ["kendoLabel"], { "text": "text"; "for": "for"; "optional": "optional"; }, {}, ["kendoInput"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "kendo-label", ["kendoLabel"], { "text": "text"; "for": "for"; "optional": "optional"; "labelCssStyle": "labelCssStyle"; "labelCssClass": "labelCssClass"; }, {}, ["kendoInput"], ["*"]>;
 }

package/label.directive.d.ts

@@ -48,6 +48,11 @@ export declare class LabelDirective {
         focus: Function;
     };
     get labelFor(): string;
+    /**
+     * @hidden
+     *
+     * Allows the user to specify if the label CSS class should be rendered or not.
+     */
     labelClass: boolean;
     private clickListener;
     constructor(label: ElementRef<HTMLLabelElement>, renderer: Renderer2, zone: NgZone);
@@ -66,5 +71,5 @@ export declare class LabelDirective {
     private getFocusableComponent;
     private handleClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[for]", never, { "for": "for"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[for]", never, { "for": "for"; "labelClass": "labelClass"; }, {}, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-label",
-  "version": "13.0.0-develop.1",
+  "version": "13.0.0-develop.11",
   "description": "Kendo UI Label for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,14 +23,14 @@
     "@angular/core": "13 - 16",
     "@angular/platform-browser": "13 - 16",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "13.0.0-develop.1",
-    "@progress/kendo-angular-l10n": "13.0.0-develop.1",
+    "@progress/kendo-angular-common": "13.0.0-develop.11",
+    "@progress/kendo-angular-l10n": "13.0.0-develop.11",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-inputs": "13.0.0-develop.1"
+    "@progress/kendo-angular-inputs": "13.0.0-develop.11"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.0.0-develop.1"
+    "@progress/kendo-angular-schematics": "13.0.0-develop.11"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-label.mjs",