@progress/kendo-angular-inputs 9.0.0-next.202204130851 → 9.0.1

package/esm2015/formfield/formfield.component.js

@@ -107,6 +107,9 @@ export class FormFieldComponent {
     ngAfterViewInit() {
         this.setDescription();
     }
+    ngAfterViewChecked() {
+        this.updateDescription();
+    }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
@@ -145,7 +148,12 @@ export class FormFieldComponent {
         controls.forEach((control) => {
             if (this.errorChildren.length > 0 || this.hintChildren.length > 0) {
                 const ariaIds = this.generateDescriptionIds(control);
-                this.renderer.setAttribute(control, 'aria-describedby', ariaIds);
+                if (ariaIds !== '') {
+                    this.renderer.setAttribute(control, 'aria-describedby', ariaIds);
+                }
+                else {
+                    this.renderer.removeAttribute(control, 'aria-describedby');
+                }
             }
         });
     }
@@ -161,8 +169,10 @@ export class FormFieldComponent {
     }
     generateDescriptionIds(control) {
         const ids = new Set();
+        let errorAttribute = '';
         if (control.hasAttribute('aria-describedby')) {
             const attributes = control.getAttribute('aria-describedby').split(' ');
+            errorAttribute = attributes.filter(attr => attr.includes('kendo-error-'))[0];
             attributes.forEach((attr) => {
                 if (attr.includes('kendo-hint-') || attr.includes('kendo-error-')) {
                     return;
@@ -173,9 +183,14 @@ export class FormFieldComponent {
         this.hintChildren.forEach((hint) => {
             ids.add(hint.id);
         });
-        this.errorChildren.forEach((error) => {
-            ids.add(error.id);
-        });
+        if (this.hasErrors) {
+            this.errorChildren.forEach((error) => {
+                ids.add(error.id);
+            });
+        }
+        else {
+            ids.delete(errorAttribute);
+        }
         return Array.from(ids).join(' ');
     }
     showHintsInitial() {

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649839752,
+    publishDate: 1652107572,
     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/fesm2015/kendo-angular-inputs.js

@@ -519,7 +519,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649839752,
+    publishDate: 1652107572,
     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'
 };
@@ -12746,6 +12746,9 @@ class FormFieldComponent {
     ngAfterViewInit() {
         this.setDescription();
     }
+    ngAfterViewChecked() {
+        this.updateDescription();
+    }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
@@ -12784,7 +12787,12 @@ class FormFieldComponent {
         controls.forEach((control) => {
             if (this.errorChildren.length > 0 || this.hintChildren.length > 0) {
                 const ariaIds = this.generateDescriptionIds(control);
-                this.renderer.setAttribute(control, 'aria-describedby', ariaIds);
+                if (ariaIds !== '') {
+                    this.renderer.setAttribute(control, 'aria-describedby', ariaIds);
+                }
+                else {
+                    this.renderer.removeAttribute(control, 'aria-describedby');
+                }
             }
         });
     }
@@ -12800,8 +12808,10 @@ class FormFieldComponent {
     }
     generateDescriptionIds(control) {
         const ids = new Set();
+        let errorAttribute = '';
         if (control.hasAttribute('aria-describedby')) {
             const attributes = control.getAttribute('aria-describedby').split(' ');
+            errorAttribute = attributes.filter(attr => attr.includes('kendo-error-'))[0];
             attributes.forEach((attr) => {
                 if (attr.includes('kendo-hint-') || attr.includes('kendo-error-')) {
                     return;
@@ -12812,9 +12822,14 @@ class FormFieldComponent {
         this.hintChildren.forEach((hint) => {
             ids.add(hint.id);
         });
-        this.errorChildren.forEach((error) => {
-            ids.add(error.id);
-        });
+        if (this.hasErrors) {
+            this.errorChildren.forEach((error) => {
+                ids.add(error.id);
+            });
+        }
+        else {
+            ids.delete(errorAttribute);
+        }
         return Array.from(ids).join(' ');
     }
     showHintsInitial() {

package/formfield/formfield.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 { AfterViewInit, ElementRef, Renderer2, QueryList } from '@angular/core';
+import { AfterViewInit, ElementRef, Renderer2, QueryList, AfterViewChecked } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ShowOptions } from './models/show-options';
@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
  * Specifies a container for form-bound controls (Kendo controls or native HTML controls).
  * Applies styling and behavior rules.
  */
-export declare class FormFieldComponent implements AfterViewInit {
+export declare class FormFieldComponent implements AfterViewInit, AfterViewChecked {
     private renderer;
     private localizationService;
     private hostElement;
@@ -79,6 +79,7 @@ export declare class FormFieldComponent implements AfterViewInit {
     private rtl;
     constructor(renderer: Renderer2, localizationService: LocalizationService, hostElement: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     private disabledKendoInput;
     private disabledControl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "9.0.0-next.202204130851",
+  "version": "9.0.1",
   "description": "Inputs Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -37,14 +37,14 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "@angular/animations": "^12.0.0 || ^13.0.0",
-    "@angular/common": "^12.0.0 || ^13.0.0",
-    "@angular/core": "^12.0.0 || ^13.0.0",
-    "@angular/forms": "^12.0.0 || ^13.0.0",
-    "@progress/kendo-angular-common": ">3.0.0-next",
-    "@progress/kendo-angular-intl": ">4.0.0-next",
-    "@progress/kendo-angular-l10n": ">4.0.0-next",
-    "@progress/kendo-angular-popup": ">5.0.0-next",
+    "@angular/animations": "12 - 14",
+    "@angular/common": "12 - 14",
+    "@angular/core": "12 - 14",
+    "@angular/forms": "12 - 14",
+    "@progress/kendo-angular-common": "^3.0.0",
+    "@progress/kendo-angular-intl": "^4.0.0",
+    "@progress/kendo-angular-l10n": "^4.0.0",
+    "@progress/kendo-angular-popup": "^5.0.0",
     "@progress/kendo-drawing": "^1.5.12",
     "@progress/kendo-licensing": "^1.0.2",
     "rxjs": "^6.5.3 || ^7.0.0"
@@ -76,12 +76,10 @@
   "release": {
     "debug": false,
     "branchTags": {
-      "develop": "dev",
-      "ng12-update": "next"
+      "develop": "dev"
     },
     "fallbackTags": {
-      "dev": "latest",
-      "next": "latest"
+      "dev": "latest"
     },
     "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
     "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",