fix(radio.tsx, checkbox.tsx): fixes checked value change to reflect i…

…n UI when disabled

This fixes the UI to show the correct value of checked when the property changes.

fix #154

src/components/checkbox/checkbox.tsx

@@ -56,12 +56,12 @@ export class Checkbox {
   @Watch('checked')
   checkChanged(isChecked: boolean) {
     if (!this.disabled) {
-      this.checkbox.checked = isChecked;
       this.fwChange.emit({
         value: this.value,
         checked: isChecked,
       });
     }
+    this.checkbox.checked = isChecked;
   }
 
   @Watch('disabled')

src/components/radio-group/radio-group.stories.mdx

@@ -14,7 +14,7 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
 ### Default
 <Preview>
 <Story name='Default'>{() => `
-  <fw-radio-group>
+  <fw-radio-group value="no">
     <fw-radio value="yes">Yes</fw-radio>
     <fw-radio value="no">No</fw-radio>
     <fw-radio value="maybe">Maybe</fw-radio>

src/components/radio/radio.tsx

@@ -56,7 +56,6 @@ export class Radio {
   @Watch('checked')
   checkChanged(isChecked: boolean) {
     if (!this.disabled) {
-      this.radio.checked = isChecked;
       if (isChecked) {
         this.fwSelect.emit({
           value: this.value,
@@ -66,6 +65,7 @@ export class Radio {
         this.fwDeselect.emit();
       }
     }
+    this.radio.checked = isChecked;
   }
 
   @Watch('disabled')