fix(slide-toggle): no focus indication in high-contrast mode

* Fixes that the slide-toggle does not have any visible focus indication in high contrast mode.

Author: devversion

src/lib/slide-toggle/slide-toggle.scss

@@ -204,7 +204,7 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
     opacity: 0.04;
   }
 
-  .mat-slide-toggle.cdk-focused & {
+  .mat-slide-toggle.cdk-keyboard-focused & {
     opacity: 0.12;
   }
 
@@ -240,6 +240,14 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
 
   .mat-slide-toggle-bar {
     background: #fff;
+
+    // As a focus indication in high contrast mode, we add a dotted outline to the slide-toggle
+    // bar. Since the bar element does not have any padding, we need to specify an outline offset
+    // because otherwise the opaque thumb element will hide the outline.
+    .mat-slide-toggle.cdk-keyboard-focused & {
+      outline: 1px dotted;
+      outline-offset: ($mat-slide-toggle-height - $mat-slide-toggle-bar-height) / 2;
+    }
   }
 }