@contrail/documents 1.3.21-0 → 1.3.24

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

@@ -1,10 +1,26 @@
 import { DocumentElement } from '../types';
 export declare const DEFAULT_THUMBNAIL_WIDTH = 200;
 export declare const MAX_CARD_WIDTH = 600;
+export interface ItemCardDimensions {
+    thumbnailWidth: number;
+    thumbnailHeight: number;
+    cardWidth: number;
+    cardHeight: number;
+}
+export interface ScaledItemCardResult {
+    thumbnailWidth: number;
+    thumbnailHeight: number;
+    cardWidth: number;
+}
 export declare class ItemComponentService {
     static isItemComponent(element: DocumentElement): boolean;
     static isThumbnailOnlyComponent(element: DocumentElement): boolean;
     static updateSizeAndPosition(propertyElements: any[], componentElement: DocumentElement, annotatedElements?: any[]): any;
     private static getYMargin;
     private static calculateAnnotationHeight;
+    static getImageElement(element: DocumentElement): DocumentElement | undefined;
+    static getItemCardDimensions(element: DocumentElement, visualHeight?: number): ItemCardDimensions;
+    static calculateScaledThumbnailHeight(thumbnailWidth: number, thumbnailHeight: number, newThumbnailWidth: number): number;
+    static calculateScaledCardWidth(thumbnailWidth: number, cardWidth: number, newThumbnailWidth: number): number;
+    static calculateScaledDimensions(dimensions: ItemCardDimensions, newThumbnailWidth: number): ScaledItemCardResult;
 }

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

@@ -13,8 +13,8 @@ class ItemComponentService {
         var _a;
         if (!((_a = element === null || element === void 0 ? void 0 : element.elements) === null || _a === void 0 ? void 0 : _a.length) || element.elements.length > 2)
             return false;
-        const annotationElement = element.elements.find((e) => e.type == 'annotation');
-        const imageElement = element.elements.find((e) => e.type == 'image');
+        const annotationElement = element.elements.find(e => e.type == 'annotation');
+        const imageElement = element.elements.find(e => e.type == 'image');
         return (!annotationElement || annotationElement.isHidden) && imageElement && !imageElement.isHidden;
     }
     static updateSizeAndPosition(propertyElements, componentElement, annotatedElements = []) {
@@ -22,7 +22,7 @@ class ItemComponentService {
         const newElements = [];
         let lastYPosition = 0;
         let width = 200;
-        const imageElements = propertyElements.filter((element) => {
+        const imageElements = propertyElements.filter(element => {
             return element.type === 'image';
         });
         if (imageElements.length > 0) {
@@ -73,7 +73,7 @@ class ItemComponentService {
             newElements.push(element);
         });
         const cardWidth = (_a = componentElement === null || componentElement === void 0 ? void 0 : componentElement.size) === null || _a === void 0 ? void 0 : _a.width;
-        const imageElement = newElements === null || newElements === void 0 ? void 0 : newElements.find((e) => e.type === 'image');
+        const imageElement = newElements === null || newElements === void 0 ? void 0 : newElements.find(e => e.type === 'image');
         const thumbnailWidth = ((_b = imageElement === null || imageElement === void 0 ? void 0 : imageElement.size) === null || _b === void 0 ? void 0 : _b.width) || exports.DEFAULT_THUMBNAIL_WIDTH;
         const align = ((_d = (_c = imageElement === null || imageElement === void 0 ? void 0 : imageElement.style) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.align) || 'center';
         if (cardWidth && cardWidth > thumbnailWidth) {
@@ -116,14 +116,14 @@ class ItemComponentService {
         const annotationSize = ((_b = (_a = element.style) === null || _a === void 0 ? void 0 : _a.font) === null || _b === void 0 ? void 0 : _b.size) || document_element_constants_1.ANNOTATION_IMG_SIZE;
         let height = annotationSize + document_element_constants_1.ANNOTATION_PADDING_Y;
         let xPos = 0;
-        const annotatedElement = annotatedElements.find((elem) => elem.id === componentElement.id);
+        const annotatedElement = annotatedElements.find(elem => elem.id === componentElement.id);
         if (!annotatedElement || element.isHidden) {
             return height;
         }
-        const annotations = annotatedElement.annotations.filter((annotation) => annotation.category === 'property');
+        const annotations = annotatedElement.annotations.filter(annotation => annotation.category === 'property');
         if (annotations.length > 0) {
             let count = 0;
-            annotations === null || annotations === void 0 ? void 0 : annotations.forEach((annotation) => {
+            annotations === null || annotations === void 0 ? void 0 : annotations.forEach(annotation => {
                 if ((count + 1) * annotationSize * 1.25 > width) {
                     count = 0;
                     xPos = -width * 0.5;
@@ -135,5 +135,46 @@ class ItemComponentService {
         }
         return height;
     }
+    static getImageElement(element) {
+        var _a;
+        return (_a = element === null || element === void 0 ? void 0 : element.elements) === null || _a === void 0 ? void 0 : _a.find(e => e.type === 'image');
+    }
+    static getItemCardDimensions(element, visualHeight) {
+        var _a, _b, _c;
+        const imageElement = this.getImageElement(element);
+        const thumbnailWidth = ((_a = imageElement === null || imageElement === void 0 ? void 0 : imageElement.size) === null || _a === void 0 ? void 0 : _a.width) || exports.DEFAULT_THUMBNAIL_WIDTH;
+        const thumbnailHeight = ((_b = imageElement === null || imageElement === void 0 ? void 0 : imageElement.size) === null || _b === void 0 ? void 0 : _b.height) || thumbnailWidth;
+        const cardWidth = ((_c = element === null || element === void 0 ? void 0 : element.size) === null || _c === void 0 ? void 0 : _c.width) || thumbnailWidth;
+        const cardHeight = visualHeight || thumbnailHeight;
+        return {
+            thumbnailWidth,
+            thumbnailHeight,
+            cardWidth,
+            cardHeight,
+        };
+    }
+    static calculateScaledThumbnailHeight(thumbnailWidth, thumbnailHeight, newThumbnailWidth) {
+        const aspectRatio = thumbnailWidth / thumbnailHeight;
+        if (aspectRatio === 1) {
+            return newThumbnailWidth;
+        }
+        else if (aspectRatio > 1) {
+            return Math.ceil(newThumbnailWidth * (3 / 4));
+        }
+        else {
+            return Math.ceil(newThumbnailWidth * (4 / 3));
+        }
+    }
+    static calculateScaledCardWidth(thumbnailWidth, cardWidth, newThumbnailWidth) {
+        const scaleFactor = newThumbnailWidth / thumbnailWidth;
+        return Math.max(newThumbnailWidth, Math.round(cardWidth * scaleFactor));
+    }
+    static calculateScaledDimensions(dimensions, newThumbnailWidth) {
+        return {
+            thumbnailWidth: newThumbnailWidth,
+            thumbnailHeight: this.calculateScaledThumbnailHeight(dimensions.thumbnailWidth, dimensions.thumbnailHeight, newThumbnailWidth),
+            cardWidth: this.calculateScaledCardWidth(dimensions.thumbnailWidth, dimensions.cardWidth, newThumbnailWidth),
+        };
+    }
 }
 exports.ItemComponentService = ItemComponentService;

package/package.json

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