@gerandon/ngx-widgets 18.0.0 → 18.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gerandon/ngx-widgets",
-  "version": "18.0.0",
+  "version": "18.0.1",
   "description": "Angular widget (components) collection using CVA (ControlValueAccessor)",
   "keywords": [
     "CVA",

package/src/lib/basic-chips/basic-chips.component.html

@@ -31,9 +31,12 @@
   @if (control.errors?.['server']) {
     <mat-error>{{ control.errors?.['server'] }}</mat-error>
   } @else if (control.errors?.['required']) {
-    <mat-error>{{ validationTranslations.required }}</mat-error>
-    @for (error of validatorMessagesArray; track error) {
-      <mat-error>{{ error.value }}</mat-error>
+    @if (validationTranslations.required) {
+      <mat-error>{{ validationTranslations.required }}</mat-error>
+    } @else {
+      @for (error of validatorMessagesArray; track error) {
+        <mat-error>{{ error.value }}</mat-error>
+      }
     }
   }
 </mat-form-field>

package/src/lib/basic-input/basic-input.component.html

@@ -33,10 +33,13 @@
     @if (control.errors?.['server']) {
       <mat-error>{{ control.errors?.['server'] }}</mat-error>
     } @else if (control.errors?.['required']) {
-      <mat-error>{{ validationTranslations.required }}</mat-error>
-      @for (error of validatorMessagesArray; track error) {
-        @if (control.errors?.[error.key]) {
-          <mat-error>{{ error.value }}</mat-error>
+      @if (validationTranslations.required) {
+        <mat-error>{{ validationTranslations.required }}</mat-error>
+      } @else {
+        @for (error of validatorMessagesArray; track error) {
+          @if (control.errors?.[error.key]) {
+            <mat-error>{{ error.value }}</mat-error>
+          }
         }
       }
     }

package/src/lib/select/select.component.html

@@ -28,9 +28,12 @@
   @if (control.errors?.['server']) {
     <mat-error>{{ control.errors?.['server'] }}</mat-error>
   } @else if (control.errors?.['required']) {
-    <mat-error>{{ validationTranslations.required }}</mat-error>
-    @for (error of validatorMessagesArray; track error) {
-      <mat-error>{{ error.value }}</mat-error>
+    @if (validationTranslations.required) {
+      <mat-error>{{ validationTranslations.required }}</mat-error>
+    } @else {
+      @for (error of validatorMessagesArray; track error) {
+        <mat-error>{{ error.value }}</mat-error>
+      }
     }
   }
 </mat-form-field>

package/src/lib/textarea-input/textarea-input.component.html

@@ -19,7 +19,7 @@
       [maxLength]="maxLength"
       [name]="name">
     </textarea>
-    <span class="counter">{{control?.value?.length || 0}} / {{ maxLength }}</span>
+    <span class="counter">{{control.value?.length || 0}} / {{ maxLength }}</span>
     @if (prefixIcon) {
       <mat-icon matPrefix color="accent">
         {{prefixIcon}}
@@ -36,9 +36,12 @@
     @if (control.errors?.['server']) {
       <mat-error>{{ control.errors?.['server'] }}</mat-error>
     } @else if (control.errors?.['required']) {
-      <mat-error>{{ validationTranslations.required }}</mat-error>
-      @for (error of validatorMessagesArray; track error) {
-        <mat-error>{{ error.value }}</mat-error>
+      @if (validationTranslations.required) {
+        <mat-error>{{ validationTranslations.required }}</mat-error>
+      } @else {
+        @for (error of validatorMessagesArray; track error) {
+          <mat-error>{{ error.value }}</mat-error>
+        }
       }
     }
   </mat-form-field>