feat: Adding option disabled (#1504)

Co-authored-by: Patricio Albizu <[email protected]>

Author: palbizu

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;
       }
     }

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="

projects/components/src/radio/radio-option.ts

@@ -4,4 +4,5 @@ export interface RadioOption {
   value: string;
   label: string | TemplateRef<unknown>;
   description?: string;
+  disabled?: boolean;
 }