@progress/kendo-angular-inputs 8.0.3 → 8.0.5

package/dist/es/colorpicker/color-palette.component.js

@@ -3,11 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, Input, EventEmitter, Output, HostBinding, HostListener, forwardRef, ChangeDetectorRef, Renderer2, ElementRef } from '@angular/core';
+import { Component, Input, EventEmitter, Output, HostBinding, HostListener, forwardRef, ChangeDetectorRef, Renderer2, ElementRef, NgZone } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Keys, KendoInput, guid } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
+import { take } from 'rxjs/operators';
 import { ColorPaletteLocalizationService } from './localization/colorpalette-localization.service';
 import { packageMetadata } from '../package-metadata';
 import { PALETTEPRESETS } from './models';
@@ -24,13 +25,14 @@ var serial = 0;
  * The ColorPalette is independently used by `kendo-colorpicker` and can be directly added to the page.
  */
 var ColorPaletteComponent = /** @class */ (function () {
-    function ColorPaletteComponent(host, service, cdr, renderer, localizationService) {
+    function ColorPaletteComponent(host, service, cdr, renderer, localizationService, ngZone) {
         var _this = this;
         this.host = host;
         this.service = service;
         this.cdr = cdr;
         this.renderer = renderer;
         this.localizationService = localizationService;
+        this.ngZone = ngZone;
         /**
          * @hidden
          */
@@ -226,11 +228,16 @@ var ColorPaletteComponent = /** @class */ (function () {
             var defaultPreset = (this.format !== 'name') ? DEFAULT_PRESET : DEFAULT_ACCESSIBLE_PRESET;
             this.palette = this.palette || defaultPreset;
             this.setRows();
-            this.focusedCell = this.service.getCellCoordsFor(this.value);
         }
     };
     ColorPaletteComponent.prototype.ngAfterViewInit = function () {
+        var _this = this;
         this.setHostElementAriaLabel();
+        if (this.value) {
+            this.ngZone.onStable.pipe(take(1)).subscribe(function () {
+                _this.selectCell(_this.value);
+            });
+        }
     };
     ColorPaletteComponent.prototype.ngOnDestroy = function () {
         if (this.dynamicRTLSubscription) {
@@ -242,7 +249,7 @@ var ColorPaletteComponent = /** @class */ (function () {
             this.setRows();
         }
         if (changes.palette || changes.value || changes.columns) {
-            this.focusedCell = this.service.getCellCoordsFor(this.value);
+            this.selectCell(this.value);
             this.setHostElementAriaLabel();
         }
     };
@@ -304,7 +311,7 @@ var ColorPaletteComponent = /** @class */ (function () {
      */
     ColorPaletteComponent.prototype.writeValue = function (value) {
         this.value = value;
-        this.focusedCell = this.service.getCellCoordsFor(this.value);
+        this.selectCell(value);
     };
     /**
      * @hidden
@@ -355,6 +362,10 @@ var ColorPaletteComponent = /** @class */ (function () {
         this.focusInComponent = false;
         this.focusedCell = this.selectedCell;
     };
+    ColorPaletteComponent.prototype.selectCell = function (value) {
+        this.selectedCell = this.service.getCellCoordsFor(value);
+        this.focusedCell = this.selectedCell;
+    };
     ColorPaletteComponent.prototype.setRows = function () {
         if (!isPresent(this.palette)) {
             return;
@@ -504,7 +515,8 @@ var ColorPaletteComponent = /** @class */ (function () {
             ColorPaletteService,
             ChangeDetectorRef,
             Renderer2,
-            LocalizationService])
+            LocalizationService,
+            NgZone])
     ], ColorPaletteComponent);
     return ColorPaletteComponent;
 }());

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1644239979,
+    publishDate: 1645175564,
     version: '',
     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'
 };

package/dist/es/shared/textarea.directive.js

@@ -220,6 +220,9 @@ var TextAreaDirective = /** @class */ (function () {
     tslib_1.__decorate([
         HostBinding('class.k-textarea'),
         HostBinding('class.k-input'),
+        HostBinding('class.k-input-md'),
+        HostBinding('class.k-rounded-md'),
+        HostBinding('class.k-input-solid'),
         tslib_1.__metadata("design:type", Boolean)
     ], TextAreaDirective.prototype, "elementClasses", void 0);
     tslib_1.__decorate([

package/dist/es/textbox/textbox.directive.js

@@ -100,6 +100,9 @@ var TextBoxDirective = /** @class */ (function () {
     tslib_1.__decorate([
         HostBinding('class.k-textbox'),
         HostBinding('class.k-input'),
+        HostBinding('class.k-input-md'),
+        HostBinding('class.k-rounded-md'),
+        HostBinding('class.k-input-solid'),
         tslib_1.__metadata("design:type", Boolean)
     ], TextBoxDirective.prototype, "hostClasses", void 0);
     tslib_1.__decorate([

package/dist/es2015/colorpicker/color-palette.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnInit, EventEmitter, SimpleChanges, OnChanges, OnDestroy, ChangeDetectorRef, Renderer2, ElementRef, AfterViewInit } from '@angular/core';
+import { OnInit, EventEmitter, SimpleChanges, OnChanges, OnDestroy, ChangeDetectorRef, Renderer2, ElementRef, AfterViewInit, NgZone } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TileSize, OutputFormat, TableCell } from './models';
@@ -17,6 +17,7 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
     private cdr;
     private renderer;
     private localizationService;
+    private ngZone;
     /**
      * @hidden
      */
@@ -142,7 +143,7 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
     private _palette;
     private _tabindex;
     private dynamicRTLSubscription;
-    constructor(host: ElementRef, service: ColorPaletteService, cdr: ChangeDetectorRef, renderer: Renderer2, localizationService: LocalizationService);
+    constructor(host: ElementRef, service: ColorPaletteService, cdr: ChangeDetectorRef, renderer: Renderer2, localizationService: LocalizationService, ngZone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -186,6 +187,7 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
     reset(): void;
     private handleValueChange;
     private handleCellFocusOnBlur;
+    private selectCell;
     private setRows;
     private handleCellNavigation;
     private setHostElementAriaLabel;

package/dist/es2015/colorpicker/color-palette.component.js

@@ -4,11 +4,12 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 var ColorPaletteComponent_1;
-import { Component, Input, EventEmitter, Output, HostBinding, HostListener, forwardRef, ChangeDetectorRef, Renderer2, ElementRef } from '@angular/core';
+import { Component, Input, EventEmitter, Output, HostBinding, HostListener, forwardRef, ChangeDetectorRef, Renderer2, ElementRef, NgZone } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Keys, KendoInput, guid } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
+import { take } from 'rxjs/operators';
 import { ColorPaletteLocalizationService } from './localization/colorpalette-localization.service';
 import { packageMetadata } from '../package-metadata';
 import { PALETTEPRESETS } from './models';
@@ -25,12 +26,13 @@ let serial = 0;
  * The ColorPalette is independently used by `kendo-colorpicker` and can be directly added to the page.
  */
 let ColorPaletteComponent = ColorPaletteComponent_1 = class ColorPaletteComponent {
-    constructor(host, service, cdr, renderer, localizationService) {
+    constructor(host, service, cdr, renderer, localizationService, ngZone) {
         this.host = host;
         this.service = service;
         this.cdr = cdr;
         this.renderer = renderer;
         this.localizationService = localizationService;
+        this.ngZone = ngZone;
         /**
          * @hidden
          */
@@ -183,11 +185,15 @@ let ColorPaletteComponent = ColorPaletteComponent_1 = class ColorPaletteComponen
             const defaultPreset = (this.format !== 'name') ? DEFAULT_PRESET : DEFAULT_ACCESSIBLE_PRESET;
             this.palette = this.palette || defaultPreset;
             this.setRows();
-            this.focusedCell = this.service.getCellCoordsFor(this.value);
         }
     }
     ngAfterViewInit() {
         this.setHostElementAriaLabel();
+        if (this.value) {
+            this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+                this.selectCell(this.value);
+            });
+        }
     }
     ngOnDestroy() {
         if (this.dynamicRTLSubscription) {
@@ -199,7 +205,7 @@ let ColorPaletteComponent = ColorPaletteComponent_1 = class ColorPaletteComponen
             this.setRows();
         }
         if (changes.palette || changes.value || changes.columns) {
-            this.focusedCell = this.service.getCellCoordsFor(this.value);
+            this.selectCell(this.value);
             this.setHostElementAriaLabel();
         }
     }
@@ -261,7 +267,7 @@ let ColorPaletteComponent = ColorPaletteComponent_1 = class ColorPaletteComponen
      */
     writeValue(value) {
         this.value = value;
-        this.focusedCell = this.service.getCellCoordsFor(this.value);
+        this.selectCell(value);
     }
     /**
      * @hidden
@@ -312,6 +318,10 @@ let ColorPaletteComponent = ColorPaletteComponent_1 = class ColorPaletteComponen
         this.focusInComponent = false;
         this.focusedCell = this.selectedCell;
     }
+    selectCell(value) {
+        this.selectedCell = this.service.getCellCoordsFor(value);
+        this.focusedCell = this.selectedCell;
+    }
     setRows() {
         if (!isPresent(this.palette)) {
             return;
@@ -492,6 +502,7 @@ ColorPaletteComponent = ColorPaletteComponent_1 = tslib_1.__decorate([
         ColorPaletteService,
         ChangeDetectorRef,
         Renderer2,
-        LocalizationService])
+        LocalizationService,
+        NgZone])
 ], ColorPaletteComponent);
 export { ColorPaletteComponent };