@cocreate/render 1.36.1 → 1.37.1

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [1.37.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.37.0...v1.37.1) (2023-12-18)
+
+
+### Bug Fixes
+
+* if no template.clone use template.template.clone ([ea678bf](https://github.com/CoCreate-app/CoCreate-render/commit/ea678bf3fa097349e431d7bf96f582a647d03a27))
+
+# [1.37.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.36.1...v1.37.0) (2023-12-18)
+
+
+### Bug Fixes
+
+* removed default ([01c1b1f](https://github.com/CoCreate-app/CoCreate-render/commit/01c1b1f8f5fa0159ae3399352e55a93e45b50678))
+
+
+### Features
+
+* attribute name rendering converts string to attributes ([30c6b25](https://github.com/CoCreate-app/CoCreate-render/commit/30c6b25b422cc9bbaa00c2f36ceafaaac302780d))
+
 ## [1.36.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.36.0...v1.36.1) (2023-12-15)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/render",
-  "version": "1.36.1",
+  "version": "1.37.1",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",

package/src/index.js

@@ -130,7 +130,7 @@ async function render({ source, element, selector, data, key, index, currentInde
         source = { data }
 
     if (data.$filter) {
-        index = index || data.$filter.startingIndex
+        index = index || data.$filter.startingIndex || data.$filter.index
         update = update || data.$filter.update
         remove = remove || data.$filter.remove
     }
@@ -244,6 +244,8 @@ async function renderTemplate(template, data, key, index, keyPath) {
 
     let isInsert = data.$filter && (data.$filter.create || data.$filter.update)
     if (!isInsert && !index || data.$filter.overwrite) {
+        if (!template.clones)
+            template = template.template
         for (const [key, element] of template.clones) {
             renderedNodes.delete(element)
             element.remove()
@@ -476,11 +478,17 @@ async function renderValues(node, data, key, renderAs, keyPath, parent) {
 
             name = await renderValue(attr, data, namePlaceholder, renderAs, renderedAttribute);
             value = await renderValue(attr, data, valuePlaceholder, renderAs, renderedAttribute);
-
-            if (name === undefined && name === null) {
+            if (namePlaceholder.includes('{{') && name) {
+                const attributes = name.match(/([^\s]+="[^"]*"|[^\s]+)/g) || [];
+                attributes.forEach(attr => {
+                    let [attributeName, attributeValue] = attr.split("=");
+                    attributeValue = attributeValue ? attributeValue.replace(/"/g, '') : '';
+                    node.setAttribute(attributeName, attributeValue);
+                });
+            } else if (name === undefined || name === null || name === '') {
                 renderedNodes.delete(attr)
                 node.removeAttribute(attr.name);
-            } else if ((value || value === "") && (name !== attr.name || value !== attr.value))
+            } else if (name && (value || value === "") && (name !== attr.name || value !== attr.value))
                 node.setAttribute(name, value);
         }
         // });
@@ -835,4 +843,4 @@ Observer.init({
 
 init()
 
-export default { render, renderValue, sources, renderedNodes }
+export { render, renderValue, sources, renderedNodes }