diff --git a/static/images/StatePattern.svg b/static/images/StatePattern.svg
index 69d9364..68ecfe2 100644
--- a/static/images/StatePattern.svg
+++ b/static/images/StatePattern.svg
@@ -54,13 +54,13 @@
     ><g transform="translate(250,90)"
     ><path fill="none" d="M0.5 0.5 L178.5 0.5 L189 12.5 L189 69 L0.5 69 Z" clip-path="url(#clipPath2)"
       /><path fill="none" d="M178.5 0.5 L178.5 12.5 L189 12.5" clip-path="url(#clipPath2)"
-      /><text x="5" font-size="14px" y="18.1094" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      /><text x="5" font-size="14px" y="17.9688" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >this variant of the</text
-      ><text x="5" font-size="14px" y="34.2188" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      ><text x="5" font-size="14px" y="33.9375" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >State Pattern</text
-      ><text x="5" font-size="14px" y="50.3281" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      ><text x="5" font-size="14px" y="49.9062" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >has the Context</text
-      ><text x="5" font-size="14px" y="66.4375" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      ><text x="5" font-size="14px" y="65.875" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >pass itself to the states.</text
     ></g
     ><g fill="rgb(255,255,170)" fill-opacity="0.4902" transform="translate(700,50)" stroke-opacity="0.4902" stroke="rgb(255,255,170)"
@@ -69,9 +69,9 @@
     ><g transform="translate(700,50)"
     ><path fill="none" d="M0.5 0.5 L128.5 0.5 L139 12.5 L139 49 L0.5 49 Z" clip-path="url(#clipPath3)"
       /><path fill="none" d="M128.5 0.5 L128.5 12.5 L139 12.5" clip-path="url(#clipPath3)"
-      /><text x="5" font-size="14px" y="18.1094" clip-path="url(#clipPath3)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      /><text x="5" font-size="14px" y="17.9688" clip-path="url(#clipPath3)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >abstract classes</text
-      ><text x="5" font-size="14px" y="34.2188" clip-path="url(#clipPath3)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      ><text x="5" font-size="14px" y="33.9375" clip-path="url(#clipPath3)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >or interfaces</text
     ></g
     ><g fill="rgb(204,255,204)" fill-opacity="0.4902" transform="translate(30,250)" stroke-opacity="0.4902" stroke="rgb(204,255,204)"
@@ -80,7 +80,7 @@
     ><g transform="translate(30,250)"
     ><path fill="none" d="M0.5 0.5 L128.5 0.5 L139 12.5 L139 29 L0.5 29 Z" clip-path="url(#clipPath4)"
       /><path fill="none" d="M128.5 0.5 L128.5 12.5 L139 12.5" clip-path="url(#clipPath4)"
-      /><text x="5" font-size="14px" y="18.1094" clip-path="url(#clipPath4)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      /><text x="5" font-size="14px" y="17.9688" clip-path="url(#clipPath4)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >concrete classes</text
     ></g
     ><g fill="rgb(204,255,204)" fill-opacity="0.4902" transform="translate(30,160)" stroke-opacity="0.4902" stroke="rgb(204,255,204)"
@@ -89,7 +89,7 @@
     ><g transform="translate(30,160)"
     ><path fill="none" d="M0.5 0.5 L158.5 0.5 L169 12.5 L169 69 L0.5 69 Z" clip-path="url(#clipPath5)"
       /><path fill="none" d="M158.5 0.5 L158.5 12.5 L169 12.5" clip-path="url(#clipPath5)"
-      /><text x="5" font-size="14px" y="34.2188" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      /><text x="5" font-size="14px" y="33.9375" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >state.handle(this, ...)</text
     ></g
     ><g fill="rgb(204,255,204)" fill-opacity="0.4902" transform="translate(700,220)" stroke-opacity="0.4902" stroke="rgb(204,255,204)"
@@ -97,11 +97,11 @@
     /></g
     ><g transform="translate(700,220)"
     ><rect fill="none" x="0.5" width="208.5" height="58.5" y="0.5" clip-path="url(#clipPath6)"
-      /><text x="40" font-size="14px" y="18.1094" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
+      /><text x="51" font-size="14px" y="17.9688" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
       >ConcreteState...</text
-      ><path fill="none" d="M1 24.1094 L209 24.1094" clip-path="url(#clipPath6)"
-      /><path fill="none" d="M1 29.1094 L209 29.1094" clip-path="url(#clipPath6)"
-      /><text x="5" font-size="14px" y="44.2188" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
+      ><path fill="none" d="M1 23.9688 L209 23.9688" clip-path="url(#clipPath6)"
+      /><path fill="none" d="M1 28.9688 L209 28.9688" clip-path="url(#clipPath6)"
+      /><text x="5" font-size="14px" y="43.9375" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
       >+ handle(ctx: Context,...)</text
     ></g
     ><g fill="rgb(204,255,204)" fill-opacity="0.4902" transform="translate(210,220)" stroke-opacity="0.4902" stroke="rgb(204,255,204)"
@@ -109,11 +109,11 @@
     /></g
     ><g transform="translate(210,220)"
     ><rect fill="none" x="0.5" width="218.5" height="58.5" y="0.5" clip-path="url(#clipPath7)"
-      /><text x="48" font-size="14px" y="18.1094" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
+      /><text x="57" font-size="14px" y="17.9688" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
       >ConcreteStateA</text
-      ><path fill="none" d="M1 24.1094 L219 24.1094" clip-path="url(#clipPath7)"
-      /><path fill="none" d="M1 29.1094 L219 29.1094" clip-path="url(#clipPath7)"
-      /><text x="5" font-size="14px" y="44.2188" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
+      ><path fill="none" d="M1 23.9688 L219 23.9688" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M1 28.9688 L219 28.9688" clip-path="url(#clipPath7)"
+      /><text x="5" font-size="14px" y="43.9375" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
       >+ handle(ctx: Context,...)</text
     ></g
     ><g fill="rgb(204,255,204)" fill-opacity="0.4902" transform="translate(450,220)" stroke-opacity="0.4902" stroke="rgb(204,255,204)"
@@ -121,11 +121,11 @@
     /></g
     ><g transform="translate(450,220)"
     ><rect fill="none" x="0.5" width="218.5" height="58.5" y="0.5" clip-path="url(#clipPath7)"
-      /><text x="48" font-size="14px" y="18.1094" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
+      /><text x="57" font-size="14px" y="17.9688" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
       >ConcreteStateB</text
-      ><path fill="none" d="M1 24.1094 L219 24.1094" clip-path="url(#clipPath7)"
-      /><path fill="none" d="M1 29.1094 L219 29.1094" clip-path="url(#clipPath7)"
-      /><text x="5" font-size="14px" y="44.2188" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
+      ><path fill="none" d="M1 23.9688 L219 23.9688" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M1 28.9688 L219 28.9688" clip-path="url(#clipPath7)"
+      /><text x="5" font-size="14px" y="43.9375" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
       >+ handle(ctx: Context,...)</text
     ></g
     ><g fill="rgb(255,255,170)" fill-opacity="0.4902" transform="translate(460,50)" stroke-opacity="0.4902" stroke="rgb(255,255,170)"
@@ -133,12 +133,12 @@
     /></g
     ><g transform="translate(460,50)"
     ><rect fill="none" x="0.5" width="208.5" height="68.5" y="0.5" clip-path="url(#clipPath8)"
-      /><text x="67" font-size="14px" y="18.1094" clip-path="url(#clipPath8)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      /><text x="75" font-size="14px" y="17.9688" clip-path="url(#clipPath8)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >{abstract}</text
-      ><text x="86" font-size="14px" y="34.2188" clip-path="url(#clipPath8)" font-family="sans-serif" font-style="italic" stroke="none" xml:space="preserve"
+      ><text x="88" font-size="14px" y="33.9375" clip-path="url(#clipPath8)" font-family="sans-serif" font-style="italic" stroke="none" xml:space="preserve"
       >State</text
-      ><path fill="none" d="M1 40.2188 L209 40.2188" clip-path="url(#clipPath8)"
-      /><text x="5" font-size="14px" y="55.3281" clip-path="url(#clipPath8)" font-family="sans-serif" font-style="italic" stroke="none" xml:space="preserve"
+      ><path fill="none" d="M1 39.9375 L209 39.9375" clip-path="url(#clipPath8)"
+      /><text x="5" font-size="14px" y="54.9062" clip-path="url(#clipPath8)" font-family="sans-serif" font-style="italic" stroke="none" xml:space="preserve"
       >+ handle(ctx: Context,...)</text
     ></g
     ><g fill="rgb(204,255,204)" fill-opacity="0.4902" transform="translate(70,30)" stroke-opacity="0.4902" stroke="rgb(204,255,204)"
@@ -146,13 +146,13 @@
     /></g
     ><g transform="translate(70,30)"
     ><rect fill="none" x="0.5" width="148.5" height="78.5" y="0.5" clip-path="url(#clipPath9)"
-      /><text x="47" font-size="14px" y="18.1094" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      /><text x="50" font-size="14px" y="17.9688" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >Context</text
-      ><path fill="none" d="M1 24.1094 L149 24.1094" clip-path="url(#clipPath9)"
-      /><text x="5" font-size="14px" y="39.2188" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      ><path fill="none" d="M1 23.9688 L149 23.9688" clip-path="url(#clipPath9)"
+      /><text x="5" font-size="14px" y="38.9375" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >- state: State</text
-      ><path fill="none" d="M1 45.2188 L149 45.2188" clip-path="url(#clipPath9)"
-      /><text x="5" font-size="14px" y="60.3281" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      ><path fill="none" d="M1 44.9375 L149 44.9375" clip-path="url(#clipPath9)"
+      /><text x="5" font-size="14px" y="59.9062" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
       >+ request()...</text
     ></g
     ><g stroke-dasharray="8,5" stroke-miterlimit="5" transform="translate(110,100)" stroke-linecap="butt"
@@ -183,6 +183,7 @@
     ><path fill="none" d="M11.5 10.5 L250.5 10.5" clip-path="url(#clipPath14)"
       /><path fill="white" d="M22.2583 17 L11 10.5 L22.2583 4 L33.0167 10.5 Z" clip-path="url(#clipPath14)" stroke="none"
       /><path fill="none" d="M22.2583 17 L11 10.5 L22.2583 4 L33.0167 10.5 Z" clip-path="url(#clipPath14)"
+      /><path fill="none" d="M238.7417 17 L250 10.5 L238.7417 4" clip-path="url(#clipPath14)"
     /></g
   ></g
 ></svg
diff --git a/static/images/StatePattern.uxf b/static/images/StatePattern.uxf
index 8345b28..8112a15 100644
--- a/static/images/StatePattern.uxf
+++ b/static/images/StatePattern.uxf
@@ -25,7 +25,7 @@ bg=#ccffcc</panel_attributes>
       <w>270</w>
       <h>30</h>
     </coordinates>
-    <panel_attributes>lt=&lt;&lt;&lt;&lt;-</panel_attributes>
+    <panel_attributes>lt=&lt;&lt;&lt;&lt;-&gt;</panel_attributes>
     <additional_attributes>10.0;10.0;250.0;10.0</additional_attributes>
   </element>
   <element>