@pronto-tools-and-more/components-renderer 9.8.0 → 9.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components-renderer",
-  "version": "9.8.0",
+  "version": "9.10.0",
   "description": "",
   "main": "src/componentsRendererMain.js",
   "type": "module",
@@ -16,7 +16,7 @@
     "@lvce-editor/assert": "^1.3.0",
     "@lvce-editor/ipc": "^11.1.0",
     "@lvce-editor/json-rpc": "^5.0.0",
-    "@lvce-editor/verror": "^1.4.0",
+    "@lvce-editor/verror": "^1.5.0",
     "@swc-node/register": "^1.10.9"
   },
   "devDependencies": {

package/src/parts/RenderCustomElement/RenderCustomElement.js

@@ -1,7 +1,8 @@
+import * as RenderCustomElementCategoryList from "../RenderCustomElementCategoryList/RenderCustomElementCategoryList.js";
+import * as RenderCustomElementCollection from "../RenderCustomElementCollection/RenderCustomElementCollection.js";
 import * as RenderCustomElementList from "../RenderCustomElementList/RenderCustomElementList.js";
 import * as RenderCustomElementSearchResults from "../RenderCustomElementSearchResults/RenderCustomElementSearchResults.js";
 import * as RenderCustomElementUnknown from "../RenderCustomElementUnknown/RenderCustomElementUnknown.js";
-import * as RenderCustomElementCollection from "../RenderCustomElementCollection/RenderCustomElementCollection.js";
 
 export const renderCustomElement = (element, renderElement) => {
   return (
@@ -10,6 +11,10 @@ export const renderCustomElement = (element, renderElement) => {
       renderElement
     ) ||
     RenderCustomElementList.renderCustomElementList(element, renderElement) ||
+    RenderCustomElementCategoryList.renderCustomElementCategoryList(
+      element,
+      renderElement
+    ) ||
     RenderCustomElementSearchResults.renderCustomElementSearchResults(
       element,
       renderElement

package/src/parts/RenderCustomElementCategoryList/RenderCustomElementCategoryList.js

@@ -0,0 +1,20 @@
+export const renderCustomElementCategoryList = (element, renderElement) => {
+  if (
+    element.type === "list" &&
+    element.class &&
+    element.class.includes("data-custom-category-list")
+  ) {
+    const { render, ...rest } = element;
+    const node = render({
+      id: `$functions.id($context, 'context', 'id')`,
+      name: `$functions.id($context, 'context', 'name')`,
+      language: `$functions.id($context, 'context', 'properties', 'lang')`,
+    });
+    const final = renderElement(node);
+    return {
+      ...rest,
+      content: final,
+    };
+  }
+  return undefined;
+};