@progress/kendo-angular-inputs 8.0.7 → 8.0.8-dev.202203101143

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.
Files changed (16) hide show
  1. package/dist/cdn/js/kendo-angular-inputs.js +2 -2
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/package-metadata.js +1 -1
  4. package/dist/es/textarea/textarea.component.js +5 -7
  5. package/dist/es/textbox/textbox.component.js +7 -1
  6. package/dist/es2015/index.metadata.json +1 -1
  7. package/dist/es2015/package-metadata.js +1 -1
  8. package/dist/es2015/textarea/textarea.component.js +5 -11
  9. package/dist/es2015/textbox/textbox.component.js +7 -1
  10. package/dist/fesm2015/index.js +13 -13
  11. package/dist/fesm5/index.js +13 -9
  12. package/dist/npm/package-metadata.js +1 -1
  13. package/dist/npm/textarea/textarea.component.js +5 -7
  14. package/dist/npm/textbox/textbox.component.js +7 -1
  15. package/dist/systemjs/kendo-angular-inputs.js +1 -1
  16. package/package.json +2 -2
package/dist/es2015/package-metadata.js CHANGED
@@ -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: 1646219049,
12
+ publishDate: 1646912457,
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
  };
package/dist/es2015/textarea/textarea.component.js CHANGED
@@ -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,
package/dist/es2015/textbox/textbox.component.js CHANGED
@@ -202,8 +202,14 @@ let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent {
202
202
  * @hidden
203
203
  */
204
204
  this.handleInput = (ev) => {
205
- let incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
205
+ const target = ev.target;
206
+ const isBrowserSafari = isSafari(navigator.userAgent);
207
+ const incomingValue = isBrowserSafari && isJapanese(target.value) ? ev.data : target.value;
208
+ const [caretStart, caretEnd] = [target.selectionStart, target.selectionEnd];
206
209
  this.updateValue(incomingValue);
210
+ if (isBrowserSafari) {
211
+ target.setSelectionRange(caretStart, caretEnd);
212
+ }
207
213
  };
208
214
  this.ngChange = (_) => { };
209
215
  this.ngTouched = () => { };
package/dist/fesm2015/index.js CHANGED
@@ -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: 1646219049,
484
+ publishDate: 1646912457,
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
  };
@@ -5927,8 +5927,14 @@ let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent {
5927
5927
  * @hidden
5928
5928
  */
5929
5929
  this.handleInput = (ev) => {
5930
- let incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
5930
+ const target = ev.target;
5931
+ const isBrowserSafari = isSafari(navigator.userAgent);
5932
+ const incomingValue = isBrowserSafari && isJapanese(target.value) ? ev.data : target.value;
5933
+ const [caretStart, caretEnd] = [target.selectionStart, target.selectionEnd];
5931
5934
  this.updateValue(incomingValue);
5935
+ if (isBrowserSafari) {
5936
+ target.setSelectionRange(caretStart, caretEnd);
5937
+ }
5932
5938
  };
5933
5939
  this.ngChange = (_) => { };
5934
5940
  this.ngTouched = () => { };
@@ -7074,11 +7080,11 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
7074
7080
  }
7075
7081
  if (changes.resizable) {
7076
7082
  if (this.resizable === 'auto') {
7083
+ this.renderer.removeClass(element, '\!k-overflow-y-auto');
7077
7084
  this.initialHeight = element.offsetHeight;
7078
7085
  }
7079
7086
  else {
7080
- this.renderer.setStyle(element, 'overflow-y', 'auto');
7081
- this.renderer.setStyle(element, 'resize', 'both');
7087
+ this.renderer.addClass(element, '\!k-overflow-y-auto');
7082
7088
  element.style.height = `${this.initialHeight}px`;
7083
7089
  }
7084
7090
  }
@@ -7175,7 +7181,6 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
7175
7181
  return;
7176
7182
  }
7177
7183
  const element = this.input.nativeElement;
7178
- this.renderer.setStyle(element, 'overflow-y', 'hidden');
7179
7184
  this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
7180
7185
  const scrollHeight = element.scrollHeight;
7181
7186
  if (scrollHeight > this.initialHeight) {
@@ -7230,9 +7235,9 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
7230
7235
  const hostElement = this.hostElement.nativeElement;
7231
7236
  const element = this.input.nativeElement;
7232
7237
  const suffix = hostElement.children[1];
7233
- this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
7238
+ this.renderer[isVertical ? 'addClass' : 'removeClass'](element, '\!k-flex-none');
7234
7239
  if (suffix) {
7235
- this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
7240
+ this.renderer[isVertical ? 'removeClass' : 'addClass'](suffix, '\!k-align-items-start');
7236
7241
  }
7237
7242
  }
7238
7243
  };
@@ -7349,12 +7354,7 @@ TextAreaComponent = TextAreaComponent_1 = __decorate([
7349
7354
  input: handleInput}">
7350
7355
  </textarea>
7351
7356
  <ng-content select="kendo-textarea-suffix"></ng-content>
7352
- `,
7353
- styles: [`
7354
- :host {
7355
- display: inline-flex;
7356
- }
7357
- `]
7357
+ `
7358
7358
  }),
7359
7359
  __metadata("design:paramtypes", [LocalizationService,
7360
7360
  NgZone,
package/dist/fesm5/index.js CHANGED
@@ -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: 1646219049,
517
+ publishDate: 1646912457,
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
  };
@@ -6097,8 +6097,14 @@ var TextBoxComponent = /** @class */ (function () {
6097
6097
  * @hidden
6098
6098
  */
6099
6099
  this.handleInput = function (ev) {
6100
- var incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
6100
+ var target = ev.target;
6101
+ var isBrowserSafari = isSafari(navigator.userAgent);
6102
+ var incomingValue = isBrowserSafari && isJapanese(target.value) ? ev.data : target.value;
6103
+ var _a = [target.selectionStart, target.selectionEnd], caretStart = _a[0], caretEnd = _a[1];
6101
6104
  _this.updateValue(incomingValue);
6105
+ if (isBrowserSafari) {
6106
+ target.setSelectionRange(caretStart, caretEnd);
6107
+ }
6102
6108
  };
6103
6109
  this.ngChange = function (_) { };
6104
6110
  this.ngTouched = function () { };
@@ -7290,11 +7296,11 @@ var TextAreaComponent = /** @class */ (function (_super) {
7290
7296
  }
7291
7297
  if (changes.resizable) {
7292
7298
  if (this.resizable === 'auto') {
7299
+ this.renderer.removeClass(element, '\!k-overflow-y-auto');
7293
7300
  this.initialHeight = element.offsetHeight;
7294
7301
  }
7295
7302
  else {
7296
- this.renderer.setStyle(element, 'overflow-y', 'auto');
7297
- this.renderer.setStyle(element, 'resize', 'both');
7303
+ this.renderer.addClass(element, '\!k-overflow-y-auto');
7298
7304
  element.style.height = this.initialHeight + "px";
7299
7305
  }
7300
7306
  }
@@ -7396,7 +7402,6 @@ var TextAreaComponent = /** @class */ (function (_super) {
7396
7402
  return;
7397
7403
  }
7398
7404
  var element = this.input.nativeElement;
7399
- this.renderer.setStyle(element, 'overflow-y', 'hidden');
7400
7405
  this.renderer.setStyle(element, 'height', this.initialHeight + "px");
7401
7406
  var scrollHeight = element.scrollHeight;
7402
7407
  if (scrollHeight > this.initialHeight) {
@@ -7456,9 +7461,9 @@ var TextAreaComponent = /** @class */ (function (_super) {
7456
7461
  var hostElement = this.hostElement.nativeElement;
7457
7462
  var element = this.input.nativeElement;
7458
7463
  var suffix = hostElement.children[1];
7459
- this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
7464
+ this.renderer[isVertical ? 'addClass' : 'removeClass'](element, '\!k-flex-none');
7460
7465
  if (suffix) {
7461
- this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
7466
+ this.renderer[isVertical ? 'removeClass' : 'addClass'](suffix, '\!k-align-items-start');
7462
7467
  }
7463
7468
  };
7464
7469
  var TextAreaComponent_1;
@@ -7551,8 +7556,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
7551
7556
  { provide: KendoInput, useExisting: forwardRef(function () { return TextAreaComponent_1; }) }
7552
7557
  ],
7553
7558
  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 "]
7559
+ 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
7560
  }),
7557
7561
  __metadata("design:paramtypes", [LocalizationService,
7558
7562
  NgZone,
package/dist/npm/package-metadata.js CHANGED
@@ -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: 1646219049,
14
+ publishDate: 1646912457,
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
  };
package/dist/npm/textarea/textarea.component.js CHANGED
@@ -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,
package/dist/npm/textbox/textbox.component.js CHANGED
@@ -204,8 +204,14 @@ var TextBoxComponent = /** @class */ (function () {
204
204
  * @hidden
205
205
  */
206
206
  this.handleInput = function (ev) {
207
- var incomingValue = utils_3.isSafari(navigator.userAgent) && utils_1.isJapanese(ev.target.value) ? ev.data : ev.target.value;
207
+ var target = ev.target;
208
+ var isBrowserSafari = utils_3.isSafari(navigator.userAgent);
209
+ var incomingValue = isBrowserSafari && utils_1.isJapanese(target.value) ? ev.data : target.value;
210
+ var _a = [target.selectionStart, target.selectionEnd], caretStart = _a[0], caretEnd = _a[1];
208
211
  _this.updateValue(incomingValue);
212
+ if (isBrowserSafari) {
213
+ target.setSelectionRange(caretStart, caretEnd);
214
+ }
209
215
  };
210
216
  this.ngChange = function (_) { };
211
217
  this.ngTouched = function () { };