@pronto-tools-and-more/components 15.38.0 → 15.40.0

package/dist/main.js

@@ -367,6 +367,7 @@ var getContentKey = (element) => {
 var getNodeInfo = (element) => {
   const { render, ...rest } = element;
   const contentKey = getContentKey(element);
+  const contextKey = contentKey.slice(1, -1);
   const isBookmarks = element.dataSource.data === "$context.bookmarks";
   if (isBookmarks) {
     return {
@@ -384,7 +385,8 @@ var getNodeInfo = (element) => {
       properties: createPropertiesProxy({
         original: {},
         contentKey
-      })
+      }),
+      contextKey
     };
   }
   return {
@@ -404,7 +406,8 @@ var getNodeInfo = (element) => {
     properties: createPropertiesProxy({
       original: {},
       contentKey
-    })
+    }),
+    contextKey
   };
 };
 var unrender2 = (element, renderElement) => {
@@ -1461,16 +1464,25 @@ var Image = ({
   className,
   width,
   resize,
-  style
+  style,
+  ContentImageContext
 }) => {
-  const webp = webP;
-  const actualWidth = width || defaultWidth;
-  const resizeString = resize ? JSON.stringify(resize) : void 0;
-  const optimizedSrc = `$functions.getOptimizedImageSrc("${src}", ${webp}, ${actualWidth}, ${resizeString})`;
-  return (
-    //@ts-ignore
-    /* @__PURE__ */ React.createElement("img", { src: optimizedSrc, alt, loading, className, style })
-  );
+  if (!ContentImageContext) {
+    const webp = webP;
+    const actualWidth = width || defaultWidth;
+    const resizeString = resize ? JSON.stringify(resize) : void 0;
+    const optimizedSrc = `$functions.getOptimizedImageSrc("${src}", ${webp}, ${actualWidth}, ${resizeString})`;
+    return (
+      //@ts-ignore
+      /* @__PURE__ */ React.createElement("img", { src: optimizedSrc, alt, loading, className, style })
+    );
+  }
+  const json = {
+    type: "content-featured-image",
+    contextKey: ContentImageContext,
+    class: className
+  };
+  return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
 
 // src/parts/Language/Language.ts

package/dist/parts/ArticleNodeInfo/ArticleNodeInfo.d.ts

@@ -13,4 +13,5 @@ export interface IArticleNodeInfo {
     readonly primaryCategoryLanguage?: string;
     readonly access?: string;
     readonly language: string;
+    readonly contextKey?: string;
 }

package/dist/parts/IArticleListItem/IArticleListItem.d.ts

@@ -13,4 +13,5 @@ export interface IArticleListItem {
     readonly primaryCategoryLanguage?: string;
     readonly access?: string;
     readonly language: string;
+    readonly contextKey?: string;
 }

package/dist/parts/Image/Image.d.ts

@@ -1,9 +1,10 @@
-export declare const Image: ({ src, alt, loading, className, width, resize, style, }: {
-    src: string;
+export declare const Image: ({ src, alt, loading, className, width, resize, style, ContentImageContext }: {
+    src?: string;
     alt?: string;
     className?: string;
     loading?: "lazy";
     width?: number;
     resize?: string;
     style?: string;
+    ContentImageContext?: string;
 }) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "15.38.0",
+  "version": "15.40.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",