@progress/kendo-angular-inputs 8.0.8-dev.202203090958 → 8.0.8-dev.202203091608

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.
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-inputs',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1646819719,
12
+ publishDate: 1646841968,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
@@ -297,11 +297,11 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
297
297
  }
298
298
  if (changes.resizable) {
299
299
  if (this.resizable === 'auto') {
300
+ this.renderer.removeClass(element, '\!k-overflow-y-auto');
300
301
  this.initialHeight = element.offsetHeight;
301
302
  }
302
303
  else {
303
- this.renderer.setStyle(element, 'overflow-y', 'auto');
304
- this.renderer.setStyle(element, 'resize', 'both');
304
+ this.renderer.addClass(element, '\!k-overflow-y-auto');
305
305
  element.style.height = `${this.initialHeight}px`;
306
306
  }
307
307
  }
@@ -398,7 +398,6 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
398
398
  return;
399
399
  }
400
400
  const element = this.input.nativeElement;
401
- this.renderer.setStyle(element, 'overflow-y', 'hidden');
402
401
  this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
403
402
  const scrollHeight = element.scrollHeight;
404
403
  if (scrollHeight > this.initialHeight) {
@@ -453,9 +452,9 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
453
452
  const hostElement = this.hostElement.nativeElement;
454
453
  const element = this.input.nativeElement;
455
454
  const suffix = hostElement.children[1];
456
- this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
455
+ this.renderer[isVertical ? 'addClass' : 'removeClass'](element, '\!k-flex-none');
457
456
  if (suffix) {
458
- this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
457
+ this.renderer[isVertical ? 'removeClass' : 'addClass'](suffix, '\!k-align-items-start');
459
458
  }
460
459
  }
461
460
  };
@@ -572,12 +571,7 @@ TextAreaComponent = TextAreaComponent_1 = tslib_1.__decorate([
572
571
  input: handleInput}">
573
572
  </textarea>
574
573
  <ng-content select="kendo-textarea-suffix"></ng-content>
575
- `,
576
- styles: [`
577
- :host {
578
- display: inline-flex;
579
- }
580
- `]
574
+ `
581
575
  }),
582
576
  tslib_1.__metadata("design:paramtypes", [LocalizationService,
583
577
  NgZone,
@@ -481,7 +481,7 @@ const packageMetadata = {
481
481
  name: '@progress/kendo-angular-inputs',
482
482
  productName: 'Kendo UI for Angular',
483
483
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
484
- publishDate: 1646819719,
484
+ publishDate: 1646841968,
485
485
  version: '',
486
486
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
487
487
  };
@@ -7074,11 +7074,11 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
7074
7074
  }
7075
7075
  if (changes.resizable) {
7076
7076
  if (this.resizable === 'auto') {
7077
+ this.renderer.removeClass(element, '\!k-overflow-y-auto');
7077
7078
  this.initialHeight = element.offsetHeight;
7078
7079
  }
7079
7080
  else {
7080
- this.renderer.setStyle(element, 'overflow-y', 'auto');
7081
- this.renderer.setStyle(element, 'resize', 'both');
7081
+ this.renderer.addClass(element, '\!k-overflow-y-auto');
7082
7082
  element.style.height = `${this.initialHeight}px`;
7083
7083
  }
7084
7084
  }
@@ -7175,7 +7175,6 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
7175
7175
  return;
7176
7176
  }
7177
7177
  const element = this.input.nativeElement;
7178
- this.renderer.setStyle(element, 'overflow-y', 'hidden');
7179
7178
  this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
7180
7179
  const scrollHeight = element.scrollHeight;
7181
7180
  if (scrollHeight > this.initialHeight) {
@@ -7230,9 +7229,9 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
7230
7229
  const hostElement = this.hostElement.nativeElement;
7231
7230
  const element = this.input.nativeElement;
7232
7231
  const suffix = hostElement.children[1];
7233
- this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
7232
+ this.renderer[isVertical ? 'addClass' : 'removeClass'](element, '\!k-flex-none');
7234
7233
  if (suffix) {
7235
- this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
7234
+ this.renderer[isVertical ? 'removeClass' : 'addClass'](suffix, '\!k-align-items-start');
7236
7235
  }
7237
7236
  }
7238
7237
  };
@@ -7349,12 +7348,7 @@ TextAreaComponent = TextAreaComponent_1 = __decorate([
7349
7348
  input: handleInput}">
7350
7349
  </textarea>
7351
7350
  <ng-content select="kendo-textarea-suffix"></ng-content>
7352
- `,
7353
- styles: [`
7354
- :host {
7355
- display: inline-flex;
7356
- }
7357
- `]
7351
+ `
7358
7352
  }),
7359
7353
  __metadata("design:paramtypes", [LocalizationService,
7360
7354
  NgZone,
@@ -514,7 +514,7 @@ var packageMetadata = {
514
514
  name: '@progress/kendo-angular-inputs',
515
515
  productName: 'Kendo UI for Angular',
516
516
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
517
- publishDate: 1646819719,
517
+ publishDate: 1646841968,
518
518
  version: '',
519
519
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
520
520
  };
@@ -7290,11 +7290,11 @@ var TextAreaComponent = /** @class */ (function (_super) {
7290
7290
  }
7291
7291
  if (changes.resizable) {
7292
7292
  if (this.resizable === 'auto') {
7293
+ this.renderer.removeClass(element, '\!k-overflow-y-auto');
7293
7294
  this.initialHeight = element.offsetHeight;
7294
7295
  }
7295
7296
  else {
7296
- this.renderer.setStyle(element, 'overflow-y', 'auto');
7297
- this.renderer.setStyle(element, 'resize', 'both');
7297
+ this.renderer.addClass(element, '\!k-overflow-y-auto');
7298
7298
  element.style.height = this.initialHeight + "px";
7299
7299
  }
7300
7300
  }
@@ -7396,7 +7396,6 @@ var TextAreaComponent = /** @class */ (function (_super) {
7396
7396
  return;
7397
7397
  }
7398
7398
  var element = this.input.nativeElement;
7399
- this.renderer.setStyle(element, 'overflow-y', 'hidden');
7400
7399
  this.renderer.setStyle(element, 'height', this.initialHeight + "px");
7401
7400
  var scrollHeight = element.scrollHeight;
7402
7401
  if (scrollHeight > this.initialHeight) {
@@ -7456,9 +7455,9 @@ var TextAreaComponent = /** @class */ (function (_super) {
7456
7455
  var hostElement = this.hostElement.nativeElement;
7457
7456
  var element = this.input.nativeElement;
7458
7457
  var suffix = hostElement.children[1];
7459
- this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
7458
+ this.renderer[isVertical ? 'addClass' : 'removeClass'](element, '\!k-flex-none');
7460
7459
  if (suffix) {
7461
- this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
7460
+ this.renderer[isVertical ? 'removeClass' : 'addClass'](suffix, '\!k-align-items-start');
7462
7461
  }
7463
7462
  };
7464
7463
  var TextAreaComponent_1;
@@ -7551,8 +7550,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
7551
7550
  { provide: KendoInput, useExisting: forwardRef(function () { return TextAreaComponent_1; }) }
7552
7551
  ],
7553
7552
  selector: 'kendo-textarea',
7554
- template: "\n <textarea\n #input\n [attr.aria-multiline]=\"true\"\n [attr.aria-disabled]=\"disabled ? true : undefined\"\n [attr.aria-readonly]=\"readonly ? true : undefined\"\n class=\"k-input-inner\"\n [ngClass]=\"resizableClass\"\n [id]=\"focusableId\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"title\"\n [attr.maxlength]=\"maxlength\"\n [kendoEventsOutsideAngular]=\"{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}\">\n </textarea>\n <ng-content select=\"kendo-textarea-suffix\"></ng-content>\n ",
7555
- styles: ["\n :host {\n display: inline-flex;\n }\n "]
7553
+ template: "\n <textarea\n #input\n [attr.aria-multiline]=\"true\"\n [attr.aria-disabled]=\"disabled ? true : undefined\"\n [attr.aria-readonly]=\"readonly ? true : undefined\"\n class=\"k-input-inner\"\n [ngClass]=\"resizableClass\"\n [id]=\"focusableId\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"title\"\n [attr.maxlength]=\"maxlength\"\n [kendoEventsOutsideAngular]=\"{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}\">\n </textarea>\n <ng-content select=\"kendo-textarea-suffix\"></ng-content>\n "
7556
7554
  }),
7557
7555
  __metadata("design:paramtypes", [LocalizationService,
7558
7556
  NgZone,
@@ -11,7 +11,7 @@ exports.packageMetadata = {
11
11
  name: '@progress/kendo-angular-inputs',
12
12
  productName: 'Kendo UI for Angular',
13
13
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1646819719,
14
+ publishDate: 1646841968,
15
15
  version: '',
16
16
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
17
17
  };
@@ -328,11 +328,11 @@ var TextAreaComponent = /** @class */ (function (_super) {
328
328
  }
329
329
  if (changes.resizable) {
330
330
  if (this.resizable === 'auto') {
331
+ this.renderer.removeClass(element, '\!k-overflow-y-auto');
331
332
  this.initialHeight = element.offsetHeight;
332
333
  }
333
334
  else {
334
- this.renderer.setStyle(element, 'overflow-y', 'auto');
335
- this.renderer.setStyle(element, 'resize', 'both');
335
+ this.renderer.addClass(element, '\!k-overflow-y-auto');
336
336
  element.style.height = this.initialHeight + "px";
337
337
  }
338
338
  }
@@ -434,7 +434,6 @@ var TextAreaComponent = /** @class */ (function (_super) {
434
434
  return;
435
435
  }
436
436
  var element = this.input.nativeElement;
437
- this.renderer.setStyle(element, 'overflow-y', 'hidden');
438
437
  this.renderer.setStyle(element, 'height', this.initialHeight + "px");
439
438
  var scrollHeight = element.scrollHeight;
440
439
  if (scrollHeight > this.initialHeight) {
@@ -494,9 +493,9 @@ var TextAreaComponent = /** @class */ (function (_super) {
494
493
  var hostElement = this.hostElement.nativeElement;
495
494
  var element = this.input.nativeElement;
496
495
  var suffix = hostElement.children[1];
497
- this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
496
+ this.renderer[isVertical ? 'addClass' : 'removeClass'](element, '\!k-flex-none');
498
497
  if (suffix) {
499
- this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
498
+ this.renderer[isVertical ? 'removeClass' : 'addClass'](suffix, '\!k-align-items-start');
500
499
  }
501
500
  };
502
501
  var TextAreaComponent_1;
@@ -589,8 +588,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
589
588
  { provide: kendo_angular_common_1.KendoInput, useExisting: core_1.forwardRef(function () { return TextAreaComponent_1; }) }
590
589
  ],
591
590
  selector: 'kendo-textarea',
592
- template: "\n <textarea\n #input\n [attr.aria-multiline]=\"true\"\n [attr.aria-disabled]=\"disabled ? true : undefined\"\n [attr.aria-readonly]=\"readonly ? true : undefined\"\n class=\"k-input-inner\"\n [ngClass]=\"resizableClass\"\n [id]=\"focusableId\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"title\"\n [attr.maxlength]=\"maxlength\"\n [kendoEventsOutsideAngular]=\"{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}\">\n </textarea>\n <ng-content select=\"kendo-textarea-suffix\"></ng-content>\n ",
593
- styles: ["\n :host {\n display: inline-flex;\n }\n "]
591
+ template: "\n <textarea\n #input\n [attr.aria-multiline]=\"true\"\n [attr.aria-disabled]=\"disabled ? true : undefined\"\n [attr.aria-readonly]=\"readonly ? true : undefined\"\n class=\"k-input-inner\"\n [ngClass]=\"resizableClass\"\n [id]=\"focusableId\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"title\"\n [attr.maxlength]=\"maxlength\"\n [kendoEventsOutsideAngular]=\"{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}\">\n </textarea>\n <ng-content select=\"kendo-textarea-suffix\"></ng-content>\n "
594
592
  }),
595
593
  tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
596
594
  core_1.NgZone,