@progress/kendo-angular-label 21.1.1-develop.1 → 21.2.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@ import { validatePackage } from '@progress/kendo-licensing';
10
10
  import { packageMetadata } from '../package-metadata';
11
11
  import { FloatingLabelInputAdapter } from './floating-label-input-adapter';
12
12
  import { nativeLabelForTargets } from '../util';
13
- import { NgIf, NgClass, NgStyle } from '@angular/common';
13
+ import { NgClass, NgStyle } from '@angular/common';
14
14
  import { LocalizedMessagesDirective } from '../localization/localized-messages.directive';
15
15
  import * as i0 from "@angular/core";
16
16
  import * as i1 from "@progress/kendo-angular-l10n";
@@ -269,7 +269,7 @@ export class FloatingLabelComponent {
269
269
  }
270
270
  }
271
271
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
272
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FloatingLabelComponent, isStandalone: true, selector: "kendo-floatinglabel", inputs: { labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass", id: "id", text: "text", optional: "optional" }, outputs: { positionChange: "positionChange" }, host: { properties: { "class.k-floating-label-container": "this.hostClasses", "class.k-focus": "this.focusedClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
272
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FloatingLabelComponent, isStandalone: true, selector: "kendo-floatinglabel", inputs: { labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass", id: "id", text: "text", optional: "optional" }, outputs: { positionChange: "positionChange" }, host: { properties: { "class.k-floating-label-container": "this.hostClasses", "class.k-focus": "this.focusedClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
273
273
  LocalizationService,
274
274
  {
275
275
  provide: L10N_PREFIX,
@@ -277,15 +277,19 @@ export class FloatingLabelComponent {
277
277
  }
278
278
  ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true }, { propertyName: "formControl", first: true, predicate: NgControl, descendants: true }], exportAs: ["kendoFloatingLabel"], ngImport: i0, template: `
279
279
  <ng-container kendoFloatingLabelLocalizedMessages
280
- i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
281
- optional="Optional"
282
- >
280
+ i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
281
+ optional="Optional"
282
+ >
283
283
  </ng-container>
284
284
  <ng-content></ng-content>
285
- <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
286
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
285
+ @if (text) {
286
+ <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
287
+ {{ text }}@if (optional) {
288
+ <span class="k-label-optional">({{textFor('optional')}})</span>
289
+ }
287
290
  </label>
288
- `, 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"] }] });
291
+ }
292
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n " }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
289
293
  }
290
294
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelComponent, decorators: [{
291
295
  type: Component,
@@ -301,17 +305,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
301
305
  ],
302
306
  template: `
303
307
  <ng-container kendoFloatingLabelLocalizedMessages
304
- i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
305
- optional="Optional"
306
- >
308
+ i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
309
+ optional="Optional"
310
+ >
307
311
  </ng-container>
308
312
  <ng-content></ng-content>
309
- <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
310
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
313
+ @if (text) {
314
+ <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
315
+ {{ text }}@if (optional) {
316
+ <span class="k-label-optional">({{textFor('optional')}})</span>
317
+ }
311
318
  </label>
312
- `,
319
+ }
320
+ `,
313
321
  standalone: true,
314
- imports: [LocalizedMessagesDirective, NgIf, NgClass, NgStyle]
322
+ imports: [LocalizedMessagesDirective, NgClass, NgStyle]
315
323
  }]
316
324
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }], propDecorators: { hostClasses: [{
317
325
  type: HostBinding,
@@ -10,7 +10,7 @@ import { validatePackage } from '@progress/kendo-licensing';
10
10
  import { packageMetadata } from '../package-metadata';
11
11
  import { LabelDirective } from './../label.directive';
12
12
  import { getWrappedNativeInput } from './../util';
13
- import { NgClass, NgStyle, NgIf } from '@angular/common';
13
+ import { NgClass, NgStyle } from '@angular/common';
14
14
  import { LocalizedMessagesDirective } from '../localization/localized-messages.directive';
15
15
  import * as i0 from "@angular/core";
16
16
  import * as i1 from "@progress/kendo-angular-l10n";
@@ -157,7 +157,7 @@ export class LabelComponent {
157
157
  return this.localization.get(key);
158
158
  }
159
159
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
160
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
160
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
161
161
  LocalizationService,
162
162
  {
163
163
  provide: L10N_PREFIX,
@@ -165,20 +165,22 @@ export class LabelComponent {
165
165
  }
166
166
  ], 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: `
167
167
  <ng-container kendoLabelLocalizedMessages
168
- i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
169
- optional="Optional"
170
- >
168
+ i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
169
+ optional="Optional"
170
+ >
171
171
  </ng-container>
172
172
  <label
173
- [for]="control"
174
- [class.k-label-empty]="!text"
175
- [ngClass]="labelCssClass"
176
- [ngStyle]="labelCssStyle"
177
- >
178
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
173
+ [for]="control"
174
+ [class.k-label-empty]="!text"
175
+ [ngClass]="labelCssClass"
176
+ [ngStyle]="labelCssStyle"
177
+ >
178
+ {{ text }}@if (optional) {
179
+ <span class="k-label-optional">({{textFor('optional')}})</span>
180
+ }
179
181
  </label>
180
182
  <ng-content></ng-content>
181
- `, 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"] }] });
183
+ `, 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"] }] });
182
184
  }
183
185
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelComponent, decorators: [{
184
186
  type: Component,
@@ -194,22 +196,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
194
196
  ],
195
197
  template: `
196
198
  <ng-container kendoLabelLocalizedMessages
197
- i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
198
- optional="Optional"
199
- >
199
+ i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
200
+ optional="Optional"
201
+ >
200
202
  </ng-container>
201
203
  <label
202
- [for]="control"
203
- [class.k-label-empty]="!text"
204
- [ngClass]="labelCssClass"
205
- [ngStyle]="labelCssStyle"
206
- >
207
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
204
+ [for]="control"
205
+ [class.k-label-empty]="!text"
206
+ [ngClass]="labelCssClass"
207
+ [ngStyle]="labelCssStyle"
208
+ >
209
+ {{ text }}@if (optional) {
210
+ <span class="k-label-optional">({{textFor('optional')}})</span>
211
+ }
208
212
  </label>
209
213
  <ng-content></ng-content>
210
- `,
214
+ `,
211
215
  standalone: true,
212
- imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle, NgIf]
216
+ imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle]
213
217
  }]
214
218
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { direction: [{
215
219
  type: HostBinding,
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1763645542,
14
- version: '21.1.1-develop.1',
13
+ publishDate: 1763998177,
14
+ version: '21.2.0-develop.1',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
@@ -10,7 +10,7 @@ import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/k
10
10
  import { NgControl } from '@angular/forms';
11
11
  import { validatePackage } from '@progress/kendo-licensing';
12
12
  import { Observable, Subscription } from 'rxjs';
13
- import { NgIf, NgClass, NgStyle } from '@angular/common';
13
+ import { NgClass, NgStyle } from '@angular/common';
14
14
 
15
15
  /**
16
16
  * @hidden
@@ -200,8 +200,8 @@ const packageMetadata = {
200
200
  productName: 'Kendo UI for Angular',
201
201
  productCode: 'KENDOUIANGULAR',
202
202
  productCodes: ['KENDOUIANGULAR'],
203
- publishDate: 1763645542,
204
- version: '21.1.1-develop.1',
203
+ publishDate: 1763998177,
204
+ version: '21.2.0-develop.1',
205
205
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
206
206
  };
207
207
 
@@ -568,7 +568,7 @@ class FloatingLabelComponent {
568
568
  }
569
569
  }
570
570
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
571
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FloatingLabelComponent, isStandalone: true, selector: "kendo-floatinglabel", inputs: { labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass", id: "id", text: "text", optional: "optional" }, outputs: { positionChange: "positionChange" }, host: { properties: { "class.k-floating-label-container": "this.hostClasses", "class.k-focus": "this.focusedClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
571
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FloatingLabelComponent, isStandalone: true, selector: "kendo-floatinglabel", inputs: { labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass", id: "id", text: "text", optional: "optional" }, outputs: { positionChange: "positionChange" }, host: { properties: { "class.k-floating-label-container": "this.hostClasses", "class.k-focus": "this.focusedClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction" } }, providers: [
572
572
  LocalizationService,
573
573
  {
574
574
  provide: L10N_PREFIX,
@@ -576,15 +576,19 @@ class FloatingLabelComponent {
576
576
  }
577
577
  ], queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true }, { propertyName: "formControl", first: true, predicate: NgControl, descendants: true }], exportAs: ["kendoFloatingLabel"], ngImport: i0, template: `
578
578
  <ng-container kendoFloatingLabelLocalizedMessages
579
- i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
580
- optional="Optional"
581
- >
579
+ i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
580
+ optional="Optional"
581
+ >
582
582
  </ng-container>
583
583
  <ng-content></ng-content>
584
- <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
585
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
584
+ @if (text) {
585
+ <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
586
+ {{ text }}@if (optional) {
587
+ <span class="k-label-optional">({{textFor('optional')}})</span>
588
+ }
586
589
  </label>
587
- `, 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"] }] });
590
+ }
591
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n " }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
588
592
  }
589
593
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingLabelComponent, decorators: [{
590
594
  type: Component,
@@ -600,17 +604,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
600
604
  ],
601
605
  template: `
602
606
  <ng-container kendoFloatingLabelLocalizedMessages
603
- i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
604
- optional="Optional"
605
- >
607
+ i18n-optional="kendo.floatinglabel.optional|The text for the optional segment of a FloatingLabel component"
608
+ optional="Optional"
609
+ >
606
610
  </ng-container>
607
611
  <ng-content></ng-content>
608
- <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
609
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
612
+ @if (text) {
613
+ <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
614
+ {{ text }}@if (optional) {
615
+ <span class="k-label-optional">({{textFor('optional')}})</span>
616
+ }
610
617
  </label>
611
- `,
618
+ }
619
+ `,
612
620
  standalone: true,
613
- imports: [LocalizedMessagesDirective, NgIf, NgClass, NgStyle]
621
+ imports: [LocalizedMessagesDirective, NgClass, NgStyle]
614
622
  }]
615
623
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }], propDecorators: { hostClasses: [{
616
624
  type: HostBinding,
@@ -787,7 +795,7 @@ class LabelComponent {
787
795
  return this.localization.get(key);
788
796
  }
789
797
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
790
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
798
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LabelComponent, isStandalone: true, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
791
799
  LocalizationService,
792
800
  {
793
801
  provide: L10N_PREFIX,
@@ -795,20 +803,22 @@ class LabelComponent {
795
803
  }
796
804
  ], 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: `
797
805
  <ng-container kendoLabelLocalizedMessages
798
- i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
799
- optional="Optional"
800
- >
806
+ i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
807
+ optional="Optional"
808
+ >
801
809
  </ng-container>
802
810
  <label
803
- [for]="control"
804
- [class.k-label-empty]="!text"
805
- [ngClass]="labelCssClass"
806
- [ngStyle]="labelCssStyle"
807
- >
808
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
811
+ [for]="control"
812
+ [class.k-label-empty]="!text"
813
+ [ngClass]="labelCssClass"
814
+ [ngStyle]="labelCssStyle"
815
+ >
816
+ {{ text }}@if (optional) {
817
+ <span class="k-label-optional">({{textFor('optional')}})</span>
818
+ }
809
819
  </label>
810
820
  <ng-content></ng-content>
811
- `, 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"] }] });
821
+ `, 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"] }] });
812
822
  }
813
823
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelComponent, decorators: [{
814
824
  type: Component,
@@ -824,22 +834,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
824
834
  ],
825
835
  template: `
826
836
  <ng-container kendoLabelLocalizedMessages
827
- i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
828
- optional="Optional"
829
- >
837
+ i18n-optional="kendo.label.optional|The text for the optional segment of a Label component"
838
+ optional="Optional"
839
+ >
830
840
  </ng-container>
831
841
  <label
832
- [for]="control"
833
- [class.k-label-empty]="!text"
834
- [ngClass]="labelCssClass"
835
- [ngStyle]="labelCssStyle"
836
- >
837
- {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
842
+ [for]="control"
843
+ [class.k-label-empty]="!text"
844
+ [ngClass]="labelCssClass"
845
+ [ngStyle]="labelCssStyle"
846
+ >
847
+ {{ text }}@if (optional) {
848
+ <span class="k-label-optional">({{textFor('optional')}})</span>
849
+ }
838
850
  </label>
839
851
  <ng-content></ng-content>
840
- `,
852
+ `,
841
853
  standalone: true,
842
- imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle, NgIf]
854
+ imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle]
843
855
  }]
844
856
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { direction: [{
845
857
  type: HostBinding,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-label",
3
- "version": "21.1.1-develop.1",
3
+ "version": "21.2.0-develop.1",
4
4
  "description": "Kendo UI Label for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -19,7 +19,7 @@
19
19
  "package": {
20
20
  "productName": "Kendo UI for Angular",
21
21
  "productCode": "KENDOUIANGULAR",
22
- "publishDate": 1763645542,
22
+ "publishDate": 1763998177,
23
23
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
24
24
  }
25
25
  },
@@ -30,13 +30,13 @@
30
30
  "@angular/forms": "18 - 21",
31
31
  "@angular/platform-browser": "18 - 21",
32
32
  "@progress/kendo-licensing": "^1.7.0",
33
- "@progress/kendo-angular-common": "21.1.1-develop.1",
34
- "@progress/kendo-angular-l10n": "21.1.1-develop.1",
33
+ "@progress/kendo-angular-common": "21.2.0-develop.1",
34
+ "@progress/kendo-angular-l10n": "21.2.0-develop.1",
35
35
  "rxjs": "^6.5.3 || ^7.0.0"
36
36
  },
37
37
  "dependencies": {
38
38
  "tslib": "^2.3.1",
39
- "@progress/kendo-angular-schematics": "21.1.1-develop.1"
39
+ "@progress/kendo-angular-schematics": "21.2.0-develop.1"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
42
42
  "module": "fesm2022/progress-kendo-angular-label.mjs",
@@ -1,3 +1,7 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
1
5
  "use strict";
2
6
  Object.defineProperty(exports, "__esModule", { value: true });
3
7
  exports.default = default_1;