From 05603fbc4341a0e9ff5f44292743c75e2efadd14 Mon Sep 17 00:00:00 2001
From: Patricio Albizu <patricioalbizu@Patricios-MacBook-Pro.local>
Date: Fri, 25 Mar 2022 14:05:20 -0300
Subject: [PATCH] feat: Adding option disabled

---
 projects/components/src/radio/radio-group.component.scss | 2 ++
 projects/components/src/radio/radio-group.component.ts   | 3 ++-
 projects/components/src/radio/radio-option.ts            | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/projects/components/src/radio/radio-group.component.scss b/projects/components/src/radio/radio-group.component.scss
index 6b8ae62f7..3dd27b8b6 100644
--- a/projects/components/src/radio/radio-group.component.scss
+++ b/projects/components/src/radio/radio-group.component.scss
@@ -80,10 +80,12 @@
       }
 
       .mat-radio-container .mat-radio-outer-circle {
+        cursor: not-allowed;
         background: $gray-1;
       }
 
       .radio-button-label {
+        cursor: not-allowed;
         color: $gray-5;
       }
     }
diff --git a/projects/components/src/radio/radio-group.component.ts b/projects/components/src/radio/radio-group.component.ts
index 634955278..fea3f0db3 100644
--- a/projects/components/src/radio/radio-group.component.ts
+++ b/projects/components/src/radio/radio-group.component.ts
@@ -27,8 +27,9 @@ import { RadioOption } from './radio-option';
       <mat-radio-button
         class="radio-button"
         *ngFor="let option of options"
-        [ngClass]="[this.optionsDirection, this.disabled ? 'disabled' : '']"
+        [ngClass]="[this.optionsDirection, this.disabled || option.disabled ? 'disabled' : '']"
         [value]="option.value"
+        [disabled]="option.disabled"
       >
         <ng-container
           *ngTemplateOutlet="
diff --git a/projects/components/src/radio/radio-option.ts b/projects/components/src/radio/radio-option.ts
index e38c28f03..6ceba8802 100644
--- a/projects/components/src/radio/radio-option.ts
+++ b/projects/components/src/radio/radio-option.ts
@@ -4,4 +4,5 @@ export interface RadioOption {
   value: string;
   label: string | TemplateRef<unknown>;
   description?: string;
+  disabled?: boolean;
 }