Move Fast to non-keyed frameworks

Author: dsvorc41

frameworks/keyed/fast/.eslintrc.js renamed to frameworks/non-keyed/fast/.eslintrc.js

@@ -6,7 +6,7 @@ const template = html<BenchmarkApp>`
   <div class="jumbotron">
     <div class="row">
       <div class="col-md-6">
-        <h1>Fast-"keyed"</h1>
+        <h1>Fast Framework - non-keyed</h1>
       </div>
       <div class="col-md-6">
         <div class="row">

frameworks/keyed/fast/.prettierrc.json renamed to frameworks/non-keyed/fast/.prettierrc.json

@@ -1,16 +1,22 @@
 import { customElement, FASTElement, html, repeat, observable } from '@microsoft/fast-element';
 import { RowItem } from 'src/utils/build-dummy-data';
 
+let fixedRowId = 10_0000;
+
 const template = html<Table>`
   <table class="table table-hover table-striped test-data" @click=${(x, c) => x.handleClick(c.event)}>
     <tbody id="tbody">
       ${repeat(
         x => x.rows,
         html`
-          <tr data-id="${row => row.id}" class="${(row, c) => (c.parent.selectedRowId === row.id ? 'danger' : '')}">
+          <tr
+            data-id="${row => row.id}"
+            data-indexId="${(x, c) => c.index + 1}"
+            class="${(row, c) => (c.parent.selectedRowId === row.id ? 'danger' : '')}"
+          >
             <td class="col-md-1">${row => row.id}</td>
             <td class="col-md-4">
-              <a class="lbl" data-row-id="${row => row.id}" }>${row => row.label}</a>
+              <a class="lbl" data-row-id="${row => row.id}">${row => row.label}</a>
             </td>
             <td class="col-md-1">
               <a class="remove" data-row-id="${row => row.id}">
@@ -19,7 +25,8 @@ const template = html<Table>`
             </td>
             <td class="col-md-6"></td>
           </tr>
-        `
+        `,
+        { positioning: true }
       )}
     </tbody>
   </table>