@progress/kendo-angular-label 25.0.0-develop.1 → 25.0.0-develop.12

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.
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as i0 from '@angular/core';
6
- import { Input, HostBinding, Directive, EventEmitter, forwardRef, isDevMode, ContentChild, Output, Component, ViewChild, NgModule } from '@angular/core';
6
+ import { signal, Input, HostBinding, Directive, EventEmitter, forwardRef, isDevMode, ContentChild, Output, ChangeDetectionStrategy, Component, ViewChild, NgModule } from '@angular/core';
7
7
  import { isDocumentAvailable, guid, hasObservers, KendoInput } from '@progress/kendo-angular-common';
8
8
  import * as i1 from '@progress/kendo-angular-l10n';
9
9
  import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -82,7 +82,12 @@ class LabelDirective {
82
82
  * @remarks
83
83
  * This property is related to accessibility.
84
84
  */
85
- for;
85
+ set for(value) {
86
+ this._for.set(value);
87
+ }
88
+ get for() {
89
+ return this._for();
90
+ }
86
91
  get labelFor() {
87
92
  if (typeof this.for === 'string') {
88
93
  return this.for;
@@ -102,6 +107,7 @@ class LabelDirective {
102
107
  */
103
108
  labelClass = true;
104
109
  clickListener;
110
+ _for = signal(null, ...(ngDevMode ? [{ debugName: "_for" }] : []));
105
111
  constructor(label, renderer, zone) {
106
112
  this.label = label;
107
113
  this.renderer = renderer;
@@ -202,8 +208,8 @@ const packageMetadata = {
202
208
  productName: 'Kendo UI for Angular',
203
209
  productCode: 'KENDOUIANGULAR',
204
210
  productCodes: ['KENDOUIANGULAR'],
205
- publishDate: 1783679873,
206
- version: '25.0.0-develop.1',
211
+ publishDate: 1785317889,
212
+ version: '25.0.0-develop.12',
207
213
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
208
214
  };
209
215
 
@@ -267,7 +273,13 @@ class Messages extends ComponentMessages {
267
273
  /**
268
274
  * The optional text.
269
275
  */
270
- optional;
276
+ set optional(value) {
277
+ this._optional.set(value);
278
+ }
279
+ get optional() {
280
+ return this._optional();
281
+ }
282
+ _optional = signal(undefined, ...(ngDevMode ? [{ debugName: "_optional" }] : []));
271
283
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
272
284
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
273
285
  }
@@ -336,23 +348,23 @@ const isFunction = (x) => Object.prototype.toString.call(x) === '[object Functio
336
348
  class FloatingLabelComponent {
337
349
  elementRef;
338
350
  renderer;
339
- changeDetectorRef;
340
351
  localization;
352
+ changeDetectorRef;
341
353
  /**
342
354
  * Gets the current floating label position.
343
355
  */
344
356
  get labelPosition() {
345
- if (!this.empty) {
357
+ if (!this._empty()) {
346
358
  return 'Out';
347
359
  }
348
- return this.focused ? 'Out' : 'In';
360
+ return this._focused() ? 'Out' : 'In';
349
361
  }
350
362
  hostClasses = true;
351
363
  get focusedClass() {
352
- return this.focused;
364
+ return this._focused();
353
365
  }
354
366
  get invalidClass() {
355
- return this.invalid;
367
+ return this._invalid();
356
368
  }
357
369
  /**
358
370
  * @hidden
@@ -362,33 +374,58 @@ class FloatingLabelComponent {
362
374
  * Sets the CSS styles for the internal label element.
363
375
  * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
364
376
  */
365
- labelCssStyle;
377
+ set labelCssStyle(value) {
378
+ this._labelCssStyle.set(value);
379
+ }
380
+ get labelCssStyle() {
381
+ return this._labelCssStyle();
382
+ }
366
383
  /**
367
384
  * Sets the CSS classes for the label element.
368
385
  * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
369
386
  */
370
- labelCssClass;
387
+ set labelCssClass(value) {
388
+ this._labelCssClass.set(value);
389
+ }
390
+ get labelCssClass() {
391
+ return this._labelCssClass();
392
+ }
371
393
  /**
372
394
  * Sets the `id` attribute of the input inside the floating label.
373
395
  *
374
396
  * @remarks
375
397
  * This property is related to accessibility.
376
398
  */
377
- id;
399
+ set id(value) {
400
+ this._id.set(value);
401
+ }
402
+ get id() {
403
+ return this._id();
404
+ }
378
405
  /**
379
406
  * Sets the text content of the floating label that describes the input.
380
407
  *
381
408
  * @remarks
382
409
  * This property is related to accessibility.
383
410
  */
384
- text;
411
+ set text(value) {
412
+ this._text.set(value);
413
+ }
414
+ get text() {
415
+ return this._text();
416
+ }
385
417
  /**
386
418
  * Marks a form field as optional. When enabled, renders the `Optional` text by default.
387
419
  * You can customize the text by providing a custom message ([see example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#custom-messages)).
388
420
  *
389
421
  * @default false
390
422
  */
391
- optional;
423
+ set optional(value) {
424
+ this._optional.set(value);
425
+ }
426
+ get optional() {
427
+ return this._optional();
428
+ }
392
429
  /**
393
430
  * Fires after the FloatingLabel position changes.
394
431
  */
@@ -398,26 +435,40 @@ class FloatingLabelComponent {
398
435
  /**
399
436
  * @hidden
400
437
  */
401
- focused = false;
438
+ get focused() {
439
+ return this._focused();
440
+ }
402
441
  /**
403
442
  * @hidden
404
443
  */
405
- empty = true;
444
+ get empty() {
445
+ return this._empty();
446
+ }
406
447
  /**
407
448
  * @hidden
408
449
  */
409
- invalid = false;
450
+ get invalid() {
451
+ return this._invalid();
452
+ }
410
453
  /**
411
454
  * @hidden
412
455
  */
413
456
  labelId = `k-${guid()}`;
457
+ _labelCssStyle = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssStyle" }] : []));
458
+ _labelCssClass = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssClass" }] : []));
459
+ _id = signal(null, ...(ngDevMode ? [{ debugName: "_id" }] : []));
460
+ _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
461
+ _optional = signal(false, ...(ngDevMode ? [{ debugName: "_optional" }] : []));
462
+ _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : []));
463
+ _empty = signal(true, ...(ngDevMode ? [{ debugName: "_empty" }] : []));
464
+ _invalid = signal(false, ...(ngDevMode ? [{ debugName: "_invalid" }] : []));
414
465
  subscription;
415
- autoFillStarted = false;
416
- constructor(elementRef, renderer, changeDetectorRef, localization) {
466
+ autoFillStarted = signal(false, ...(ngDevMode ? [{ debugName: "autoFillStarted" }] : []));
467
+ constructor(elementRef, renderer, localization, changeDetectorRef) {
417
468
  this.elementRef = elementRef;
418
469
  this.renderer = renderer;
419
- this.changeDetectorRef = changeDetectorRef;
420
470
  this.localization = localization;
471
+ this.changeDetectorRef = changeDetectorRef;
421
472
  validatePackage(packageMetadata);
422
473
  this.direction = localization.rtl ? 'rtl' : 'ltr';
423
474
  this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
@@ -442,7 +493,7 @@ class FloatingLabelComponent {
442
493
  return;
443
494
  }
444
495
  if (currentEmpty !== this.empty) {
445
- this.empty = currentEmpty;
496
+ this._empty.set(currentEmpty);
446
497
  if (currentEmpty) {
447
498
  this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
448
499
  }
@@ -502,16 +553,16 @@ class FloatingLabelComponent {
502
553
  if (formControl) {
503
554
  const valueAccessor = formControl.valueAccessor;
504
555
  if (isFunction(valueAccessor.isEmpty)) {
505
- this.empty = valueAccessor.isEmpty();
556
+ this._empty.set(valueAccessor.isEmpty());
506
557
  }
507
558
  else {
508
- this.empty = this.isValueEmpty(formControl.value);
559
+ this._empty.set(this.isValueEmpty(formControl.value));
509
560
  }
510
- this.invalid = formControl.invalid && (formControl.touched || formControl.dirty);
561
+ this._invalid.set(formControl.invalid && (formControl.touched || formControl.dirty));
511
562
  }
512
563
  else {
513
- this.empty = isFunction(this.kendoInput.isEmpty) ?
514
- this.kendoInput.isEmpty() : this.isValueEmpty(this.kendoInput.value);
564
+ this._empty.set(isFunction(this.kendoInput.isEmpty) ?
565
+ this.kendoInput.isEmpty() : this.isValueEmpty(this.kendoInput.value));
515
566
  }
516
567
  if (this.empty) {
517
568
  this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
@@ -568,12 +619,12 @@ class FloatingLabelComponent {
568
619
  }
569
620
  handleAutofill(control) {
570
621
  this.subscribe(control, 'autoFillStart', () => {
571
- this.autoFillStarted = true;
622
+ this.autoFillStarted.set(true);
572
623
  this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
573
624
  });
574
625
  this.subscribe(control, 'autoFillEnd', () => {
575
626
  if (this.autoFillStarted) {
576
- this.autoFillStarted = false;
627
+ this.autoFillStarted.set(false);
577
628
  if (this.empty) {
578
629
  this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
579
630
  }
@@ -582,7 +633,7 @@ class FloatingLabelComponent {
582
633
  }
583
634
  addHandlers(control) {
584
635
  const setFocus = (isFocused) => () => {
585
- this.focused = isFocused;
636
+ this._focused.set(isFocused);
586
637
  this.updateState();
587
638
  if (!this.empty) {
588
639
  return;
@@ -607,7 +658,7 @@ class FloatingLabelComponent {
607
658
  return;
608
659
  }
609
660
  }
610
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
661
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
611
662
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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: [
612
663
  LocalizationService,
613
664
  {
@@ -628,7 +679,7 @@ class FloatingLabelComponent {
628
679
  }
629
680
  </label>
630
681
  }
631
- `, 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"] }] });
682
+ `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
632
683
  }
633
684
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FloatingLabelComponent, decorators: [{
634
685
  type: Component,
@@ -658,9 +709,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
658
709
  }
659
710
  `,
660
711
  standalone: true,
661
- imports: [LocalizedMessagesDirective, NgClass, NgStyle]
712
+ imports: [LocalizedMessagesDirective, NgClass, NgStyle],
713
+ changeDetection: ChangeDetectionStrategy.OnPush
662
714
  }]
663
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }], propDecorators: { hostClasses: [{
715
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { hostClasses: [{
664
716
  type: HostBinding,
665
717
  args: ['class.k-floating-label-container']
666
718
  }], focusedClass: [{
@@ -714,7 +766,9 @@ class LabelComponent {
714
766
  * Specifies the `dir` attribute value for the component.
715
767
  * @hidden
716
768
  */
717
- direction;
769
+ get direction() {
770
+ return this._direction();
771
+ }
718
772
  /**
719
773
  * Sets the text content of the Label. Use this property to describe the input.
720
774
  *
@@ -723,7 +777,12 @@ class LabelComponent {
723
777
  * <kendo-label text="Email"></kendo-label>
724
778
  * ```
725
779
  */
726
- text;
780
+ set text(value) {
781
+ this._text.set(value);
782
+ }
783
+ get text() {
784
+ return this._text();
785
+ }
727
786
  /**
728
787
  * Associates the label with a component by a template reference or with an HTML element by `id`.
729
788
  *
@@ -734,13 +793,13 @@ class LabelComponent {
734
793
  * ```
735
794
  */
736
795
  set for(forValue) {
737
- if (forValue !== this._for) {
738
- this._for = forValue;
796
+ if (forValue !== this._for()) {
797
+ this._for.set(forValue);
739
798
  this.control = forValue;
740
799
  }
741
800
  }
742
801
  get for() {
743
- return this._for;
802
+ return this._for();
744
803
  }
745
804
  /**
746
805
  * Marks a form field as optional. When enabled, the label displays the `Optional` text by default.
@@ -752,7 +811,12 @@ class LabelComponent {
752
811
  * <kendo-label text="Phone" [optional]="true"></kendo-label>
753
812
  * ```
754
813
  */
755
- optional;
814
+ set optional(value) {
815
+ this._optional.set(value);
816
+ }
817
+ get optional() {
818
+ return this._optional();
819
+ }
756
820
  /**
757
821
  * Sets the CSS styles for the label element.
758
822
  * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
@@ -762,7 +826,12 @@ class LabelComponent {
762
826
  * <kendo-label text="Name" [labelCssStyle]="{ color: 'red' }"></kendo-label>
763
827
  * ```
764
828
  */
765
- labelCssStyle;
829
+ set labelCssStyle(value) {
830
+ this._labelCssStyle.set(value);
831
+ }
832
+ get labelCssStyle() {
833
+ return this._labelCssStyle();
834
+ }
766
835
  /**
767
836
  * Sets the CSS classes for the label element.
768
837
  * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
@@ -772,7 +841,12 @@ class LabelComponent {
772
841
  * <kendo-label text="Address" [labelCssClass]="'custom-label'"></kendo-label>
773
842
  * ```
774
843
  */
775
- labelCssClass;
844
+ set labelCssClass(value) {
845
+ this._labelCssClass.set(value);
846
+ }
847
+ get labelCssClass() {
848
+ return this._labelCssClass();
849
+ }
776
850
  labelDirective;
777
851
  kendoInput;
778
852
  /**
@@ -780,13 +854,18 @@ class LabelComponent {
780
854
  */
781
855
  control;
782
856
  subscriptions = new Subscription();
783
- _for;
857
+ _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : []));
858
+ _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
859
+ _for = signal(null, ...(ngDevMode ? [{ debugName: "_for" }] : []));
860
+ _optional = signal(false, ...(ngDevMode ? [{ debugName: "_optional" }] : []));
861
+ _labelCssStyle = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssStyle" }] : []));
862
+ _labelCssClass = signal(null, ...(ngDevMode ? [{ debugName: "_labelCssClass" }] : []));
784
863
  constructor(elementRef, renderer, localization) {
785
864
  this.elementRef = elementRef;
786
865
  this.renderer = renderer;
787
866
  this.localization = localization;
788
867
  validatePackage(packageMetadata);
789
- this.direction = localization.rtl ? 'rtl' : 'ltr';
868
+ this._direction.set(localization.rtl ? 'rtl' : 'ltr');
790
869
  this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
791
870
  }
792
871
  /**
@@ -811,7 +890,7 @@ class LabelComponent {
811
890
  */
812
891
  ngOnInit() {
813
892
  this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => {
814
- this.direction = rtl ? 'rtl' : 'ltr';
893
+ this._direction.set(rtl ? 'rtl' : 'ltr');
815
894
  }));
816
895
  }
817
896
  /**
@@ -857,7 +936,7 @@ class LabelComponent {
857
936
  }
858
937
  </label>
859
938
  <ng-content></ng-content>
860
- `, 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"] }] });
939
+ `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
861
940
  }
862
941
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelComponent, decorators: [{
863
942
  type: Component,
@@ -889,7 +968,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
889
968
  <ng-content></ng-content>
890
969
  `,
891
970
  standalone: true,
892
- imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle]
971
+ imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle],
972
+ changeDetection: ChangeDetectionStrategy.OnPush
893
973
  }]
894
974
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { direction: [{
895
975
  type: HostBinding,
package/index.d.ts CHANGED
@@ -47,7 +47,10 @@ declare class LabelDirective {
47
47
  * @remarks
48
48
  * This property is related to accessibility.
49
49
  */
50
- for: string | {
50
+ set for(value: string | {
51
+ focus: Function;
52
+ });
53
+ get for(): string | {
51
54
  focus: Function;
52
55
  };
53
56
  get labelFor(): string;
@@ -57,6 +60,7 @@ declare class LabelDirective {
57
60
  */
58
61
  labelClass: boolean;
59
62
  private clickListener;
63
+ private _for;
60
64
  constructor(label: ElementRef<HTMLLabelElement>, renderer: Renderer2, zone: NgZone);
61
65
  /**
62
66
  * @hidden
@@ -98,7 +102,7 @@ declare class LabelComponent implements AfterContentInit {
98
102
  * Specifies the `dir` attribute value for the component.
99
103
  * @hidden
100
104
  */
101
- direction: string;
105
+ get direction(): string;
102
106
  /**
103
107
  * Sets the text content of the Label. Use this property to describe the input.
104
108
  *
@@ -107,7 +111,8 @@ declare class LabelComponent implements AfterContentInit {
107
111
  * <kendo-label text="Email"></kendo-label>
108
112
  * ```
109
113
  */
110
- text: string;
114
+ set text(value: string);
115
+ get text(): string;
111
116
  /**
112
117
  * Associates the label with a component by a template reference or with an HTML element by `id`.
113
118
  *
@@ -129,7 +134,8 @@ declare class LabelComponent implements AfterContentInit {
129
134
  * <kendo-label text="Phone" [optional]="true"></kendo-label>
130
135
  * ```
131
136
  */
132
- optional: boolean;
137
+ set optional(value: boolean);
138
+ get optional(): boolean;
133
139
  /**
134
140
  * Sets the CSS styles for the label element.
135
141
  * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
@@ -139,7 +145,8 @@ declare class LabelComponent implements AfterContentInit {
139
145
  * <kendo-label text="Name" [labelCssStyle]="{ color: 'red' }"></kendo-label>
140
146
  * ```
141
147
  */
142
- labelCssStyle: any;
148
+ set labelCssStyle(value: any);
149
+ get labelCssStyle(): any;
143
150
  /**
144
151
  * Sets the CSS classes for the label element.
145
152
  * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
@@ -149,7 +156,8 @@ declare class LabelComponent implements AfterContentInit {
149
156
  * <kendo-label text="Address" [labelCssClass]="'custom-label'"></kendo-label>
150
157
  * ```
151
158
  */
152
- labelCssClass: any;
159
+ set labelCssClass(value: any);
160
+ get labelCssClass(): any;
153
161
  labelDirective: LabelDirective;
154
162
  kendoInput: any;
155
163
  /**
@@ -158,8 +166,13 @@ declare class LabelComponent implements AfterContentInit {
158
166
  control: string | {
159
167
  focus: Function;
160
168
  };
161
- private subscriptions;
162
- private _for;
169
+ private readonly subscriptions;
170
+ private readonly _direction;
171
+ private readonly _text;
172
+ private readonly _for;
173
+ private readonly _optional;
174
+ private readonly _labelCssStyle;
175
+ private readonly _labelCssClass;
163
176
  constructor(elementRef: ElementRef, renderer: Renderer2, localization: LocalizationService);
164
177
  /**
165
178
  * @hidden
@@ -192,7 +205,9 @@ declare class Messages extends ComponentMessages {
192
205
  /**
193
206
  * The optional text.
194
207
  */
195
- optional: string;
208
+ set optional(value: string);
209
+ get optional(): string;
210
+ private _optional;
196
211
  static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
197
212
  static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-label-messages-base", never, { "optional": { "alias": "optional"; "required": false; }; }, {}, never, never, true, never>;
198
213
  }
@@ -265,8 +280,8 @@ type FloatingLabelPosition = 'Out' | 'In';
265
280
  declare class FloatingLabelComponent implements AfterContentChecked, AfterContentInit, OnDestroy {
266
281
  private elementRef;
267
282
  private renderer;
268
- private changeDetectorRef;
269
283
  private localization;
284
+ private changeDetectorRef;
270
285
  /**
271
286
  * Gets the current floating label position.
272
287
  */
@@ -282,33 +297,38 @@ declare class FloatingLabelComponent implements AfterContentChecked, AfterConten
282
297
  * Sets the CSS styles for the internal label element.
283
298
  * Accepts values supported by the [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) directive.
284
299
  */
285
- labelCssStyle: any;
300
+ set labelCssStyle(value: any);
301
+ get labelCssStyle(): any;
286
302
  /**
287
303
  * Sets the CSS classes for the label element.
288
304
  * Accepts values supported by the [`ngClass`](link:site.data.urls.angular['ngclassapi']) directive.
289
305
  */
290
- labelCssClass: any;
306
+ set labelCssClass(value: any);
307
+ get labelCssClass(): any;
291
308
  /**
292
309
  * Sets the `id` attribute of the input inside the floating label.
293
310
  *
294
311
  * @remarks
295
312
  * This property is related to accessibility.
296
313
  */
297
- id: string;
314
+ set id(value: string);
315
+ get id(): string;
298
316
  /**
299
317
  * Sets the text content of the floating label that describes the input.
300
318
  *
301
319
  * @remarks
302
320
  * This property is related to accessibility.
303
321
  */
304
- text: string;
322
+ set text(value: string);
323
+ get text(): string;
305
324
  /**
306
325
  * Marks a form field as optional. When enabled, renders the `Optional` text by default.
307
326
  * You can customize the text by providing a custom message ([see example](https://www.telerik.com/kendo-angular-ui/components/labels/globalization#custom-messages)).
308
327
  *
309
328
  * @default false
310
329
  */
311
- optional: boolean;
330
+ set optional(value: boolean);
331
+ get optional(): boolean;
312
332
  /**
313
333
  * Fires after the FloatingLabel position changes.
314
334
  */
@@ -318,22 +338,30 @@ declare class FloatingLabelComponent implements AfterContentChecked, AfterConten
318
338
  /**
319
339
  * @hidden
320
340
  */
321
- focused: boolean;
341
+ get focused(): boolean;
322
342
  /**
323
343
  * @hidden
324
344
  */
325
- empty: boolean;
345
+ get empty(): boolean;
326
346
  /**
327
347
  * @hidden
328
348
  */
329
- invalid: boolean;
349
+ get invalid(): boolean;
330
350
  /**
331
351
  * @hidden
332
352
  */
333
353
  labelId: string;
354
+ private readonly _labelCssStyle;
355
+ private readonly _labelCssClass;
356
+ private readonly _id;
357
+ private readonly _text;
358
+ private readonly _optional;
359
+ private readonly _focused;
360
+ private readonly _empty;
361
+ private readonly _invalid;
334
362
  private subscription;
335
363
  private autoFillStarted;
336
- constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, localization: LocalizationService);
364
+ constructor(elementRef: ElementRef, renderer: Renderer2, localization: LocalizationService, changeDetectorRef: ChangeDetectorRef);
337
365
  /**
338
366
  * @hidden
339
367
  */
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1783679873,
11
- "version": "25.0.0-develop.1",
10
+ "publishDate": 1785317889,
11
+ "version": "25.0.0-develop.12",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-label",
3
- "version": "25.0.0-develop.1",
3
+ "version": "25.0.0-develop.12",
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": 1783679873,
22
+ "publishDate": 1785317889,
23
23
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
24
24
  }
25
25
  },
@@ -30,13 +30,13 @@
30
30
  "@angular/forms": "20 - 22",
31
31
  "@angular/platform-browser": "20 - 22",
32
32
  "@progress/kendo-licensing": "^1.11.0",
33
- "@progress/kendo-angular-common": "25.0.0-develop.1",
34
- "@progress/kendo-angular-l10n": "25.0.0-develop.1",
33
+ "@progress/kendo-angular-common": "25.0.0-develop.12",
34
+ "@progress/kendo-angular-l10n": "25.0.0-develop.12",
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": "25.0.0-develop.1"
39
+ "@progress/kendo-angular-schematics": "25.0.0-develop.12"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
42
42
  "module": "fesm2022/progress-kendo-angular-label.mjs",