@contrail/documents 1.15.0 → 1.16.0-alpha.96c651c

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to `@contrail/documents` are documented here.
 Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 Versioning follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.16.0] - 2026-08-28
+
+### Added
+
+- `ASSET_VIEW_TEMPLATE` and its `asset-view` entry in `ComponentRegistry` — the component definition for an asset card. Image-forward: one image bound to the asset's viewable, one text row bound to `asset.name`. Consumers resolve it by slug through `DocumentElementFactory.createComponent('asset-view', …)`.
+
+### Fixed
+
+- `DocumentElementPropertyBindingHandler` only unwrapped `viewable.content` when it was an array, which is the item shape. An asset's `content` is a single object, so asset viewables never resolved `alternateUrls.originalFile`, and an SVG asset's high-resolution url fell back to a raster derivative instead of its source file. Both shapes are now handled; item viewables still select the record matching `primaryViewableId`.
+
 ## [1.15.0] - 2026-08-21
 
 ### Added

package/lib/components/components.d.ts

@@ -353,6 +353,46 @@ export declare const PATTERN_VIEW_TEMPLATE: {
         };
     })[];
 };
+export declare const ASSET_VIEW_TEMPLATE: {
+    elements: ({
+        type: string;
+        size: {
+            width: number;
+            height: number;
+        };
+        style: {
+            background: {
+                size: BackgroundSizeType;
+            };
+            font?: undefined;
+        };
+        propertyBindings: {
+            url: string;
+            text?: undefined;
+        };
+        position?: undefined;
+    } | {
+        type: string;
+        position: {
+            x: number;
+            y: number;
+        };
+        size: {
+            height: number;
+            width: number;
+        };
+        style: {
+            font: {
+                size: number;
+            };
+            background?: undefined;
+        };
+        propertyBindings: {
+            text: string;
+            url?: undefined;
+        };
+    })[];
+};
 export declare const ITEM_VIEW: {
     slug: string;
     defaultTemplate: {
@@ -717,6 +757,49 @@ export declare const PATTERN_VIEW: {
         })[];
     };
 };
+export declare const ASSET_VIEW: {
+    slug: string;
+    defaultTemplate: {
+        elements: ({
+            type: string;
+            size: {
+                width: number;
+                height: number;
+            };
+            style: {
+                background: {
+                    size: BackgroundSizeType;
+                };
+                font?: undefined;
+            };
+            propertyBindings: {
+                url: string;
+                text?: undefined;
+            };
+            position?: undefined;
+        } | {
+            type: string;
+            position: {
+                x: number;
+                y: number;
+            };
+            size: {
+                height: number;
+                width: number;
+            };
+            style: {
+                font: {
+                    size: number;
+                };
+                background?: undefined;
+            };
+            propertyBindings: {
+                text: string;
+                url?: undefined;
+            };
+        })[];
+    };
+};
 export declare class ComponentRegistry {
     private static componentDefinitionMap;
     static getComponentDefinition(slug: string): ComponentDefinition;

package/lib/components/components.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentRegistry = exports.PATTERN_VIEW = exports.COLOR_VIEW = exports.ITEM_VIEW_V3 = exports.ITEM_VIEW_V2 = exports.ITEM_VIEW = exports.PATTERN_VIEW_TEMPLATE = exports.COLOR_VIEW_TEMPLATE = exports.ITEM_VIEW_TEMPLATE_V3 = exports.ITEM_VIEW_TEMPLATE_V2 = exports.ITEM_VIEW_TEMPLATE = void 0;
+exports.ComponentRegistry = exports.ASSET_VIEW = exports.PATTERN_VIEW = exports.COLOR_VIEW = exports.ITEM_VIEW_V3 = exports.ITEM_VIEW_V2 = exports.ITEM_VIEW = exports.ASSET_VIEW_TEMPLATE = exports.PATTERN_VIEW_TEMPLATE = exports.COLOR_VIEW_TEMPLATE = exports.ITEM_VIEW_TEMPLATE_V3 = exports.ITEM_VIEW_TEMPLATE_V2 = exports.ITEM_VIEW_TEMPLATE = void 0;
 const document_element_constants_1 = require("../document-element-constants");
 const types_1 = require("../types");
 exports.ITEM_VIEW_TEMPLATE = {
@@ -202,6 +202,27 @@ exports.PATTERN_VIEW_TEMPLATE = {
         },
     ],
 };
+exports.ASSET_VIEW_TEMPLATE = {
+    elements: [
+        {
+            type: 'image',
+            size: { width: 125, height: 125 },
+            style: { background: { size: types_1.BackgroundSizeType.CONTAIN } },
+            propertyBindings: { url: 'viewable.mediumViewableDownloadUrl' },
+        },
+        {
+            type: 'text',
+            position: { x: 0, y: 126 },
+            size: { height: 25, width: 125 },
+            style: {
+                font: {
+                    size: 8,
+                },
+            },
+            propertyBindings: { text: 'asset.name' },
+        },
+    ],
+};
 exports.ITEM_VIEW = {
     slug: 'item-view',
     defaultTemplate: exports.ITEM_VIEW_TEMPLATE,
@@ -222,6 +243,10 @@ exports.PATTERN_VIEW = {
     slug: 'pattern-view',
     defaultTemplate: exports.PATTERN_VIEW_TEMPLATE,
 };
+exports.ASSET_VIEW = {
+    slug: 'asset-view',
+    defaultTemplate: exports.ASSET_VIEW_TEMPLATE,
+};
 class ComponentRegistry {
     static getComponentDefinition(slug) {
         if (!this.componentDefinitionMap) {
@@ -236,6 +261,7 @@ class ComponentRegistry {
         this.componentDefinitionMap.set('item-view-v3', exports.ITEM_VIEW_V3);
         this.componentDefinitionMap.set('color-view', exports.COLOR_VIEW);
         this.componentDefinitionMap.set('pattern-view', exports.PATTERN_VIEW);
+        this.componentDefinitionMap.set('asset-view', exports.ASSET_VIEW);
     }
 }
 exports.ComponentRegistry = ComponentRegistry;

package/lib/document-element-property-binding-handler.js

@@ -46,10 +46,13 @@ class DocumentElementPropertyBindingHandler {
             let originalFile;
             let viewableObject;
             const content = (_f = model === null || model === void 0 ? void 0 : model.viewable) === null || _f === void 0 ? void 0 : _f.content;
-            if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
+            if (Array.isArray(content) && content.length > 0) {
                 const primaryContent = content.find((c) => { var _a; return (c === null || c === void 0 ? void 0 : c.id) === ((_a = model === null || model === void 0 ? void 0 : model.viewable) === null || _a === void 0 ? void 0 : _a.primaryViewableId); });
                 viewableObject = primaryContent;
             }
+            else if (content && !Array.isArray(content)) {
+                viewableObject = content;
+            }
             else {
                 viewableObject = model === null || model === void 0 ? void 0 : model.viewable;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contrail/documents",
-  "version": "1.15.0",
+  "version": "1.16.0-alpha.96c651c",
   "description": "Documents library for contrail platform",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",