refactor(checkbox, switch): Migrated to new validation behavior

Author: rkaraivanov

src/components/checkbox/checkbox-base.ts

@@ -119,13 +119,10 @@ export class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixi
   protected _handleClick(event: PointerEvent): void {
     event.stopPropagation();
 
+    this._setTouchedState();
     this.checked = !this.checked;
     this.emitEvent('igcChange', {
       detail: { checked: this.checked, value: this.value },
     });
   }
-
-  protected _handleFocus(): void {
-    this._dirty = true;
-  }
 }

src/components/checkbox/checkbox.ts

@@ -108,7 +108,7 @@ export default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {
           aria-labelledby=${labelledBy ? labelledBy : this._labelId}
           aria-describedby=${describedBy}
           @click=${this._handleClick}
-          @focus=${this._handleFocus}
+          @blur=${this._handleBlur}
         />
         <span part=${partMap({ control: true, checked })}>
           <span part=${partMap({ indicator: true, checked })}>

src/components/checkbox/switch.ts

@@ -58,7 +58,7 @@ export default class IgcSwitchComponent extends IgcCheckboxBaseComponent {
           .checked=${live(checked)}
           aria-labelledby=${labelledBy ? labelledBy : this._labelId}
           @click=${this._handleClick}
-          @focus=${this._handleFocus}
+          @blur=${this._handleBlur}
         />
         <span
           part=${partMap({