style(framework): for docs

Author: nlm-pro

frameworks/keyed/modern-helpers-template/src/index.js

@@ -5,21 +5,32 @@ function _random(max) {
 }
 
 //#region template
-const rowTemplate = new Template('tr', { classList: [["danger", part('selected')]]}, [
-  ['td', {classList: 'col-md-1'}, [part('id')]],
-  ['td', {classList: 'col-md-4'}, [
-      ['a', {classList: 'lbl'}, [part('label')]]
-  ]],
-  ['td', {classList: 'col-md-1'}, [
-      ['a', {classList: 'remove'}, [
-          ['span', {
-              classList: 'remove glyphicon glyphicon-remove',
-              attributes: [['aria-hidden', 'true']]
-          }]
+const rowTemplate = new Template(
+  'tr',
+  {
+    classList: [
+      [ "danger", part('selected') ]
+    ]
+  }, [
+    ['td', { classList: 'col-md-1' }, [
+      part('id')
+    ]],
+    ['td', { classList: 'col-md-4' }, [
+      ['a', {classList: 'lbl'}, [
+        part('label')
       ]]
-  ]],
-  ['td', {classList: 'col-md-6'}]
-]);
+    ]],
+    ['td', { classList: 'col-md-1' }, [
+      ['a', { classList: 'remove' }, [
+        ['span', {
+          classList: 'remove glyphicon glyphicon-remove',
+          attributes: [['aria-hidden', 'true']]
+        }]
+      ]]
+    ]],
+    ['td', {classList: 'col-md-6'}]
+  ]
+);
 //#endregion template
 
 class Store {

frameworks/keyed/vanillajs-innerhtml-cpnt/src/Main.js

@@ -177,7 +177,8 @@ class Main {
     update() {
         this.store.update();
         for (let i=0;i<this.data.length;i+=10) {
-            this.rows[i].setLabel(this.store.data[i].label);
+            this.rows[i]
+              .setLabel(this.store.data[i].label);
         }
     }
     //#endregion update
@@ -307,10 +308,15 @@ class Main {
       tr.innerHTML = `
         <td class='col-md-1'>${data.id}</td>
         <td class='col-md-4'>
-            <a class='lbl'>${data.label}</a>
+          <a class='lbl'>${data.label}</a>
         </td>
         <td class='col-md-1'>
-            <a class='remove'><span class='remove glyphicon glyphicon-remove' aria-hidden='true'></span></a>
+          <a class='remove'>
+            <span
+              class='remove glyphicon glyphicon-remove'
+              aria-hidden='true'
+            ></span>
+          </a>
         </td>
         <td class='col-md-6'></td>
       `;

frameworks/keyed/vanillajs-innerhtml/src/Main.js

@@ -308,7 +308,12 @@ class Main {
             <a class='lbl'>${data.label}</a>
         </td>
         <td class='col-md-1'>
-            <a class='remove'><span class='remove glyphicon glyphicon-remove' aria-hidden='true'></span></a>
+            <a class='remove'>
+              <span
+                class='remove glyphicon glyphicon-remove'
+                aria-hidden='true'
+              ></span>
+            </a>
         </td>
         <td class='col-md-6'></td>
       `;

frameworks/keyed/vanillajs-no-mem-query/src/Main.js

@@ -175,7 +175,9 @@ class Main {
     update() {
       this.store.update();
       for (let i=0;i<this.data.length;i+=10) {
-        this.tbody.querySelector(`tr:nth-child(${i+1}) .lbl`).innerText = this.store.data[i].label;
+        this.tbody
+          .querySelector(`tr:nth-child(${i+1}) .lbl`)
+          .innerText = this.store.data[i].label;
       }
     }
     //#endregion update

frameworks/keyed/vanillajs-no-mem/src/Main.js

@@ -175,7 +175,9 @@ class Main {
     update() {
       this.store.update();
       for (let i=0;i<this.data.length;i+=10) {
-        this.tbody.children[i].children[1].children[0].innerText = this.store.data[i].label;
+        this.tbody
+          .children[i].children[1].children[0]
+          .innerText = this.store.data[i].label;
       }
     }
     //#endregion update

frameworks/keyed/vanillajs-prog/src/Main.js

@@ -14,7 +14,12 @@ const el = (type) => (className) => {
 const a = el('a');
 
 const rowTemplate = (() => {
-  const cells = [ 'col-md-1', 'col-md-4', 'col-md-1', 'col-md-6' ].map(el('td'));
+  const cells = [
+    'col-md-1',
+    'col-md-4',
+    'col-md-1',
+    'col-md-6'
+  ].map(el('td'));
 
   cells[1].appendChild(a('lbl'));