@contrail/documents 1.5.2 → 1.5.3

package/CHANGELOG.md

@@ -7,6 +7,12 @@ Versioning follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+## [1.5.3] - 2026-04-22
+
+### Added
+
+- Thumbnail-only mode for color cards.
+
 ## [1.4.2] - 2026-03-31
 
 - Publish new patch to include 1.3.29 changes and 1.4.0 minor update.

package/lib/components/color-component.service.d.ts

@@ -3,6 +3,8 @@ export declare class ColorComponentService {
     static isColorComponent(element: DocumentElement): boolean;
     static isColorHexComponent(element: DocumentElement): boolean;
     static isColorImageComponent(element: DocumentElement): boolean;
+    static isThumbnailOnlyComponent(element: DocumentElement): boolean;
+    static setThumbnailOnlyProperties(elements: any): any;
     static getColorRectangle(elements: DocumentElement[]): DocumentElement;
     static getColorContainer(elements: DocumentElement[]): DocumentElement;
     static updateSizeAndPosition(elements: any, size?: SizeDefinition): any;

package/lib/components/color-component.service.js

@@ -17,6 +17,45 @@ class ColorComponentService {
         return (ColorComponentService.isColorComponent(element) &&
             ((_a = ColorComponentService.getColorRectangle(element.elements)) === null || _a === void 0 ? void 0 : _a.type) === 'image');
     }
+    static isThumbnailOnlyComponent(element) {
+        var _a;
+        const hasTextProperties = (_a = element.elements) === null || _a === void 0 ? void 0 : _a.some((e) => e.type === 'text');
+        return !hasTextProperties;
+    }
+    static setThumbnailOnlyProperties(elements) {
+        if (!elements)
+            return elements;
+        const isThumbnailOnly = this.isThumbnailOnlyComponent({ elements });
+        const containerIndex = elements.findIndex((e) => e.type === 'rectangle' && (!e.propertyBindings || Object.keys(e.propertyBindings).length === 0));
+        if (containerIndex === -1)
+            return elements;
+        if (isThumbnailOnly) {
+            const colorRectIndex = elements.findIndex((e) => (e.type === 'rectangle' || e.type === 'image') &&
+                e.propertyBindings &&
+                Object.keys(e.propertyBindings).length > 0);
+            if (colorRectIndex !== -1) {
+                return elements.map((element, index) => {
+                    if (index === colorRectIndex) {
+                        return Object.assign(Object.assign({}, element), { position: { x: 0, y: 0 } });
+                    }
+                    else if (index === containerIndex) {
+                        const colorRect = elements[colorRectIndex];
+                        return Object.assign(Object.assign({}, element), { size: Object.assign({}, colorRect.size), position: { x: 0, y: 0 }, style: Object.assign(Object.assign({}, element.style), { backgroundColor: 'transparent' }) });
+                    }
+                    return element;
+                });
+            }
+        }
+        else {
+            return elements.map((element, index) => {
+                if (index === containerIndex) {
+                    return Object.assign(Object.assign({}, element), { style: Object.assign(Object.assign({}, element.style), { backgroundColor: '#FFFFFF' }) });
+                }
+                return element;
+            });
+        }
+        return elements;
+    }
     static getColorRectangle(elements) {
         return elements === null || elements === void 0 ? void 0 : elements.find((e) => ['rectangle', 'image'].indexOf(e.type) !== -1 && e.propertyBindings);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contrail/documents",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "Documents library for contrail platform",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",