@contrail/documents 1.0.123 → 1.1.1

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

@@ -0,0 +1,9 @@
+import { DocumentElement, SizeDefinition } from '../types';
+export declare class ColorComponentService {
+    static isColorComponent(element: DocumentElement): boolean;
+    static isColorHexComponent(element: DocumentElement): boolean;
+    static isColorImageComponent(element: DocumentElement): boolean;
+    static getColorRectangle(elements: DocumentElement[]): DocumentElement;
+    static getColorContainer(elements: DocumentElement[]): DocumentElement;
+    static updateSizeAndPosition(elements: any, size?: SizeDefinition): any;
+}

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorComponentService = void 0;
+const document_element_constants_1 = require("../document-element-constants");
+class ColorComponentService {
+    static isColorComponent(element) {
+        var _a;
+        return element && element.type === 'component' && ((_a = element.modelBindings) === null || _a === void 0 ? void 0 : _a.color);
+    }
+    static isColorHexComponent(element) {
+        var _a;
+        return (ColorComponentService.isColorComponent(element) &&
+            ((_a = ColorComponentService.getColorRectangle(element.elements)) === null || _a === void 0 ? void 0 : _a.type) === 'rectangle');
+    }
+    static isColorImageComponent(element) {
+        var _a;
+        return (ColorComponentService.isColorComponent(element) &&
+            ((_a = ColorComponentService.getColorRectangle(element.elements)) === null || _a === void 0 ? void 0 : _a.type) === 'image');
+    }
+    static getColorRectangle(elements) {
+        return elements === null || elements === void 0 ? void 0 : elements.find((e) => ['rectangle', 'image'].indexOf(e.type) !== -1 && e.propertyBindings);
+    }
+    static getColorContainer(elements) {
+        return elements === null || elements === void 0 ? void 0 : elements.find((e) => ['rectangle'].indexOf(e.type) !== -1 && !e.propertyBindings);
+    }
+    static updateSizeAndPosition(elements, size) {
+        var _a, _b, _c, _d;
+        const padding = document_element_constants_1.COLOR_PADDING;
+        const container = ColorComponentService.getColorContainer(elements);
+        const colorRect = ColorComponentService.getColorRectangle(elements);
+        if (!container || !colorRect)
+            throw new Error('Invalid color element');
+        const width = (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : (_b = colorRect === null || colorRect === void 0 ? void 0 : colorRect.size) === null || _b === void 0 ? void 0 : _b.width;
+        const height = (_c = size === null || size === void 0 ? void 0 : size.height) !== null && _c !== void 0 ? _c : (_d = colorRect === null || colorRect === void 0 ? void 0 : colorRect.size) === null || _d === void 0 ? void 0 : _d.height;
+        const newElements = [];
+        let lastYPosition = 0;
+        elements.forEach((element) => {
+            var _a;
+            if ((element === null || element === void 0 ? void 0 : element.enabled) === false) {
+                return;
+            }
+            element.position = { x: padding, y: lastYPosition };
+            if (element.type === 'rectangle' || element.type === 'image') {
+                if (!(element === null || element === void 0 ? void 0 : element.propertyBindings)) {
+                    lastYPosition = lastYPosition + padding;
+                    return;
+                }
+                element.size = { width, height };
+                lastYPosition = lastYPosition + height + padding;
+            }
+            else if (element.type === 'text') {
+                if (!((_a = element.style) === null || _a === void 0 ? void 0 : _a.font)) {
+                    element.style = Object.assign(Object.assign({}, element.style), { font: { size: document_element_constants_1.COLOR_FONT_SIZE } });
+                }
+                if (!(element === null || element === void 0 ? void 0 : element.size)) {
+                    element.size = {};
+                }
+                element.size.height = element.style.font.size + padding;
+                element.size.width = width;
+                lastYPosition = lastYPosition + element.size.height;
+            }
+            newElements.push(element);
+        });
+        container.size = {
+            width: width + padding * 2,
+            height: lastYPosition + padding,
+        };
+        container.position = { x: 0, y: 0 };
+        newElements.unshift(container);
+        return newElements;
+    }
+}
+exports.ColorComponentService = ColorComponentService;

package/lib/components/index.d.ts

@@ -1 +1,3 @@
 export * from './components';
+export * from './color-component.service';
+export * from './item-component.service';

package/lib/components/index.js

@@ -15,3 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./components"), exports);
+__exportStar(require("./color-component.service"), exports);
+__exportStar(require("./item-component.service"), exports);

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

@@ -0,0 +1,7 @@
+import { DocumentElement } from '../types';
+export declare class ItemComponentService {
+    static isItemComponent(element: DocumentElement): boolean;
+    static updateSizeAndPosition(propertyElements: any[], componentElement: DocumentElement, annotatedElements?: any[]): any;
+    private static getYMargin;
+    private static calculateAnnotationHeight;
+}

package/lib/{document-element-component-size-handler.js → components/item-component.service.js}

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentElementComponentSizeHandler = void 0;
-const document_element_constants_1 = require("./document-element-constants");
-class DocumentElementComponentSizeHandler {
-    static updateSizeAndPositionForPropertyElements(propertyElements, componentElement, annotatedElements = []) {
+exports.ItemComponentService = void 0;
+const document_element_constants_1 = require("../document-element-constants");
+class ItemComponentService {
+    static isItemComponent(element) {
+        var _a;
+        return element && element.type === 'component' && ((_a = element.modelBindings) === null || _a === void 0 ? void 0 : _a.item);
+    }
+    static updateSizeAndPosition(propertyElements, componentElement, annotatedElements = []) {
         const newElements = [];
         let lastYPosition = 0;
         let width = 200;
@@ -98,57 +102,5 @@ class DocumentElementComponentSizeHandler {
         }
         return height;
     }
-    static getColorRectangle(elements) {
-        return elements === null || elements === void 0 ? void 0 : elements.find((e) => ['rectangle', 'image'].indexOf(e.type) !== -1 && e.propertyBindings);
-    }
-    static getColorContainer(elements) {
-        return elements === null || elements === void 0 ? void 0 : elements.find((e) => ['rectangle'].indexOf(e.type) !== -1 && !e.propertyBindings);
-    }
-    static updateSizeAndPositionForColorElements(elements, size) {
-        var _a, _b, _c, _d;
-        const padding = document_element_constants_1.COLOR_PADDING;
-        const container = this.getColorContainer(elements);
-        const colorRect = this.getColorRectangle(elements);
-        if (!container || !colorRect)
-            throw new Error('Invalid color element');
-        const width = (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : (_b = colorRect === null || colorRect === void 0 ? void 0 : colorRect.size) === null || _b === void 0 ? void 0 : _b.width;
-        const height = (_c = size === null || size === void 0 ? void 0 : size.height) !== null && _c !== void 0 ? _c : (_d = colorRect === null || colorRect === void 0 ? void 0 : colorRect.size) === null || _d === void 0 ? void 0 : _d.height;
-        const newElements = [];
-        let lastYPosition = 0;
-        elements.forEach((element) => {
-            var _a;
-            if ((element === null || element === void 0 ? void 0 : element.enabled) === false) {
-                return;
-            }
-            element.position = { x: padding, y: lastYPosition };
-            if (element.type === 'rectangle' || element.type === 'image') {
-                if (!(element === null || element === void 0 ? void 0 : element.propertyBindings)) {
-                    lastYPosition = lastYPosition + padding;
-                    return;
-                }
-                element.size = { width, height };
-                lastYPosition = lastYPosition + height + padding;
-            }
-            else if (element.type === 'text') {
-                if (!((_a = element.style) === null || _a === void 0 ? void 0 : _a.font)) {
-                    element.style = Object.assign(Object.assign({}, element.style), { font: { size: document_element_constants_1.COLOR_FONT_SIZE } });
-                }
-                if (!(element === null || element === void 0 ? void 0 : element.size)) {
-                    element.size = {};
-                }
-                element.size.height = element.style.font.size + padding;
-                element.size.width = width;
-                lastYPosition = lastYPosition + element.size.height;
-            }
-            newElements.push(element);
-        });
-        container.size = {
-            width: width + padding * 2,
-            height: lastYPosition + padding,
-        };
-        container.position = { x: 0, y: 0 };
-        newElements.unshift(container);
-        return newElements;
-    }
 }
-exports.DocumentElementComponentSizeHandler = DocumentElementComponentSizeHandler;
+exports.ItemComponentService = ItemComponentService;

package/lib/document-element-property-binding-handler.d.ts

@@ -3,4 +3,5 @@ export declare class DocumentElementPropertyBindingHandler {
     static bindPropertiesToElements(elements: Array<DocumentElement>, model: any): void;
     static bindPropertiesToElement(element: DocumentElement, model: any): void;
     static isContentTypeWebViewable(contentType: string): boolean;
+    static adjustPropertyElements(element: DocumentElement, elements: DocumentElement[], model: any): void;
 }

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

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocumentElementPropertyBindingHandler = void 0;
+const color_component_service_1 = require("./components/color-component.service");
+const common_1 = require("./types/common");
 const util_1 = require("@contrail/util");
 class DocumentElementPropertyBindingHandler {
     static bindPropertiesToElements(elements, model) {
-        elements.map((el) => {
+        elements.map(el => {
             this.bindPropertiesToElement(el, model);
         });
     }
@@ -32,7 +34,7 @@ class DocumentElementPropertyBindingHandler {
             let viewableObject;
             const content = (_e = model === null || model === void 0 ? void 0 : model.viewable) === null || _e === void 0 ? void 0 : _e.content;
             if ((content === null || content === void 0 ? void 0 : 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); });
+                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 {
@@ -67,5 +69,30 @@ class DocumentElementPropertyBindingHandler {
         }
         return (contentType === null || contentType === void 0 ? void 0 : contentType.indexOf('image')) > -1 && (contentType === null || contentType === void 0 ? void 0 : contentType.toLowerCase().indexOf('tiff')) < 0;
     }
+    static adjustPropertyElements(element, elements, model) {
+        if (color_component_service_1.ColorComponentService.isColorComponent(element) && (elements === null || elements === void 0 ? void 0 : elements.length) > 0 && (model === null || model === void 0 ? void 0 : model.color)) {
+            const colorRect = color_component_service_1.ColorComponentService.getColorRectangle(elements);
+            if (model.color.primaryViewableId && colorRect.type === 'rectangle') {
+                element.modelBindings.viewable = element.modelBindings.color;
+                model.viewable = model.color;
+                colorRect.type = 'image';
+                colorRect.style = { background: { size: common_1.BackgroundSizeType.CONTAIN } };
+                colorRect.propertyBindings = { url: 'viewable.mediumViewableDownloadUrl' };
+            }
+            else if (!model.color.primaryViewableId && colorRect.type === 'image') {
+                colorRect.type = 'rectangle';
+                colorRect.size.height = colorRect.size.width;
+                colorRect.style = {
+                    border: {
+                        width: 0,
+                        color: '#FFFFFF',
+                    },
+                };
+                colorRect.propertyBindings = { 'style.backgroundColor': 'color.hexCode' };
+                delete colorRect.url;
+                delete colorRect.alternateUrls;
+            }
+        }
+    }
 }
 exports.DocumentElementPropertyBindingHandler = DocumentElementPropertyBindingHandler;

package/lib/index.d.ts

@@ -2,7 +2,6 @@ export * from './types';
 export * from './components';
 export * from './document-element-factory';
 export * from './document-element-property-binding-handler';
-export * from './document-element-component-size-handler';
 export * from './document-action';
 export * from './util/measure-text/measure-text';
 export * from './util/dynamic-text/dynamic-text-util';

package/lib/index.js

@@ -18,7 +18,6 @@ __exportStar(require("./types"), exports);
 __exportStar(require("./components"), exports);
 __exportStar(require("./document-element-factory"), exports);
 __exportStar(require("./document-element-property-binding-handler"), exports);
-__exportStar(require("./document-element-component-size-handler"), exports);
 __exportStar(require("./document-action"), exports);
 __exportStar(require("./util/measure-text/measure-text"), exports);
 __exportStar(require("./util/dynamic-text/dynamic-text-util"), exports);

package/package.json

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

package/lib/document-element-component-size-handler.d.ts

@@ -1,10 +0,0 @@
-import { SizeDefinition } from './types';
-import { DocumentElement } from './types/document-element';
-export declare class DocumentElementComponentSizeHandler {
-    static updateSizeAndPositionForPropertyElements(propertyElements: any[], componentElement: DocumentElement, annotatedElements?: any[]): any;
-    private static getYMargin;
-    private static calculateAnnotationHeight;
-    static getColorRectangle(elements: DocumentElement[]): DocumentElement;
-    static getColorContainer(elements: DocumentElement[]): DocumentElement;
-    static updateSizeAndPositionForColorElements(elements: any, size?: SizeDefinition): any;
-}