@pronto-tools-and-more/components-renderer 10.3.0 → 10.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components-renderer",
-  "version": "10.3.0",
+  "version": "10.4.0",
   "description": "",
   "main": "src/componentsRendererMain.js",
   "type": "module",

package/src/parts/RenderCustomElement/RenderCustomElement.js

@@ -3,6 +3,7 @@ import * as RenderCustomElementCollection from "../RenderCustomElementCollection
 import * as RenderCustomElementList from "../RenderCustomElementList/RenderCustomElementList.js";
 import * as RenderCustomElementSearchResults from "../RenderCustomElementSearchResults/RenderCustomElementSearchResults.js";
 import * as RenderCustomElementUnknown from "../RenderCustomElementUnknown/RenderCustomElementUnknown.js";
+import * as RenderCustomElementTagList from "../RenderCustomElementTagList/RenderCustomElementTagList.js";
 import * as RenderCustomElementAuthorList from "../RenderCustomElementAuthorList/RenderCustomElementAuthorList.js";
 
 const renderers = [
@@ -11,6 +12,7 @@ const renderers = [
   RenderCustomElementCollection.renderCustomElementCollection,
   RenderCustomElementList.renderCustomElementList,
   RenderCustomElementSearchResults.renderCustomElementSearchResults,
+  RenderCustomElementTagList.renderCustomElementTagList,
 ];
 
 export const renderCustomElement = (element, renderElement) => {

package/src/parts/RenderCustomElementTagList/RenderCustomElementTagList.js

@@ -0,0 +1,28 @@
+export const renderCustomElementTagList = (element, renderElement) => {
+  if (
+    element.type === "list" &&
+    element.class &&
+    element.class.includes("data-custom-tag-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 condition = {
+      value: "$context.context.type",
+      operation: "EQUALS",
+      compareValue: "tag",
+    };
+    const final = {
+      ...renderElement(node),
+      condition,
+    };
+    return {
+      ...rest,
+      content: final,
+    };
+  }
+  return undefined;
+};