@progress/kendo-angular-inputs 24.2.0-develop.6 → 24.2.0-develop.7

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.
@@ -17,7 +17,6 @@ import * as i0 from "@angular/core";
17
17
  export declare class CheckBoxDirective {
18
18
  private renderer;
19
19
  private hostElement;
20
- kendoClass: boolean;
21
20
  get isDisabled(): boolean;
22
21
  /**
23
22
  * Sets the `size` property to specify the width and height of the CheckBox
@@ -583,8 +583,8 @@ const packageMetadata = {
583
583
  productName: 'Kendo UI for Angular',
584
584
  productCode: 'KENDOUIANGULAR',
585
585
  productCodes: ['KENDOUIANGULAR'],
586
- publishDate: 1782229164,
587
- version: '24.2.0-develop.6',
586
+ publishDate: 1782230466,
587
+ version: '24.2.0-develop.7',
588
588
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
589
589
  };
590
590
 
@@ -3107,7 +3107,6 @@ class TextBoxDirective {
3107
3107
  renderer;
3108
3108
  inputElement;
3109
3109
  ngZone;
3110
- hostClasses = true;
3111
3110
  /**
3112
3111
  * @hidden
3113
3112
  */
@@ -3155,6 +3154,8 @@ class TextBoxDirective {
3155
3154
  this.renderer = renderer;
3156
3155
  this.inputElement = inputElement;
3157
3156
  this.ngZone = ngZone;
3157
+ this.renderer.addClass(this.inputElement.nativeElement, 'k-input');
3158
+ this.renderer.addClass(this.inputElement.nativeElement, 'k-textbox');
3158
3159
  }
3159
3160
  ngAfterViewInit() {
3160
3161
  const input = this.inputElement.nativeElement;
@@ -3177,7 +3178,7 @@ class TextBoxDirective {
3177
3178
  this.listeners.forEach(listener => listener());
3178
3179
  }
3179
3180
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TextBoxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
3180
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TextBoxDirective, isStandalone: true, selector: "input[kendoTextBox]", inputs: { value: "value" }, host: { properties: { "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses" } }, providers: [{
3181
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TextBoxDirective, isStandalone: true, selector: "input[kendoTextBox]", inputs: { value: "value" }, providers: [{
3181
3182
  provide: KendoInput,
3182
3183
  useExisting: forwardRef(() => TextBoxDirective)
3183
3184
  }], ngImport: i0 });
@@ -3192,13 +3193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
3192
3193
  }],
3193
3194
  standalone: true
3194
3195
  }]
3195
- }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { hostClasses: [{
3196
- type: HostBinding,
3197
- args: ['class.k-textbox']
3198
- }, {
3199
- type: HostBinding,
3200
- args: ['class.k-input']
3201
- }], value: [{
3196
+ }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { value: [{
3202
3197
  type: Input
3203
3198
  }] } });
3204
3199
 
@@ -3216,7 +3211,6 @@ class TextAreaDirective {
3216
3211
  zone;
3217
3212
  changeDetector;
3218
3213
  injector;
3219
- elementClasses = true;
3220
3214
  autofillClass = true;
3221
3215
  direction;
3222
3216
  /**
@@ -3273,6 +3267,8 @@ class TextAreaDirective {
3273
3267
  this.changeDetector = changeDetector;
3274
3268
  this.injector = injector;
3275
3269
  this.direction = rtl ? 'rtl' : 'ltr';
3270
+ this.renderer.addClass(this.element.nativeElement, 'k-input');
3271
+ this.renderer.addClass(this.element.nativeElement, 'k-textarea');
3276
3272
  }
3277
3273
  /**
3278
3274
  * @hidden
@@ -3422,7 +3418,7 @@ class TextAreaDirective {
3422
3418
  }
3423
3419
  }
3424
3420
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TextAreaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
3425
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TextAreaDirective, isStandalone: true, selector: "textarea[kendoTextArea]", inputs: { autoSize: "autoSize", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.elementClasses", "class.k-input": "this.elementClasses", "class.k-autofill": "this.autofillClass", "attr.dir": "this.direction" } }, providers: [{
3421
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TextAreaDirective, isStandalone: true, selector: "textarea[kendoTextArea]", inputs: { autoSize: "autoSize", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-autofill": "this.autofillClass", "attr.dir": "this.direction" } }, providers: [{
3426
3422
  provide: NG_VALUE_ACCESSOR,
3427
3423
  useExisting: forwardRef(() => TextAreaDirective),
3428
3424
  multi: true
@@ -3450,13 +3446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
3450
3446
  }, {
3451
3447
  type: Inject,
3452
3448
  args: [RTL]
3453
- }] }], propDecorators: { elementClasses: [{
3454
- type: HostBinding,
3455
- args: ['class.k-textarea']
3456
- }, {
3457
- type: HostBinding,
3458
- args: ['class.k-input']
3459
- }], autofillClass: [{
3449
+ }] }], propDecorators: { autofillClass: [{
3460
3450
  type: HostBinding,
3461
3451
  args: ['class.k-autofill']
3462
3452
  }], direction: [{
@@ -4078,7 +4068,6 @@ class NumericTextBoxComponent {
4078
4068
  get disableClass() {
4079
4069
  return this.disabled;
4080
4070
  }
4081
- hostClasses = true;
4082
4071
  /**
4083
4072
  * @hidden
4084
4073
  */
@@ -4142,6 +4131,8 @@ class NumericTextBoxComponent {
4142
4131
  this.hostElement = hostElement;
4143
4132
  validatePackage(packageMetadata);
4144
4133
  this.direction = localizationService.rtl ? 'rtl' : 'ltr';
4134
+ this.renderer.addClass(this.hostElement.nativeElement, 'k-input');
4135
+ this.renderer.addClass(this.hostElement.nativeElement, 'k-numerictextbox');
4145
4136
  }
4146
4137
  ngOnInit() {
4147
4138
  this.subscriptions = this.localizationService
@@ -4834,7 +4825,7 @@ class NumericTextBoxComponent {
4834
4825
  setHTMLAttributes(attributesToRender, this.renderer, this.numericInput.nativeElement, this.ngZone);
4835
4826
  }
4836
4827
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NumericTextBoxComponent, deps: [{ token: i1$1.IntlService }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
4837
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: NumericTextBoxComponent, isStandalone: true, selector: "kendo-numerictextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", autoCorrect: "autoCorrect", format: "format", max: "max", min: "min", decimals: "decimals", placeholder: "placeholder", step: "step", spinners: "spinners", rangeValidation: "rangeValidation", tabindex: "tabindex", tabIndex: "tabIndex", changeValueOnScroll: "changeValueOnScroll", selectOnFocus: "selectOnFocus", value: "value", maxlength: "maxlength", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-disabled": "this.disableClass", "class.k-input": "this.hostClasses", "class.k-numerictextbox": "this.hostClasses" } }, providers: [
4828
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: NumericTextBoxComponent, isStandalone: true, selector: "kendo-numerictextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", autoCorrect: "autoCorrect", format: "format", max: "max", min: "min", decimals: "decimals", placeholder: "placeholder", step: "step", spinners: "spinners", rangeValidation: "rangeValidation", tabindex: "tabindex", tabIndex: "tabIndex", changeValueOnScroll: "changeValueOnScroll", selectOnFocus: "selectOnFocus", value: "value", maxlength: "maxlength", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-disabled": "this.disableClass" } }, providers: [
4838
4829
  LocalizationService,
4839
4830
  { provide: L10N_PREFIX, useValue: 'kendo.numerictextbox' },
4840
4831
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NumericTextBoxComponent), multi: true },
@@ -5138,12 +5129,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
5138
5129
  }], disableClass: [{
5139
5130
  type: HostBinding,
5140
5131
  args: ['class.k-disabled']
5141
- }], hostClasses: [{
5142
- type: HostBinding,
5143
- args: ['class.k-input']
5144
- }, {
5145
- type: HostBinding,
5146
- args: ['class.k-numerictextbox']
5147
5132
  }] } });
5148
5133
 
5149
5134
  /**
@@ -5828,7 +5813,6 @@ class MaskedTextBoxComponent {
5828
5813
  */
5829
5814
  valueChange = new EventEmitter();
5830
5815
  direction;
5831
- hostClasses = true;
5832
5816
  get hostDisabledClass() {
5833
5817
  return this.disabled;
5834
5818
  }
@@ -5877,6 +5861,8 @@ class MaskedTextBoxComponent {
5877
5861
  validatePackage(packageMetadata);
5878
5862
  this.direction = rtl ? 'rtl' : 'ltr';
5879
5863
  this.updateService();
5864
+ this.renderer.addClass(this.hostElement.nativeElement, 'k-input');
5865
+ this.renderer.addClass(this.hostElement.nativeElement, 'k-maskedtextbox');
5880
5866
  }
5881
5867
  ngOnInit() {
5882
5868
  if (this.hostElement) {
@@ -6249,7 +6235,7 @@ class MaskedTextBoxComponent {
6249
6235
  setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
6250
6236
  }
6251
6237
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MaskedTextBoxComponent, deps: [{ token: MaskingService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
6252
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MaskedTextBoxComponent, isStandalone: true, selector: "kendo-maskedtextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", size: "size", rounded: "rounded", fillMode: "fillMode", mask: "mask", value: "value", rules: "rules", prompt: "prompt", promptPlaceholder: "promptPlaceholder", includeLiterals: "includeLiterals", maskOnFocus: "maskOnFocus", maskValidation: "maskValidation", tabindex: "tabindex", tabIndex: "tabIndex", inputAttributes: "inputAttributes" }, outputs: { onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", valueChange: "valueChange" }, host: { listeners: { "paste": "pasteHandler($event)", "input": "inputHandler($event)" }, properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-input": "this.hostClasses", "class.k-maskedtextbox": "this.hostClasses", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
6238
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MaskedTextBoxComponent, isStandalone: true, selector: "kendo-maskedtextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", size: "size", rounded: "rounded", fillMode: "fillMode", mask: "mask", value: "value", rules: "rules", prompt: "prompt", promptPlaceholder: "promptPlaceholder", includeLiterals: "includeLiterals", maskOnFocus: "maskOnFocus", maskValidation: "maskValidation", tabindex: "tabindex", tabIndex: "tabIndex", inputAttributes: "inputAttributes" }, outputs: { onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", valueChange: "valueChange" }, host: { listeners: { "paste": "pasteHandler($event)", "input": "inputHandler($event)" }, properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
6253
6239
  MaskingService,
6254
6240
  {
6255
6241
  multi: true,
@@ -6458,12 +6444,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
6458
6444
  }], direction: [{
6459
6445
  type: HostBinding,
6460
6446
  args: ['attr.dir']
6461
- }], hostClasses: [{
6462
- type: HostBinding,
6463
- args: ['class.k-input']
6464
- }, {
6465
- type: HostBinding,
6466
- args: ['class.k-maskedtextbox']
6467
6447
  }], hostDisabledClass: [{
6468
6448
  type: HostBinding,
6469
6449
  args: ['class.k-disabled']
@@ -6998,7 +6978,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
6998
6978
  class CheckBoxDirective {
6999
6979
  renderer;
7000
6980
  hostElement;
7001
- kendoClass = true;
7002
6981
  get isDisabled() {
7003
6982
  return this.hostElement.nativeElement.disabled;
7004
6983
  }
@@ -7030,6 +7009,7 @@ class CheckBoxDirective {
7030
7009
  constructor(renderer, hostElement) {
7031
7010
  this.renderer = renderer;
7032
7011
  this.hostElement = hostElement;
7012
+ this.renderer.addClass(this.hostElement.nativeElement, 'k-checkbox');
7033
7013
  }
7034
7014
  ngAfterViewInit() {
7035
7015
  const stylingInputs = ['size', 'rounded'];
@@ -7048,7 +7028,7 @@ class CheckBoxDirective {
7048
7028
  }
7049
7029
  }
7050
7030
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CheckBoxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
7051
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: CheckBoxDirective, isStandalone: true, selector: "input[kendoCheckBox]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "class.k-checkbox": "this.kendoClass", "class.k-disabled": "this.isDisabled" } }, ngImport: i0 });
7031
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: CheckBoxDirective, isStandalone: true, selector: "input[kendoCheckBox]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "class.k-disabled": "this.isDisabled" } }, ngImport: i0 });
7052
7032
  }
7053
7033
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CheckBoxDirective, decorators: [{
7054
7034
  type: Directive,
@@ -7056,10 +7036,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
7056
7036
  selector: 'input[kendoCheckBox]',
7057
7037
  standalone: true
7058
7038
  }]
7059
- }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { kendoClass: [{
7060
- type: HostBinding,
7061
- args: ['class.k-checkbox']
7062
- }], isDisabled: [{
7039
+ }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { isDisabled: [{
7063
7040
  type: HostBinding,
7064
7041
  args: ['class.k-disabled']
7065
7042
  }], size: [{
@@ -7852,10 +7829,10 @@ class TextBoxComponent {
7852
7829
  this.hostElement = hostElement;
7853
7830
  validatePackage(packageMetadata);
7854
7831
  this.direction = localizationService.rtl ? 'rtl' : 'ltr';
7855
- }
7856
- ngOnInit() {
7857
7832
  this.renderer.addClass(this.hostElement.nativeElement, 'k-textbox');
7858
7833
  this.renderer.addClass(this.hostElement.nativeElement, 'k-input');
7834
+ }
7835
+ ngOnInit() {
7859
7836
  this.control = this.injector.get(NgControl, null);
7860
7837
  this.checkClearButton();
7861
7838
  this.subscriptions = this.localizationService.changes.subscribe(({ rtl }) => {
@@ -16277,7 +16254,6 @@ class SignatureComponent {
16277
16254
  cd;
16278
16255
  localization;
16279
16256
  cdr;
16280
- staticHostClasses = true;
16281
16257
  /**
16282
16258
  * @hidden
16283
16259
  */
@@ -16584,6 +16560,8 @@ class SignatureComponent {
16584
16560
  this.cdr = cdr;
16585
16561
  validatePackage(packageMetadata);
16586
16562
  this.direction = localization.rtl ? 'rtl' : 'ltr';
16563
+ this.renderer.addClass(this.element.nativeElement, 'k-signature');
16564
+ this.renderer.addClass(this.element.nativeElement, 'k-input');
16587
16565
  }
16588
16566
  ngOnInit() {
16589
16567
  this.subscriptions = this.localization
@@ -16885,7 +16863,7 @@ class SignatureComponent {
16885
16863
  return this.localization.get(key);
16886
16864
  }
16887
16865
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SignatureComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
16888
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: SignatureComponent, isStandalone: true, selector: "kendo-signature", inputs: { focusableId: "focusableId", readonly: "readonly", disabled: "disabled", width: "width", height: "height", value: "value", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", color: "color", backgroundColor: "backgroundColor", strokeWidth: "strokeWidth", smooth: "smooth", maximizable: "maximizable", maximized: "maximized", popupScale: "popupScale", exportScale: "exportScale", parentLocalization: "parentLocalization", hideLine: "hideLine" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", minimize: "minimize" }, host: { properties: { "class.k-signature": "this.staticHostClasses", "class.k-input": "this.staticHostClasses", "attr.dir": "this.direction", "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabled", "style.width.px": "this.width", "style.height.px": "this.height" } }, providers: [
16866
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: SignatureComponent, isStandalone: true, selector: "kendo-signature", inputs: { focusableId: "focusableId", readonly: "readonly", disabled: "disabled", width: "width", height: "height", value: "value", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", color: "color", backgroundColor: "backgroundColor", strokeWidth: "strokeWidth", smooth: "smooth", maximizable: "maximizable", maximized: "maximized", popupScale: "popupScale", exportScale: "exportScale", parentLocalization: "parentLocalization", hideLine: "hideLine" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", minimize: "minimize" }, host: { properties: { "attr.dir": "this.direction", "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabled", "style.width.px": "this.width", "style.height.px": "this.height" } }, providers: [
16889
16867
  LocalizationService,
16890
16868
  { provide: L10N_PREFIX, useValue: 'kendo.signature' },
16891
16869
  { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SignatureComponent) },
@@ -17116,13 +17094,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
17116
17094
  standalone: true,
17117
17095
  imports: [LocalizedSignatureMessagesDirective, ButtonComponent, DialogComponent]
17118
17096
  }]
17119
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { staticHostClasses: [{
17120
- type: HostBinding,
17121
- args: ['class.k-signature']
17122
- }, {
17123
- type: HostBinding,
17124
- args: ['class.k-input']
17125
- }], focusableId: [{
17097
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { focusableId: [{
17126
17098
  type: Input
17127
17099
  }], direction: [{
17128
17100
  type: HostBinding,
@@ -17577,7 +17549,6 @@ class TextAreaComponent extends TextFieldsBase {
17577
17549
  * @hidden
17578
17550
  */
17579
17551
  focusableId = `k-${guid()}`;
17580
- hostClasses = true;
17581
17552
  get flowCol() {
17582
17553
  return this.flow === 'vertical';
17583
17554
  }
@@ -17773,6 +17744,8 @@ class TextAreaComponent extends TextFieldsBase {
17773
17744
  this.hostElement = hostElement;
17774
17745
  validatePackage(packageMetadata);
17775
17746
  this.direction = localizationService.rtl ? 'rtl' : 'ltr';
17747
+ this.renderer.addClass(this.hostElement.nativeElement, 'k-input');
17748
+ this.renderer.addClass(this.hostElement.nativeElement, 'k-textarea');
17776
17749
  }
17777
17750
  ngAfterContentInit() {
17778
17751
  this.ngZone.onStable.pipe((take(1))).subscribe(() => {
@@ -18077,7 +18050,7 @@ class TextAreaComponent extends TextFieldsBase {
18077
18050
  setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
18078
18051
  }
18079
18052
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TextAreaComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
18080
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TextAreaComponent, isStandalone: true, selector: "kendo-textarea", inputs: { focusableId: "focusableId", flow: "flow", inputAttributes: "inputAttributes", adornmentsOrientation: "adornmentsOrientation", rows: "rows", cols: "cols", maxlength: "maxlength", maxResizableRows: "maxResizableRows", tabindex: "tabindex", tabIndex: "tabIndex", resizable: "resizable", size: "size", rounded: "rounded", fillMode: "fillMode", showPrefixSeparator: "showPrefixSeparator", showSuffixSeparator: "showSuffixSeparator" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.hostClasses", "class.k-input": "this.hostClasses", "class.!k-flex-col": "this.flowCol", "class.!k-flex-row": "this.flowRow" } }, providers: [
18053
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TextAreaComponent, isStandalone: true, selector: "kendo-textarea", inputs: { focusableId: "focusableId", flow: "flow", inputAttributes: "inputAttributes", adornmentsOrientation: "adornmentsOrientation", rows: "rows", cols: "cols", maxlength: "maxlength", maxResizableRows: "maxResizableRows", tabindex: "tabindex", tabIndex: "tabIndex", resizable: "resizable", size: "size", rounded: "rounded", fillMode: "fillMode", showPrefixSeparator: "showPrefixSeparator", showSuffixSeparator: "showSuffixSeparator" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.!k-flex-col": "this.flowCol", "class.!k-flex-row": "this.flowRow" } }, providers: [
18081
18054
  LocalizationService,
18082
18055
  { provide: L10N_PREFIX, useValue: 'kendo.textarea' },
18083
18056
  {
@@ -18201,12 +18174,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
18201
18174
  }]
18202
18175
  }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { focusableId: [{
18203
18176
  type: Input
18204
- }], hostClasses: [{
18205
- type: HostBinding,
18206
- args: ['class.k-textarea']
18207
- }, {
18208
- type: HostBinding,
18209
- args: ['class.k-input']
18210
18177
  }], flowCol: [{
18211
18178
  type: HostBinding,
18212
18179
  args: ['class.\!k-flex-col']
@@ -171,7 +171,6 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
171
171
  */
172
172
  valueChange: EventEmitter<string>;
173
173
  direction: string;
174
- hostClasses: boolean;
175
174
  get hostDisabledClass(): boolean;
176
175
  /**
177
176
  * Returns the `ElementRef` of the visible `input` element.
@@ -201,7 +201,6 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
201
201
  */
202
202
  arrowDirection: ArrowDirection;
203
203
  get disableClass(): boolean;
204
- hostClasses: boolean;
205
204
  /**
206
205
  * @hidden
207
206
  */
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1782229164,
11
- "version": "24.2.0-develop.6",
10
+ "publishDate": 1782230466,
11
+ "version": "24.2.0-develop.7",
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-inputs",
3
- "version": "24.2.0-develop.6",
3
+ "version": "24.2.0-develop.7",
4
4
  "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -55,7 +55,7 @@
55
55
  "package": {
56
56
  "productName": "Kendo UI for Angular",
57
57
  "productCode": "KENDOUIANGULAR",
58
- "publishDate": 1782229164,
58
+ "publishDate": 1782230466,
59
59
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
60
60
  }
61
61
  },
@@ -67,20 +67,20 @@
67
67
  "@angular/platform-browser": "19 - 22",
68
68
  "@progress/kendo-drawing": "^1.25.0",
69
69
  "@progress/kendo-licensing": "^1.11.0",
70
- "@progress/kendo-angular-buttons": "24.2.0-develop.6",
71
- "@progress/kendo-angular-common": "24.2.0-develop.6",
72
- "@progress/kendo-angular-utils": "24.2.0-develop.6",
73
- "@progress/kendo-angular-navigation": "24.2.0-develop.6",
74
- "@progress/kendo-angular-dialog": "24.2.0-develop.6",
75
- "@progress/kendo-angular-intl": "24.2.0-develop.6",
76
- "@progress/kendo-angular-l10n": "24.2.0-develop.6",
77
- "@progress/kendo-angular-popup": "24.2.0-develop.6",
78
- "@progress/kendo-angular-icons": "24.2.0-develop.6",
70
+ "@progress/kendo-angular-buttons": "24.2.0-develop.7",
71
+ "@progress/kendo-angular-common": "24.2.0-develop.7",
72
+ "@progress/kendo-angular-utils": "24.2.0-develop.7",
73
+ "@progress/kendo-angular-navigation": "24.2.0-develop.7",
74
+ "@progress/kendo-angular-dialog": "24.2.0-develop.7",
75
+ "@progress/kendo-angular-intl": "24.2.0-develop.7",
76
+ "@progress/kendo-angular-l10n": "24.2.0-develop.7",
77
+ "@progress/kendo-angular-popup": "24.2.0-develop.7",
78
+ "@progress/kendo-angular-icons": "24.2.0-develop.7",
79
79
  "rxjs": "^6.5.3 || ^7.0.0"
80
80
  },
81
81
  "dependencies": {
82
82
  "tslib": "^2.3.1",
83
- "@progress/kendo-angular-schematics": "24.2.0-develop.6",
83
+ "@progress/kendo-angular-schematics": "24.2.0-develop.7",
84
84
  "@progress/kendo-common": "^1.0.1",
85
85
  "@progress/kendo-draggable": "^3.0.0",
86
86
  "@progress/kendo-inputs-common": "^3.1.0"
@@ -29,7 +29,6 @@ export declare class SignatureComponent implements ControlValueAccessor {
29
29
  private cd;
30
30
  localization: LocalizationService;
31
31
  private cdr;
32
- staticHostClasses: boolean;
33
32
  /**
34
33
  * @hidden
35
34
  */
@@ -38,7 +38,6 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
38
38
  * @hidden
39
39
  */
40
40
  focusableId: string;
41
- hostClasses: boolean;
42
41
  get flowCol(): boolean;
43
42
  get flowRow(): boolean;
44
43
  private _flow;
@@ -19,7 +19,6 @@ export declare class TextAreaDirective implements OnInit, OnDestroy, OnChanges,
19
19
  private zone;
20
20
  private changeDetector;
21
21
  private injector;
22
- elementClasses: boolean;
23
22
  autofillClass: boolean;
24
23
  direction: string;
25
24
  /**
@@ -19,7 +19,6 @@ export declare class TextBoxDirective implements AfterViewInit, OnDestroy {
19
19
  private renderer;
20
20
  private inputElement;
21
21
  private ngZone;
22
- hostClasses: boolean;
23
22
  /**
24
23
  * @hidden
25
24
  */