From e7aa25dc9564e31e239364eeb4916d3914c05cc9 Mon Sep 17 00:00:00 2001
From: "IFMD\\carusod" <danilo.caruso@ifm.it>
Date: Fri, 9 Feb 2024 17:17:48 +0100
Subject: [PATCH 1/3] fix: a11y callout component inserito come @input
 l'attributo labelWaria della icon

---
 .../lib/components/core/callout/callout.component.html |  2 +-
 .../lib/components/core/callout/callout.component.ts   | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html
index c9626bf0..2a110757 100644
--- a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html
+++ b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.html
@@ -11,7 +11,7 @@
 <ng-template #inner>
   @if (label) {
     <div class="callout-title">
-      <it-icon [name]="iconName"></it-icon>
+      <it-icon [labelWaria]="labelWaria" [name]="iconName"></it-icon>
       @if (hiddenLabel) {
         <span class="visually-hidden">{{ hiddenLabel }}</span>
       }
diff --git a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts
index ee99879c..67d1d114 100644
--- a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts
+++ b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.ts
@@ -61,6 +61,16 @@ export class ItCalloutComponent {
    */
   @Input() icon: IconName | undefined;
 
+  /**
+   *  The input label even get labelWaria icon
+   * @default undefined
+   */
+  @Input() labelWaria: string | undefined = undefined;
+
+  getlabel() {
+    return this.labelWaria;
+  }
+
   protected get iconName(): IconName {
     if (this.icon) {
       return this.icon;

From 6318406fb87d1aa694d3fadfe52d4674ba64b5fa Mon Sep 17 00:00:00 2001
From: "IFMD\\carusod" <danilo.caruso@ifm.it>
Date: Fri, 9 Feb 2024 17:18:39 +0100
Subject: [PATCH 2/3] fix: a11y autocomplete component inserito come @input
 l'attributo labelWaria della icon

---
 .../components/form/autocomplete/autocomplete.component.html | 2 +-
 .../components/form/autocomplete/autocomplete.component.ts   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html
index 76adc4b3..33ae46e7 100644
--- a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html
+++ b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.html
@@ -17,7 +17,7 @@
     (keydown)="onKeyDown()" />
 
   <span class="autocomplete-icon" aria-hidden="true">
-    <it-icon name="search" size="sm"></it-icon>
+    <it-icon [labelWaria]="labelWaria" name="search" size="sm"></it-icon>
   </span>
 
   @if (autocompleteResults$ | async; as autocomplete) {
diff --git a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts
index 893e45a6..bcb57671 100644
--- a/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts
+++ b/projects/design-angular-kit/src/lib/components/form/autocomplete/autocomplete.component.ts
@@ -40,6 +40,11 @@ export class ItAutocompleteComponent extends ItAbstractFormComponent<string | nu
    */
   @Input() placeholder = '';
 
+  /**
+   * The input label even get labelWaria icon
+   */
+  @Input() labelWaria: string | undefined = undefined;
+
   /**
    * Show the label
    */

From 3ec8a2dabed46793a712a558605434d627457259 Mon Sep 17 00:00:00 2001
From: "IFMD\\carusod" <danilo.caruso@ifm.it>
Date: Fri, 9 Feb 2024 17:23:26 +0100
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20a11y=20stepper=20component=20valoriz?=
 =?UTF-8?q?zato=20l'attributo=20labelWaria=C2=A0delle=C2=A0icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../steppers-container/steppers-container.component.html  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html b/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html
index e8c5c209..f59c0e48 100644
--- a/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html
+++ b/projects/design-angular-kit/src/lib/components/core/steppers/steppers-container/steppers-container.component.html
@@ -6,7 +6,7 @@
           @for (step of steps; track step.id; let i = $index) {
             <li [class.confirmed]="i < activeStep" [class.active]="i === activeStep" [class.no-line]="i === activeStep && steppersNumber">
               @if (step.icon && !steppersNumber) {
-                <it-icon [name]="step.icon"></it-icon>
+                <it-icon [labelWaria]="'check'" [name]="step.icon"></it-icon>
               }
               @if (steppersNumber) {
                 <span class="steppers-number">
@@ -58,7 +58,7 @@
           class="steppers-btn-prev"
           [disabled]="disableBackButton"
           (click)="backClick.emit(activeStep)">
-          <it-icon name="chevron-left" color="primary"></it-icon>
+          <it-icon [labelWaria]="'left'" name="chevron-left" color="primary"></it-icon>
           {{ 'it.core.back' | translate }}
         </button>
       }
@@ -101,7 +101,7 @@
           [disabled]="disableForwardButton"
           (click)="forwardClick.emit(activeStep)">
           {{ 'it.core.forward' | translate }}
-          <it-icon name="chevron-right" color="primary"></it-icon>
+          <it-icon [labelWaria]="'right'" name="chevron-right" color="primary"></it-icon>
         </button>
       }
       @if (showConfirmButton) {
@@ -121,6 +121,6 @@
 </div>
 
 <ng-template #checkIcon>
-  <it-icon name="check" class="steppers-success"></it-icon>
+  <it-icon [labelWaria]="'check'" name="check" class="steppers-success"></it-icon>
   <span class="visually-hidden">{{ 'it.core.confirmed' | translate }}</span>
 </ng-template>