From 78083e18a79f87a9c2b94268cd36fed3d2fceb23 Mon Sep 17 00:00:00 2001
From: Peli de Halleux <jhalleux@microsoft.com>
Date: Thu, 7 Apr 2016 14:18:12 -0700
Subject: [PATCH] using classlist polyfill

---
 sim/simsvg.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/sim/simsvg.ts b/sim/simsvg.ts
index ab97067c..f9eec2b9 100644
--- a/sim/simsvg.ts
+++ b/sim/simsvg.ts
@@ -129,8 +129,8 @@ namespace pxsim.micro_bit {
             this.updateButtonAB();       
             this.updateGestures(); 
             
-            if (!runtime || runtime.dead) this.element.classList.add("grayscale");
-            else this.element.classList.remove("grayscale");
+            if (!runtime || runtime.dead) Svg.addClass(this.element, "grayscale");
+            else Svg.removeClass(this.element, "grayscale");
         }
         
         private updateGestures() {
@@ -636,7 +636,7 @@ svg.sim.grayscale {
                         let state = this.board;
                         let pin = state.pins[index];
                         let svgpin = this.pins[index];
-                        svgpin.classList.add('touched');                            
+                        Svg.addClass(svgpin, 'touched');                            
                         if (pin.mode & PinMode.Input) {
                             let cursor = Svg.cursorPoint(pt, this.element, ev);
                             let v = (400 - cursor.y) / 40 * 1023
@@ -649,7 +649,7 @@ svg.sim.grayscale {
                         let state = this.board;
                         let pin = state.pins[index];
                         let svgpin = this.pins[index];
-                        svgpin.classList.remove('touched');
+                        Svg.removeClass(svgpin, 'touched');
                         this.updatePin(pin, index);
                         return false;
                 });