style: reformat code with prettier 2.x

some of the default formatting rules have changed,
so I ran `prettier --write src` to update the existing
code accordingly.

Author: urish

src/7segment-element.stories.ts

@@ -8,21 +8,15 @@ storiesOf('7 Segment', module)
   .addDecorator(withKnobs)
   .add(
     'Red 4.',
-    () => html`
-      <wokwi-7segment color="red" values="[0,1,1,0,0,1,1,1]"></wokwi-7segment>
-    `
+    () => html`<wokwi-7segment color="red" values="[0,1,1,0,0,1,1,1]"></wokwi-7segment>`
   )
   .add(
     'Green 5',
-    () => html`
-      <wokwi-7segment color="green" values="[1,0,1,1,0,1,1,0]"></wokwi-7segment>
-    `
+    () => html`<wokwi-7segment color="green" values="[1,0,1,1,0,1,1,0]"></wokwi-7segment>`
   )
   .add(
-    'Blue spinner',
-    () => html`
-      <wokwi-blue-spinner></wokwi-blue-spinner>
-    `
+    'Blue spinner', //
+    () => html`<wokwi-blue-spinner></wokwi-blue-spinner>`
   );
 
 @customElement('wokwi-blue-spinner')
@@ -48,8 +42,6 @@ export class BlueSpinnerElement extends LitElement {
   }
 
   render() {
-    return html`
-      <wokwi-7segment color="blue" .values="${this.values}"></wokwi-7segment>
-    `;
+    return html` <wokwi-7segment color="blue" .values="${this.values}"></wokwi-7segment> `;
   }
 }

src/arduino-uno-element.ts

@@ -177,7 +177,7 @@ export class ArduinoUnoElement extends LitElement {
         <g transform="translate(57.3, 16.21)">
           <use xlink:href="#led-body" />
           ${ledPower &&
-            svg`<circle cx="1.3" cy="0.55" r="1.3" fill="#80ff80" filter="url(#ledFilter)" />`}
+          svg`<circle cx="1.3" cy="0.55" r="1.3" fill="#80ff80" filter="url(#ledFilter)" />`}
         </g>
 
         <text fill="#fff">
@@ -187,19 +187,19 @@ export class ArduinoUnoElement extends LitElement {
         <g transform="translate(26.87,11.69)">
           <use xlink:href="#led-body" />
           ${led13 &&
-            svg`<circle cx="1.3" cy="0.55" r="1.3" fill="#ff8080" filter="url(#ledFilter)" />`}
+          svg`<circle cx="1.3" cy="0.55" r="1.3" fill="#ff8080" filter="url(#ledFilter)" />`}
         </g>
 
         <g transform="translate(26.9, 16.2)">
           <use xlink:href="#led-body" />
           ${ledTX &&
-            svg`<circle cx="0.975" cy="0.55" r="1.3" fill="yellow" filter="url(#ledFilter)" />`}
+          svg`<circle cx="0.975" cy="0.55" r="1.3" fill="yellow" filter="url(#ledFilter)" />`}
         </g>
 
         <g transform="translate(26.9, 18.5)">
           <use xlink:href="#led-body" />
           ${ledRX &&
-            svg`<circle cx="0.975" cy="0.55" r="1.3" fill="yellow" filter="url(#ledFilter)" />`}
+          svg`<circle cx="0.975" cy="0.55" r="1.3" fill="yellow" filter="url(#ledFilter)" />`}
         </g>
 
         <text fill="#fff" style="text-anchor: end">

src/lcd1602-element.stories.ts

@@ -4,7 +4,7 @@ import { html } from 'lit-html';
 import { fontA02 } from './lcd1602-font-a02';
 import './lcd1602-element';
 
-const encode = (s: string) => new Uint8Array(s.split('').map(c => c.charCodeAt(0)));
+const encode = (s: string) => new Uint8Array(s.split('').map((c) => c.charCodeAt(0)));
 const helloWorld = 'Hello,           World!';
 const symbols = '\x10 I \x9d Symbols! \x11\xab \x14\x18\x17\x1e \x91\x98\x96 \x93\x97\xa9 \xbb';
 
@@ -57,10 +57,8 @@ storiesOf('LCD1602', module)
     `
   )
   .add(
-    'Display off (green)',
-    () => html`
-      <wokwi-lcd1602 .backlight=${false}></wokwi-lcd1602>
-    `
+    'Display off (green)', //
+    () => html`<wokwi-lcd1602 .backlight=${false}></wokwi-lcd1602>`
   )
   .add(
     'Display off (blue)',

src/lcd1602-element.ts

@@ -9,7 +9,7 @@ const charYSpacing = 5.95;
 
 const backgroundColors: { [key: string]: string } = {
   green: '#6cb201',
-  blue: '#000eff'
+  blue: '#000eff',
 };
 
 @customElement('wokwi-lcd1602')

src/led-element.stories.ts

@@ -7,7 +7,7 @@ const brightnessOptions = {
   range: true,
   min: 0,
   max: 1.0,
-  step: 0.05
+  step: 0.05,
 };
 
 storiesOf('LED', module)

src/led-element.ts

@@ -6,7 +6,7 @@ const lightColors: { [key: string]: string } = {
   blue: '#8080ff',
   yellow: '#ffff80',
   orange: '#ffcf80',
-  white: '#ffffff'
+  white: '#ffffff',
 };
 
 @customElement('wokwi-led')

src/membrane-keypad-element.ts

@@ -107,7 +107,7 @@ export class MembraneKeypadElement extends LitElement {
           <g>${this.renderKey('*', 7, 53.6)}</g>
           <g>${this.renderKey('#', 37, 53.6)}</g>
           ${fourColumns &&
-            svg`
+          svg`
               <g>${this.renderKey('A', 52, 10.7)}</g>
               <g>${this.renderKey('B', 52, 25)}</g>
               <g>${this.renderKey('C', 52, 39.3)}</g>
@@ -123,7 +123,7 @@ export class MembraneKeypadElement extends LitElement {
       this.pressedKeys.add(key);
       this.dispatchEvent(
         new CustomEvent('button-press', {
-          detail: { key }
+          detail: { key },
         })
       );
     }
@@ -134,7 +134,7 @@ export class MembraneKeypadElement extends LitElement {
       this.pressedKeys.delete(key);
       this.dispatchEvent(
         new CustomEvent('button-release', {
-          detail: { key }
+          detail: { key },
         })
       );
     }

src/potentiometer-element.ts

@@ -131,7 +131,7 @@ export class PotentiometerElement extends LitElement {
 
     this.center = {
       x: window.scrollX + potentiometerRect.left + potentiometerRect.width / 2,
-      y: window.scrollY + potentiometerRect.top + potentiometerRect.height / 2
+      y: window.scrollY + potentiometerRect.top + potentiometerRect.height / 2,
     };
   }
 

src/resistor-element.stories.ts

@@ -6,17 +6,5 @@ import './resistor-element';
 
 storiesOf('resistor', module)
   .addDecorator(withKnobs())
-  .add(
-    '1Ω',
-    () =>
-      html`
-        <wokwi-resistor value="${number('R', 1)}"></wokwi-resistor>
-      `
-  )
-  .add(
-    '470Ω',
-    () =>
-      html`
-        <wokwi-resistor value="${number('R', 470)}"></wokwi-resistor>
-      `
-  );
+  .add('1Ω', () => html`<wokwi-resistor value="${number('R', 1)}"></wokwi-resistor>`)
+  .add('470Ω', () => html`<wokwi-resistor value="${number('R', 470)}"></wokwi-resistor>`);

src/resistor-element.ts

@@ -12,7 +12,7 @@ const bandColors: { [key: number]: string } = {
   6: 'blue',
   7: 'violet',
   8: 'gray',
-  9: 'white'
+  9: 'white',
 };
 
 @customElement('wokwi-resistor')