feat: name attribute and variable renamed to key

Author: frankpagan

docs/index.html

@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            name="description"
+            key="description"
             content="A simple HTML5 and pure javascript component. Easy configuration using HTML5 attributes or Javscript api and highly styleable." />
         <meta
-            name="keywords"
+            key="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         <meta
@@ -31,7 +31,7 @@
             href="/docs/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             save="true" />
         <link rel="manifest" href="/manifest.webmanifest" />
@@ -46,7 +46,7 @@
             scroll-down="10"
             array="files"
             object="60395ef42b3ac232657040fd"
-            name="src"></nav>
+            key="src"></nav>
         <sidenav
             id="menuL"
             class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -57,7 +57,7 @@
             <menu
                 array="files"
                 object="603717b07de7fb350ae9fec8"
-                name="src"></menu>
+                key="src"></menu>
             <div resize="right"></div>
         </sidenav>
         <main
@@ -274,7 +274,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     lang="html"
                                     array="demos"
                                     object=""
-                                    name="demo"
+                                    key="demo"
                                     save="false"
                                     id="demo"
                                     input-selector=".demopreview"

src/index.js

@@ -343,10 +343,10 @@
         for (let n = 0; n < data.length; n++) {
             for (let i = 0; i < query.length; i++) {
                 let dataValue
-                if (query[i].name.includes('.') || /\[([0-9]*)\]/g.test(query[i].name))
-                    dataValue = getValueFromObject(data[n], query[i].name)
+                if (query[i].key.includes('.') || /\[([0-9]*)\]/g.test(query[i].key))
+                    dataValue = getValueFromObject(data[n], query[i].key)
                 else
-                    dataValue = data[n][query[i].name]
+                    dataValue = data[n][query[i].key]
                 if (dataValue == undefined)
                     dataValue = ''
                 let logicalOperator = query[i].logicalOperator || 'and'
@@ -499,34 +499,34 @@
         if (!Array.isArray(sort))
             sort = [sort]
         for (let i = 0; i < sort.length; i++) {
-            let name = sort[i].name
-            if (name) {
+            let key = sort[i].key
+            if (key) {
                 try {
                     data.sort((a, b) => {
                         if (sort[i].direction == 'desc') {
-                            switch (typeof b[name]) {
+                            switch (typeof b[key]) {
                                 case 'string':
-                                    if (!b[name])
-                                        b[name] = ""
-                                    return b[name].localeCompare(a[name])
+                                    if (!b[key])
+                                        b[key] = ""
+                                    return b[key].localeCompare(a[key])
                                 case 'number':
-                                    if (!b[name])
-                                        b[name] = 0
-                                    return b[name] - a[name]
+                                    if (!b[key])
+                                        b[key] = 0
+                                    return b[key] - a[key]
                                 case 'array':
                                 case 'object':
                                     break;
                             }
                         } else {
-                            switch (typeof a[name]) {
+                            switch (typeof a[key]) {
                                 case 'string':
-                                    if (!a[name])
-                                        a[name] = ""
-                                    return a[name].localeCompare(b[name])
+                                    if (!a[key])
+                                        a[key] = ""
+                                    return a[key].localeCompare(b[key])
                                 case 'number':
-                                    if (!a[name])
-                                        a[name] = 0
-                                    return a[name] - b[name]
+                                    if (!a[key])
+                                        a[key] = 0
+                                    return a[key] - b[key]
                                 case 'array':
                                 case 'object':
                                     break;