@progress/kendo-angular-label 16.5.0 → 16.6.0-develop.10

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,15 +3,14 @@
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 { Directive, Input, HostBinding, forwardRef, Component, NgModule, EventEmitter, isDevMode, Output, ContentChild, ViewChild } from '@angular/core';
6
+ import { Directive, Input, HostBinding, EventEmitter, forwardRef, isDevMode, Component, Output, ContentChild, 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';
10
- import * as i2 from '@angular/common';
11
- import { CommonModule } from '@angular/common';
12
10
  import { NgControl } from '@angular/forms';
13
11
  import { validatePackage } from '@progress/kendo-licensing';
14
12
  import { Observable, Subscription } from 'rxjs';
13
+ import { NgIf, NgClass, NgStyle } from '@angular/common';
15
14
 
16
15
  /**
17
16
  * @hidden
@@ -167,12 +166,13 @@ class LabelDirective {
167
166
  }
168
167
  }
169
168
  LabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
170
- LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LabelDirective, selector: "label[for]", inputs: { for: "for", labelClass: "labelClass" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
169
+ LabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LabelDirective, isStandalone: true, selector: "label[for]", inputs: { for: "for", labelClass: "labelClass" }, host: { properties: { "attr.for": "this.labelFor", "class.k-label": "this.labelClass" } }, ngImport: i0 });
171
170
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelDirective, decorators: [{
172
171
  type: Directive,
173
172
  args: [{
174
173
  // eslint-disable-next-line @angular-eslint/directive-selector
175
- selector: 'label[for]'
174
+ selector: 'label[for]',
175
+ standalone: true
176
176
  }]
177
177
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { for: [{
178
178
  type: Input
@@ -186,111 +186,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
186
186
  args: ['class.k-label']
187
187
  }] } });
188
188
 
189
- /**
190
- * @hidden
191
- */
192
- class Messages extends ComponentMessages {
193
- }
194
- Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
195
- Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
196
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
197
- type: Directive,
198
- args: [{
199
- // eslint-disable-next-line @angular-eslint/directive-selector
200
- selector: 'kendo-label-messages-base'
201
- }]
202
- }], propDecorators: { optional: [{
203
- type: Input
204
- }] } });
205
-
206
- /**
207
- * @hidden
208
- */
209
- class LocalizedMessagesDirective extends Messages {
210
- constructor(service) {
211
- super();
212
- this.service = service;
213
- }
214
- }
215
- LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
216
- LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n ", providers: [
217
- {
218
- provide: Messages,
219
- useExisting: forwardRef(() => LocalizedMessagesDirective)
220
- }
221
- ], usesInheritance: true, ngImport: i0 });
222
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
223
- type: Directive,
224
- args: [{
225
- providers: [
226
- {
227
- provide: Messages,
228
- useExisting: forwardRef(() => LocalizedMessagesDirective)
229
- }
230
- ],
231
- selector: `
232
- [kendoLabelLocalizedMessages],
233
- [kendoFloatingLabelLocalizedMessages]
234
- `
235
- }]
236
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
237
-
238
- /**
239
- * Custom component messages override default component messages
240
- * ([see example](slug:label_globalization#toc-internationalization)).
241
- */
242
- class CustomMessagesComponent extends Messages {
243
- constructor(service) {
244
- super();
245
- this.service = service;
246
- }
247
- get override() {
248
- return true;
249
- }
250
- }
251
- CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
252
- CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
253
- {
254
- provide: Messages,
255
- useExisting: forwardRef(() => CustomMessagesComponent)
256
- }
257
- ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
258
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
259
- type: Component,
260
- args: [{
261
- providers: [
262
- {
263
- provide: Messages,
264
- useExisting: forwardRef(() => CustomMessagesComponent)
265
- }
266
- ],
267
- selector: 'kendo-label-messages, kendo-floatinglabel-messages',
268
- template: ``
269
- }]
270
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
271
-
272
- const SHARED_DIRECTIVES = [
273
- LocalizedMessagesDirective,
274
- CustomMessagesComponent
275
- ];
276
- /**
277
- * @hidden
278
- */
279
- class SharedDirectivesModule {
280
- }
281
- SharedDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
282
- SharedDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule, declarations: [LocalizedMessagesDirective,
283
- CustomMessagesComponent], exports: [LocalizedMessagesDirective,
284
- CustomMessagesComponent] });
285
- SharedDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule });
286
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedDirectivesModule, decorators: [{
287
- type: NgModule,
288
- args: [{
289
- declarations: [SHARED_DIRECTIVES],
290
- exports: [SHARED_DIRECTIVES]
291
- }]
292
- }] });
293
-
294
189
  /**
295
190
  * @hidden
296
191
  */
@@ -298,8 +193,8 @@ const packageMetadata = {
298
193
  name: '@progress/kendo-angular-label',
299
194
  productName: 'Kendo UI for Angular',
300
195
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
301
- publishDate: 1721814095,
302
- version: '16.5.0',
196
+ publishDate: 1722606869,
197
+ version: '16.6.0-develop.10',
303
198
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
304
199
  };
305
200
 
@@ -350,6 +245,56 @@ class FloatingLabelInputAdapter {
350
245
  }
351
246
  }
352
247
 
248
+ /**
249
+ * @hidden
250
+ */
251
+ class Messages extends ComponentMessages {
252
+ }
253
+ Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
254
+ Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendo-label-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
255
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
256
+ type: Directive,
257
+ args: [{
258
+ // eslint-disable-next-line @angular-eslint/directive-selector
259
+ selector: 'kendo-label-messages-base'
260
+ }]
261
+ }], propDecorators: { optional: [{
262
+ type: Input
263
+ }] } });
264
+
265
+ /**
266
+ * @hidden
267
+ */
268
+ class LocalizedMessagesDirective extends Messages {
269
+ constructor(service) {
270
+ super();
271
+ this.service = service;
272
+ }
273
+ }
274
+ LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
275
+ LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n ", providers: [
276
+ {
277
+ provide: Messages,
278
+ useExisting: forwardRef(() => LocalizedMessagesDirective)
279
+ }
280
+ ], usesInheritance: true, ngImport: i0 });
281
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
282
+ type: Directive,
283
+ args: [{
284
+ providers: [
285
+ {
286
+ provide: Messages,
287
+ useExisting: forwardRef(() => LocalizedMessagesDirective)
288
+ }
289
+ ],
290
+ selector: `
291
+ [kendoLabelLocalizedMessages],
292
+ [kendoFloatingLabelLocalizedMessages]
293
+ `,
294
+ standalone: true
295
+ }]
296
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
297
+
353
298
  const isFunction = (x) => Object.prototype.toString.call(x) === '[object Function]';
354
299
  /**
355
300
  * Represents the [Kendo UI FloatingLabel component for Angular]({% slug overview_floatinglabel %}).
@@ -567,7 +512,7 @@ class FloatingLabelComponent {
567
512
  }
568
513
  }
569
514
  FloatingLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
570
- FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FloatingLabelComponent, 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: [
515
+ FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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
516
  LocalizationService,
572
517
  {
573
518
  provide: L10N_PREFIX,
@@ -583,7 +528,7 @@ FloatingLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
583
528
  <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
584
529
  {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
585
530
  </label>
586
- `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n " }] });
531
+ `, 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"] }] });
587
532
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelComponent, decorators: [{
588
533
  type: Component,
589
534
  args: [{
@@ -606,7 +551,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
606
551
  <label *ngIf="text" [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
607
552
  {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
608
553
  </label>
609
- `
554
+ `,
555
+ standalone: true,
556
+ imports: [LocalizedMessagesDirective, NgIf, NgClass, NgStyle]
610
557
  }]
611
558
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
612
559
  type: HostBinding,
@@ -640,50 +587,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
640
587
  args: [NgControl, { static: false }]
641
588
  }] } });
642
589
 
643
- const COMPONENT_DIRECTIVES$1 = [FloatingLabelComponent];
644
- /**
645
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
646
- * definition for the TextBox directive.
647
- *
648
- * @example
649
- *
650
- * ```ts-no-run
651
- *
652
- * // The browser platform with a compiler
653
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
654
- *
655
- * import { NgModule } from '@angular/core';
656
- *
657
- * // Import the app component
658
- * import { AppComponent } from './app.component';
659
- *
660
- * // Define the app module
661
- * _@NgModule({
662
- * declarations: [AppComponent], // declare app component
663
- * imports: [BrowserModule, FloatingLabelModule], // import FloatingLabel module
664
- * bootstrap: [AppComponent]
665
- * })
666
- * export class AppModule {}
667
- *
668
- * // Compile and launch the module
669
- * platformBrowserDynamic().bootstrapModule(AppModule);
670
- *
671
- * ```
672
- */
673
- class FloatingLabelModule {
674
- }
675
- FloatingLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
676
- FloatingLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, declarations: [FloatingLabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [FloatingLabelComponent, SharedDirectivesModule] });
677
- FloatingLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [CommonModule, SharedDirectivesModule, SharedDirectivesModule] });
678
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, decorators: [{
679
- type: NgModule,
680
- args: [{
681
- declarations: [...COMPONENT_DIRECTIVES$1],
682
- exports: [...COMPONENT_DIRECTIVES$1, SharedDirectivesModule],
683
- imports: [CommonModule, SharedDirectivesModule]
684
- }]
685
- }] });
686
-
687
590
  /**
688
591
  * Represents the [Kendo UI Label component for Angular]({% slug overview_label %}).
689
592
  *
@@ -706,12 +609,23 @@ class LabelComponent {
706
609
  this.direction = localization.rtl ? 'rtl' : 'ltr';
707
610
  this.renderer.removeAttribute(this.elementRef.nativeElement, 'id');
708
611
  }
612
+ /**
613
+ * Associates the label with a component by a template reference, or with an HTML element by id.
614
+ */
615
+ set for(forValue) {
616
+ if (forValue !== this._for) {
617
+ this._for = forValue;
618
+ this.control = forValue;
619
+ }
620
+ }
621
+ get for() {
622
+ return this._for;
623
+ }
709
624
  /**
710
625
  * @hidden
711
626
  */
712
627
  ngAfterContentInit() {
713
628
  if (this.for) {
714
- this.control = this.for;
715
629
  return;
716
630
  }
717
631
  const wrappedNativeInput = getWrappedNativeInput(this.elementRef.nativeElement);
@@ -754,7 +668,7 @@ class LabelComponent {
754
668
  }
755
669
  }
756
670
  LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
757
- LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LabelComponent, selector: "kendo-label", inputs: { text: "text", for: "for", optional: "optional", labelCssStyle: "labelCssStyle", labelCssClass: "labelCssClass" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
671
+ LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
758
672
  LocalizationService,
759
673
  {
760
674
  provide: L10N_PREFIX,
@@ -775,7 +689,7 @@ LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
775
689
  {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
776
690
  </label>
777
691
  <ng-content></ng-content>
778
- `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoLabelLocalizedMessages],\n [kendoFloatingLabelLocalizedMessages]\n " }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }] });
692
+ `, 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"] }] });
779
693
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelComponent, decorators: [{
780
694
  type: Component,
781
695
  args: [{
@@ -803,7 +717,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
803
717
  {{ text }}<span *ngIf="optional" class="k-label-optional">({{textFor('optional')}})</span>
804
718
  </label>
805
719
  <ng-content></ng-content>
806
- `
720
+ `,
721
+ standalone: true,
722
+ imports: [LocalizedMessagesDirective, LabelDirective, NgClass, NgStyle, NgIf]
807
723
  }]
808
724
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { direction: [{
809
725
  type: HostBinding,
@@ -826,10 +742,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
826
742
  args: [KendoInput, { static: true }]
827
743
  }] } });
828
744
 
829
- const COMPONENT_DIRECTIVES = [
745
+ /**
746
+ * Custom component messages override default component messages
747
+ * ([see example](slug:label_globalization#toc-internationalization)).
748
+ */
749
+ class CustomMessagesComponent extends Messages {
750
+ constructor(service) {
751
+ super();
752
+ this.service = service;
753
+ }
754
+ get override() {
755
+ return true;
756
+ }
757
+ }
758
+ CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
759
+ CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-label-messages, kendo-floatinglabel-messages", providers: [
760
+ {
761
+ provide: Messages,
762
+ useExisting: forwardRef(() => CustomMessagesComponent)
763
+ }
764
+ ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
765
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
766
+ type: Component,
767
+ args: [{
768
+ providers: [
769
+ {
770
+ provide: Messages,
771
+ useExisting: forwardRef(() => CustomMessagesComponent)
772
+ }
773
+ ],
774
+ selector: 'kendo-label-messages, kendo-floatinglabel-messages',
775
+ template: ``,
776
+ standalone: true
777
+ }]
778
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
779
+
780
+ /**
781
+ * Utility array that contains all `Label` related components and directives
782
+ */
783
+ const KENDO_LABEL = [
830
784
  LabelDirective,
831
- LabelComponent
785
+ LabelComponent,
786
+ CustomMessagesComponent
787
+ ];
788
+ /**
789
+ * Utility array that contains all `FloatingLabel` related components and directives
790
+ */
791
+ const KENDO_FLOATINGLABEL = [
792
+ FloatingLabelComponent,
793
+ CustomMessagesComponent
794
+ ];
795
+ /**
796
+ * Utility array that contains all `@progress/kendo-angular-label` related components and directives
797
+ */
798
+ const KENDO_LABELS = [
799
+ ...KENDO_LABEL,
800
+ ...KENDO_FLOATINGLABEL
832
801
  ];
802
+
803
+ //IMPORTANT: NgModule export kept for backwards compatibility
833
804
  /**
834
805
  * The exported package module.
835
806
  *
@@ -868,16 +839,56 @@ const COMPONENT_DIRECTIVES = [
868
839
  class LabelModule {
869
840
  }
870
841
  LabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
871
- LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, declarations: [LabelDirective,
872
- LabelComponent], imports: [CommonModule, SharedDirectivesModule], exports: [LabelDirective,
873
- LabelComponent, FloatingLabelModule, SharedDirectivesModule] });
874
- LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [CommonModule, SharedDirectivesModule, FloatingLabelModule, SharedDirectivesModule] });
842
+ LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent], exports: [LabelDirective, LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
843
+ LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, imports: [LabelComponent, CustomMessagesComponent, FloatingLabelComponent, CustomMessagesComponent] });
875
844
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelModule, decorators: [{
876
845
  type: NgModule,
877
846
  args: [{
878
- imports: [CommonModule, SharedDirectivesModule],
879
- declarations: [...COMPONENT_DIRECTIVES],
880
- exports: [...COMPONENT_DIRECTIVES, FloatingLabelModule, SharedDirectivesModule]
847
+ imports: [...KENDO_LABELS],
848
+ exports: [...KENDO_LABELS]
849
+ }]
850
+ }] });
851
+
852
+ //IMPORTANT: NgModule export kept for backwards compatibility
853
+ /**
854
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
855
+ * definition for the TextBox directive.
856
+ *
857
+ * @example
858
+ *
859
+ * ```ts-no-run
860
+ *
861
+ * // The browser platform with a compiler
862
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
863
+ *
864
+ * import { NgModule } from '@angular/core';
865
+ *
866
+ * // Import the app component
867
+ * import { AppComponent } from './app.component';
868
+ *
869
+ * // Define the app module
870
+ * _@NgModule({
871
+ * declarations: [AppComponent], // declare app component
872
+ * imports: [BrowserModule, FloatingLabelModule], // import FloatingLabel module
873
+ * bootstrap: [AppComponent]
874
+ * })
875
+ * export class AppModule {}
876
+ *
877
+ * // Compile and launch the module
878
+ * platformBrowserDynamic().bootstrapModule(AppModule);
879
+ *
880
+ * ```
881
+ */
882
+ class FloatingLabelModule {
883
+ }
884
+ FloatingLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
885
+ FloatingLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [FloatingLabelComponent, CustomMessagesComponent], exports: [FloatingLabelComponent, CustomMessagesComponent] });
886
+ FloatingLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, imports: [KENDO_FLOATINGLABEL] });
887
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingLabelModule, decorators: [{
888
+ type: NgModule,
889
+ args: [{
890
+ exports: [...KENDO_FLOATINGLABEL],
891
+ imports: [...KENDO_FLOATINGLABEL]
881
892
  }]
882
893
  }] });
883
894
 
@@ -885,5 +896,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
885
896
  * Generated bundle index. Do not edit.
886
897
  */
887
898
 
888
- export { CustomMessagesComponent, FloatingLabelComponent, FloatingLabelModule, LabelComponent, LabelDirective, LabelModule, LocalizedMessagesDirective, SharedDirectivesModule };
899
+ export { CustomMessagesComponent, FloatingLabelComponent, FloatingLabelModule, KENDO_FLOATINGLABEL, KENDO_LABEL, KENDO_LABELS, LabelComponent, LabelDirective, LabelModule, LocalizedMessagesDirective };
889
900