💥 rename 'actionBarPosition' option to 'actionBarCorner'

Author: francisashley

README.md

@@ -50,7 +50,7 @@ import '@fa-repo/mobile-dev-environment/mobile-dev-environment.css';
 
 new mobileDevEnvironment({
   stateId : 'my-multi-page-app',
-  actionBarPosition : 'tl'
+  actionBarCorner : 'tl'
 });
 
 // app.html
@@ -77,7 +77,7 @@ new mobileDevEnvironment({
   <script defer>  
     new mobileDevEnvironment({
       stateId : 'my-multi-page-app',
-      actionBarPosition : 'tl'
+      actionBarCorner : 'tl'
     });
   </script>
 </head>
@@ -106,7 +106,7 @@ new mobileDevEnvironment({
     <td valign="top"><code>['reload','tray']</code></td>
   </tr>
   <tr>
-    <td valign="top"><code>actionBarPosition</code></td>
+    <td valign="top"><code>actionBarCorner</code></td>
     <td valign="top">The actionBar position, top left <code>'tl'</code> or right <code>'tr'</code></td>
     <td valign="top"><code>string</code></td>
     <td valign="top"><code>'tr'</code></td>

example/index.html

@@ -20,7 +20,7 @@
     <img src="http://placekitten.com/g/740/420" alt="cute cat placeholder" />
     <div id="mde"></div>
     <script>
-      mobileDevEnvironment({ actionBarPosition: "tr" });
+      mobileDevEnvironment({ actionBarCorner: "tr" });
 
       intentional_error;
     </script>

src/mde.js

@@ -17,12 +17,12 @@ import tracer from "./utils/tracer.js";
       stateId: "global",
       actionBar: ["reload", "tray"],
       hardReload: true,
-      actionBarPosition: "tr"
+      actionBarCorner: "tr"
     });
 
     const state = stately(options.stateId);
     state.set("action-bar", options.actionBar);
-    state.set("action-bar.corner", options.actionBarPosition);
+    state.set("action-bar.corner", options.actionBarCorner);
     state.set("reload.refreshCache", options.hardReload);
     state.setCache("tray.open", state.getCache("tray.open", true));
     state.setCache(