@contrail/document-generation 2.0.28 → 2.0.29

package/lib/components/component-grid-generator.js

@@ -1,80 +1,80 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentGridGenerator = void 0;
-const util_1 = require("@contrail/util");
-const component_generator_1 = require("./component-generator");
-const component_util_1 = require("./component-util");
-class ComponentGridGenerator {
-    static generateComponentGrid(data, startingPosition = { x: 0, y: 0 }, template, idealSize) {
-        if (!data) {
-            console.warn("WARN: data null in generateComponentGrid");
-            return [];
-        }
-        if (!template) {
-            console.warn("WARN: template null in generateComponentGrid");
-            return [];
-        }
-        if (!template.componentTemplate) {
-            console.warn("WARN: component template is null generateComponentGrid");
-            return [];
-        }
-        const elements = [];
-        let dataIndex = 0;
-        let gridTemplate = template;
-        const optimizeTemplate = true;
-        if (optimizeTemplate) {
-            gridTemplate = this.adjustComponentTemplate(data, idealSize, template);
-        }
-        const componentTemplate = gridTemplate.componentTemplate;
-        const componentPosition = util_1.ObjectUtil.cloneDeep(startingPosition);
-        const componentSize = this.getComponentSize(data, gridTemplate);
-        const componentPadding = gridTemplate.componentPadding || 20;
-        componentPosition.x += componentPadding;
-        componentPosition.y += componentPadding;
-        for (let row = 0; row < gridTemplate.gridDimensions.rows; row++) {
-            for (let col = 0; col < gridTemplate.gridDimensions.cols; col++) {
-                if (dataIndex >= data.length) {
-                    continue;
-                }
-                let dataObj = data[dataIndex];
-                dataObj.viewable = dataObj.item;
-                const position = util_1.ObjectUtil.cloneDeep(componentPosition);
-                let component = component_generator_1.ComponentGenerator.generateComponent(dataObj, { position }, componentTemplate);
-                elements.push(component);
-                dataIndex++;
-                componentPosition.x += componentSize.width + (componentPadding * 2);
-            }
-            componentPosition.y += componentSize.height + (componentPadding * 2);
-            componentPosition.x = startingPosition.x + componentPadding;
-        }
-        return elements;
-    }
-    static getComponentSize(data, template) {
-        if (!(data === null || data === void 0 ? void 0 : data.length)) {
-            return null;
-        }
-        const firstData = data[0];
-        const element = component_generator_1.ComponentGenerator.generateComponent(firstData, {}, template.componentTemplate);
-        return component_util_1.ComponentUtil.getComponentSize(element);
-    }
-    static adjustComponentTemplate(data, idealSize, template) {
-        const componentSize = this.getComponentSize(data, template);
-        const adjustedTemplate = util_1.ObjectUtil.cloneDeep(template);
-        const horizontalPadding = ((template.gridDimensions.cols * 2) * template.componentPadding || 20);
-        const verticalPadding = ((template.gridDimensions.rows * 2) * template.componentPadding || 20);
-        const requiredSize = {
-            width: componentSize.width * template.gridDimensions.cols + horizontalPadding,
-            height: componentSize.height * template.gridDimensions.rows + verticalPadding,
-        };
-        const requiredHeightAdjustment = (idealSize.height - requiredSize.height) / template.gridDimensions.rows;
-        const requiredWidthAdjustment = (idealSize.width - requiredSize.width) / template.gridDimensions.cols;
-        if (requiredHeightAdjustment < 0 && requiredHeightAdjustment < requiredWidthAdjustment) {
-            adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredHeightAdjustment;
-        }
-        if (requiredWidthAdjustment < 0 && requiredWidthAdjustment < requiredHeightAdjustment) {
-            adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredWidthAdjustment;
-        }
-        return adjustedTemplate;
-    }
-}
-exports.ComponentGridGenerator = ComponentGridGenerator;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentGridGenerator = void 0;
+const util_1 = require("@contrail/util");
+const component_generator_1 = require("./component-generator");
+const component_util_1 = require("./component-util");
+class ComponentGridGenerator {
+    static generateComponentGrid(data, startingPosition = { x: 0, y: 0 }, template, idealSize) {
+        if (!data) {
+            console.warn("WARN: data null in generateComponentGrid");
+            return [];
+        }
+        if (!template) {
+            console.warn("WARN: template null in generateComponentGrid");
+            return [];
+        }
+        if (!template.componentTemplate) {
+            console.warn("WARN: component template is null generateComponentGrid");
+            return [];
+        }
+        const elements = [];
+        let dataIndex = 0;
+        let gridTemplate = template;
+        const optimizeTemplate = true;
+        if (optimizeTemplate) {
+            gridTemplate = this.adjustComponentTemplate(data, idealSize, template);
+        }
+        const componentTemplate = gridTemplate.componentTemplate;
+        const componentPosition = util_1.ObjectUtil.cloneDeep(startingPosition);
+        const componentSize = this.getComponentSize(data, gridTemplate);
+        const componentPadding = gridTemplate.componentPadding || 20;
+        componentPosition.x += componentPadding;
+        componentPosition.y += componentPadding;
+        for (let row = 0; row < gridTemplate.gridDimensions.rows; row++) {
+            for (let col = 0; col < gridTemplate.gridDimensions.cols; col++) {
+                if (dataIndex >= data.length) {
+                    continue;
+                }
+                let dataObj = data[dataIndex];
+                dataObj.viewable = dataObj.item;
+                const position = util_1.ObjectUtil.cloneDeep(componentPosition);
+                let component = component_generator_1.ComponentGenerator.generateComponent(dataObj, { position }, componentTemplate);
+                elements.push(component);
+                dataIndex++;
+                componentPosition.x += componentSize.width + (componentPadding * 2);
+            }
+            componentPosition.y += componentSize.height + (componentPadding * 2);
+            componentPosition.x = startingPosition.x + componentPadding;
+        }
+        return elements;
+    }
+    static getComponentSize(data, template) {
+        if (!(data === null || data === void 0 ? void 0 : data.length)) {
+            return null;
+        }
+        const firstData = data[0];
+        const element = component_generator_1.ComponentGenerator.generateComponent(firstData, {}, template.componentTemplate);
+        return component_util_1.ComponentUtil.getComponentSize(element);
+    }
+    static adjustComponentTemplate(data, idealSize, template) {
+        const componentSize = this.getComponentSize(data, template);
+        const adjustedTemplate = util_1.ObjectUtil.cloneDeep(template);
+        const horizontalPadding = ((template.gridDimensions.cols * 2) * template.componentPadding || 20);
+        const verticalPadding = ((template.gridDimensions.rows * 2) * template.componentPadding || 20);
+        const requiredSize = {
+            width: componentSize.width * template.gridDimensions.cols + horizontalPadding,
+            height: componentSize.height * template.gridDimensions.rows + verticalPadding,
+        };
+        const requiredHeightAdjustment = (idealSize.height - requiredSize.height) / template.gridDimensions.rows;
+        const requiredWidthAdjustment = (idealSize.width - requiredSize.width) / template.gridDimensions.cols;
+        if (requiredHeightAdjustment < 0 && requiredHeightAdjustment < requiredWidthAdjustment) {
+            adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredHeightAdjustment;
+        }
+        if (requiredWidthAdjustment < 0 && requiredWidthAdjustment < requiredHeightAdjustment) {
+            adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredWidthAdjustment;
+        }
+        return adjustedTemplate;
+    }
+}
+exports.ComponentGridGenerator = ComponentGridGenerator;

package/lib/components/component-util.d.ts

@@ -1,5 +1,5 @@
-import { DocumentElement, SizeDefinition } from "@contrail/documents";
-export declare class ComponentUtil {
-    static generatedModelBindings(data: any): any;
-    static getComponentSize(element: DocumentElement): SizeDefinition;
-}
+import { DocumentElement, SizeDefinition } from "@contrail/documents";
+export declare class ComponentUtil {
+    static generatedModelBindings(data: any): any;
+    static getComponentSize(element: DocumentElement): SizeDefinition;
+}

package/lib/components/component-util.js

@@ -1,43 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentUtil = void 0;
-class ComponentUtil {
-    static generatedModelBindings(data) {
-        const model = {};
-        if (data.item) {
-            model.item = `item:${data.item.id}`;
-            model.viewable = `item:${data.item.id}`;
-        }
-        if (data.projectItem) {
-            model.projectItem = `project-item:${data.projectItem.id}`;
-        }
-        if (data.assortmentItem) {
-            model.assortmentItem = `assortment-item:${data.assortmentItem.id}`;
-        }
-        if (data.assortment) {
-            model.assortment = `assortment:${data.assortment.id}`;
-        }
-        return model;
-    }
-    static getComponentSize(element) {
-        var _a, _b, _c, _d, _e;
-        const sizeDefinition = {
-            width: 0,
-            height: 0,
-        };
-        const imageElement = ((_a = element.elements) === null || _a === void 0 ? void 0 : _a.find(el => el.type === 'image')) || {};
-        sizeDefinition.width = (_b = imageElement.size) === null || _b === void 0 ? void 0 : _b.width;
-        const LINE_PADDING = 8;
-        const textElements = (_c = element.elements) === null || _c === void 0 ? void 0 : _c.filter(el => el.type === 'text');
-        let textHeight = 0;
-        textElements.forEach(el => {
-            var _a, _b;
-            let fontSize = ((_b = (_a = el.style) === null || _a === void 0 ? void 0 : _a.font) === null || _b === void 0 ? void 0 : _b.size) || 12;
-            textHeight += fontSize + LINE_PADDING;
-        });
-        const imageHeight = (((_d = imageElement.size) === null || _d === void 0 ? void 0 : _d.height) || ((_e = imageElement.size) === null || _e === void 0 ? void 0 : _e.width) || 150);
-        sizeDefinition.height = imageHeight + textHeight;
-        return sizeDefinition;
-    }
-}
-exports.ComponentUtil = ComponentUtil;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentUtil = void 0;
+class ComponentUtil {
+    static generatedModelBindings(data) {
+        const model = {};
+        if (data.item) {
+            model.item = `item:${data.item.id}`;
+            model.viewable = `item:${data.item.id}`;
+        }
+        if (data.projectItem) {
+            model.projectItem = `project-item:${data.projectItem.id}`;
+        }
+        if (data.assortmentItem) {
+            model.assortmentItem = `assortment-item:${data.assortmentItem.id}`;
+        }
+        if (data.assortment) {
+            model.assortment = `assortment:${data.assortment.id}`;
+        }
+        return model;
+    }
+    static getComponentSize(element) {
+        var _a, _b, _c, _d, _e;
+        const sizeDefinition = {
+            width: 0,
+            height: 0,
+        };
+        const imageElement = ((_a = element.elements) === null || _a === void 0 ? void 0 : _a.find(el => el.type === 'image')) || {};
+        sizeDefinition.width = (_b = imageElement.size) === null || _b === void 0 ? void 0 : _b.width;
+        const LINE_PADDING = 8;
+        const textElements = (_c = element.elements) === null || _c === void 0 ? void 0 : _c.filter(el => el.type === 'text');
+        let textHeight = 0;
+        textElements.forEach(el => {
+            var _a, _b;
+            let fontSize = ((_b = (_a = el.style) === null || _a === void 0 ? void 0 : _a.font) === null || _b === void 0 ? void 0 : _b.size) || 12;
+            textHeight += fontSize + LINE_PADDING;
+        });
+        const imageHeight = (((_d = imageElement.size) === null || _d === void 0 ? void 0 : _d.height) || ((_e = imageElement.size) === null || _e === void 0 ? void 0 : _e.width) || 150);
+        sizeDefinition.height = imageHeight + textHeight;
+        return sizeDefinition;
+    }
+}
+exports.ComponentUtil = ComponentUtil;

package/lib/document-generator.d.ts

@@ -1,6 +1,6 @@
-import { DocumentElement } from "@contrail/documents";
-import { DocumentGenerationOptions } from "./interfaces";
-export declare class DocumentGenerator {
-    constructor();
-    static generateDocumentElements(options: DocumentGenerationOptions): Array<DocumentElement>;
-}
+import { DocumentElement } from "@contrail/documents";
+import { DocumentGenerationOptions } from "./interfaces";
+export declare class DocumentGenerator {
+    constructor();
+    static generateDocumentElements(options: DocumentGenerationOptions): Array<DocumentElement>;
+}

package/lib/document-generator.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentGenerator = void 0;
-const board_document_generator_1 = require("./board-document-generator");
-class DocumentGenerator {
-    constructor() {
-    }
-    static generateDocumentElements(options) {
-        return board_document_generator_1.BoardDocumentGenerator.generateDocumentElements(options);
-    }
-}
-exports.DocumentGenerator = DocumentGenerator;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentGenerator = void 0;
+const board_document_generator_1 = require("./board-document-generator");
+class DocumentGenerator {
+    constructor() {
+    }
+    static generateDocumentElements(options) {
+        return board_document_generator_1.BoardDocumentGenerator.generateDocumentElements(options);
+    }
+}
+exports.DocumentGenerator = DocumentGenerator;

package/lib/frames/frame-generator.d.ts

@@ -1,12 +1,12 @@
-import { DocumentElement, PositionDefinition, SizeDefinition } from "@contrail/documents";
-import { DataGroup } from "@contrail/data-grouping";
-import { DocumentTemplate, FrameDocumentTemplate } from "../interfaces";
-import { DocumentFrame } from "./frame";
-export declare class FrameGenerator {
-    static generateBoardFrameForDataGroup(dataGroup: DataGroup, framePosition: PositionDefinition, template: DocumentTemplate, frameTemplate: FrameDocumentTemplate, frameTitle: string): DocumentFrame;
-    static generateFrameContentForGroup(frame: DocumentFrame, dataGroup: DataGroup, template: DocumentTemplate, frameTemplate?: FrameDocumentTemplate, frameTitle?: string): DocumentFrame;
-    static generateFrameHeaderForDataGroup(dataGroup: DataGroup, position: PositionDefinition, template: DocumentTemplate, headerSize: SizeDefinition, frameTitle?: string): DocumentElement[];
-    static generateFrameInfoPanelForDataGroup(dataGroup: DataGroup, position: PositionDefinition, template: DocumentTemplate, panelSize: SizeDefinition): DocumentElement[];
-    static generateFrame(options: DocumentElement): DocumentElement;
-    static generateFrameTemplateElements(frameTemplate: FrameDocumentTemplate, dataGroup: DataGroup): DocumentElement[];
-}
+import { DocumentElement, PositionDefinition, SizeDefinition } from "@contrail/documents";
+import { DataGroup } from "@contrail/data-grouping";
+import { DocumentTemplate, FrameDocumentTemplate } from "../interfaces";
+import { DocumentFrame } from "./frame";
+export declare class FrameGenerator {
+    static generateBoardFrameForDataGroup(dataGroup: DataGroup, framePosition: PositionDefinition, template: DocumentTemplate, frameTemplate: FrameDocumentTemplate, frameTitle: string): DocumentFrame;
+    static generateFrameContentForGroup(frame: DocumentFrame, dataGroup: DataGroup, template: DocumentTemplate, frameTemplate?: FrameDocumentTemplate, frameTitle?: string): DocumentFrame;
+    static generateFrameHeaderForDataGroup(dataGroup: DataGroup, position: PositionDefinition, template: DocumentTemplate, headerSize: SizeDefinition, frameTitle?: string): DocumentElement[];
+    static generateFrameInfoPanelForDataGroup(dataGroup: DataGroup, position: PositionDefinition, template: DocumentTemplate, panelSize: SizeDefinition): DocumentElement[];
+    static generateFrame(options: DocumentElement): DocumentElement;
+    static generateFrameTemplateElements(frameTemplate: FrameDocumentTemplate, dataGroup: DataGroup): DocumentElement[];
+}

package/lib/frames/frame-generator.js

@@ -1,128 +1,128 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FrameGenerator = void 0;
-const documents_1 = require("@contrail/documents");
-const component_grid_generator_1 = require("../components/component-grid-generator");
-const util_1 = require("@contrail/util");
-const document_util_1 = require("../util/document-util");
-const info_panel_generator_1 = require("../info-panel/info-panel-generator");
-const frame_1 = require("./frame");
-class FrameGenerator {
-    static generateBoardFrameForDataGroup(dataGroup, framePosition, template, frameTemplate, frameTitle) {
-        let style = { backgroundColor: "#fff", border: { width: 1, color: "#616161" } };
-        let frameSize = template.frameSize;
-        let clipContent = false;
-        if (frameTemplate) {
-            if (frameTemplate.document.style) {
-                style = frameTemplate.document.style;
-            }
-            frameSize = frameTemplate.document.size;
-            if (frameTemplate.document.clipContent) {
-                clipContent = frameTemplate.document.clipContent;
-            }
-        }
-        let frame = new frame_1.BoardFrame((frameTitle || dataGroup.name), util_1.ObjectUtil.cloneDeep(framePosition), frameSize, style, clipContent);
-        frame = this.generateFrameContentForGroup(frame, dataGroup, template, frameTemplate, frameTitle);
-        return frame;
-    }
-    static generateFrameContentForGroup(frame, dataGroup, template, frameTemplate = null, frameTitle = null) {
-        var _a, _b;
-        const FRAME_PADDING = 20;
-        const headerPosition = {
-            x: FRAME_PADDING,
-            y: FRAME_PADDING
-        };
-        const panelPosition = {
-            x: FRAME_PADDING,
-            y: FRAME_PADDING
-        };
-        let frameHeaderDimensions = { height: 0, width: 0 };
-        let framePanelDimensions = { height: 0, width: 0 };
-        let hasPanel = false;
-        let hasHeader = false;
-        if (frameTemplate) {
-            const elements = this.generateFrameTemplateElements(frameTemplate, dataGroup);
-            frame.addDocumentElements(elements);
-        }
-        else {
-            if (template.frameHeaderTemplate) {
-                hasHeader = true;
-                frameHeaderDimensions = { height: 50, width: template.frameSize.width - 50 };
-                const headerElements = this.generateFrameHeaderForDataGroup(dataGroup, headerPosition, template, frameHeaderDimensions, frameTitle);
-                frame.addDocumentElements(headerElements);
-            }
-            if (template.frameInfoPanelTemplate) {
-                hasPanel = true;
-                framePanelDimensions = { width: ((_b = (_a = template.frameInfoPanelTemplate.panelDocumentTemplate) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.width) || 300 };
-                framePanelDimensions.height = template.frameSize.height - (2 * FRAME_PADDING);
-                const panelElements = this.generateFrameInfoPanelForDataGroup(dataGroup, panelPosition, template, framePanelDimensions);
-                frame.addDocumentElements(panelElements);
-            }
-        }
-        const GRID_MARGIN = 20;
-        let gridPosition = { x: 0, y: 0 };
-        let idealGridSize = { width: 0, height: 0 };
-        if (frameTemplate) {
-            gridPosition = frameTemplate.gridSpaceDefinition.position;
-            idealGridSize = frameTemplate.gridSpaceDefinition.size;
-        }
-        else {
-            if (hasHeader) {
-                gridPosition = util_1.ObjectUtil.cloneDeep(headerPosition);
-                gridPosition.y = gridPosition.y + frameHeaderDimensions.height + GRID_MARGIN;
-            }
-            if (hasPanel) {
-                gridPosition = util_1.ObjectUtil.cloneDeep(panelPosition);
-                gridPosition.x = gridPosition.x + framePanelDimensions.width + GRID_MARGIN;
-            }
-            const frameSize = template.frameSize;
-            idealGridSize = {
-                width: frameSize.width - gridPosition.x - FRAME_PADDING,
-                height: frameSize.height - gridPosition.y - FRAME_PADDING
-            };
-        }
-        const gridElements = component_grid_generator_1.ComponentGridGenerator.generateComponentGrid(dataGroup.data, gridPosition, template.componentGridTemplate, idealGridSize);
-        frame.addDocumentElements(gridElements);
-        return frame;
-    }
-    static generateFrameHeaderForDataGroup(dataGroup, position, template, headerSize, frameTitle = null) {
-        const heading = documents_1.DocumentElementFactory.createTextElement(dataGroup.name, template.frameHeaderTemplate);
-        heading.style = { border: { width: 1, color: "rgba(0,0,0,0)" }, color: "#000000", backgroundColor: template.frameHeaderTemplate.style.backgroundColor || 'black' };
-        heading.text = `<p><span style=\"font-size: ${template.frameHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.frameHeaderTemplate.style.color};\">${document_util_1.DocumentUtil.sanitizeHTML(frameTitle || dataGroup.name)}</span></strong></span></p>`;
-        heading.size = util_1.ObjectUtil.cloneDeep(headerSize);
-        heading.position = util_1.ObjectUtil.cloneDeep(position);
-        return [heading];
-    }
-    static generateFrameInfoPanelForDataGroup(dataGroup, position, template, panelSize) {
-        return info_panel_generator_1.InfoPanelGenerator.generatePanelFromTemplate(dataGroup.propertyValues, template.frameInfoPanelTemplate, position, panelSize);
-    }
-    static generateFrame(options) {
-        const frame = documents_1.DocumentElementFactory.createFrameElement(options);
-        return frame;
-    }
-    static generateFrameTemplateElements(frameTemplate, dataGroup) {
-        const templateElements = util_1.ObjectUtil.cloneDeep(frameTemplate.document.elements);
-        const elementMapping = {};
-        const createdElements = [];
-        for (let element of templateElements) {
-            const origElementId = util_1.ObjectUtil.cloneDeep(element.id);
-            delete element.id;
-            delete element.updatedOn;
-            delete element.updatedById;
-            delete element.createdOn;
-            delete element.createdById;
-            const documentElement = documents_1.DocumentElementFactory.createElement(element.type, element);
-            elementMapping[origElementId] = documentElement.id;
-            if (documentElement.type === 'text') {
-                documentElement.text = documentElement.text.replace('{{dataGroup.name}}', dataGroup.name);
-            }
-            if (documentElement.elementIds) {
-                documentElement.elementIds = [elementMapping[documentElement.elementIds[0]]];
-            }
-            createdElements.push(documentElement);
-        }
-        ;
-        return createdElements;
-    }
-}
-exports.FrameGenerator = FrameGenerator;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FrameGenerator = void 0;
+const documents_1 = require("@contrail/documents");
+const component_grid_generator_1 = require("../components/component-grid-generator");
+const util_1 = require("@contrail/util");
+const document_util_1 = require("../util/document-util");
+const info_panel_generator_1 = require("../info-panel/info-panel-generator");
+const frame_1 = require("./frame");
+class FrameGenerator {
+    static generateBoardFrameForDataGroup(dataGroup, framePosition, template, frameTemplate, frameTitle) {
+        let style = { backgroundColor: "#fff", border: { width: 1, color: "#616161" } };
+        let frameSize = template.frameSize;
+        let clipContent = false;
+        if (frameTemplate) {
+            if (frameTemplate.document.style) {
+                style = frameTemplate.document.style;
+            }
+            frameSize = frameTemplate.document.size;
+            if (frameTemplate.document.clipContent) {
+                clipContent = frameTemplate.document.clipContent;
+            }
+        }
+        let frame = new frame_1.BoardFrame((frameTitle || dataGroup.name), util_1.ObjectUtil.cloneDeep(framePosition), frameSize, style, clipContent);
+        frame = this.generateFrameContentForGroup(frame, dataGroup, template, frameTemplate, frameTitle);
+        return frame;
+    }
+    static generateFrameContentForGroup(frame, dataGroup, template, frameTemplate = null, frameTitle = null) {
+        var _a, _b;
+        const FRAME_PADDING = 20;
+        const headerPosition = {
+            x: FRAME_PADDING,
+            y: FRAME_PADDING
+        };
+        const panelPosition = {
+            x: FRAME_PADDING,
+            y: FRAME_PADDING
+        };
+        let frameHeaderDimensions = { height: 0, width: 0 };
+        let framePanelDimensions = { height: 0, width: 0 };
+        let hasPanel = false;
+        let hasHeader = false;
+        if (frameTemplate) {
+            const elements = this.generateFrameTemplateElements(frameTemplate, dataGroup);
+            frame.addDocumentElements(elements);
+        }
+        else {
+            if (template.frameHeaderTemplate) {
+                hasHeader = true;
+                frameHeaderDimensions = { height: 50, width: template.frameSize.width - 50 };
+                const headerElements = this.generateFrameHeaderForDataGroup(dataGroup, headerPosition, template, frameHeaderDimensions, frameTitle);
+                frame.addDocumentElements(headerElements);
+            }
+            if (template.frameInfoPanelTemplate) {
+                hasPanel = true;
+                framePanelDimensions = { width: ((_b = (_a = template.frameInfoPanelTemplate.panelDocumentTemplate) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.width) || 300 };
+                framePanelDimensions.height = template.frameSize.height - (2 * FRAME_PADDING);
+                const panelElements = this.generateFrameInfoPanelForDataGroup(dataGroup, panelPosition, template, framePanelDimensions);
+                frame.addDocumentElements(panelElements);
+            }
+        }
+        const GRID_MARGIN = 20;
+        let gridPosition = { x: 0, y: 0 };
+        let idealGridSize = { width: 0, height: 0 };
+        if (frameTemplate) {
+            gridPosition = frameTemplate.gridSpaceDefinition.position;
+            idealGridSize = frameTemplate.gridSpaceDefinition.size;
+        }
+        else {
+            if (hasHeader) {
+                gridPosition = util_1.ObjectUtil.cloneDeep(headerPosition);
+                gridPosition.y = gridPosition.y + frameHeaderDimensions.height + GRID_MARGIN;
+            }
+            if (hasPanel) {
+                gridPosition = util_1.ObjectUtil.cloneDeep(panelPosition);
+                gridPosition.x = gridPosition.x + framePanelDimensions.width + GRID_MARGIN;
+            }
+            const frameSize = template.frameSize;
+            idealGridSize = {
+                width: frameSize.width - gridPosition.x - FRAME_PADDING,
+                height: frameSize.height - gridPosition.y - FRAME_PADDING
+            };
+        }
+        const gridElements = component_grid_generator_1.ComponentGridGenerator.generateComponentGrid(dataGroup.data, gridPosition, template.componentGridTemplate, idealGridSize);
+        frame.addDocumentElements(gridElements);
+        return frame;
+    }
+    static generateFrameHeaderForDataGroup(dataGroup, position, template, headerSize, frameTitle = null) {
+        const heading = documents_1.DocumentElementFactory.createTextElement(dataGroup.name, template.frameHeaderTemplate);
+        heading.style = { border: { width: 1, color: "rgba(0,0,0,0)" }, color: "#000000", backgroundColor: template.frameHeaderTemplate.style.backgroundColor || 'black' };
+        heading.text = `<p><span style=\"font-size: ${template.frameHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.frameHeaderTemplate.style.color};\">${document_util_1.DocumentUtil.sanitizeHTML(frameTitle || dataGroup.name)}</span></strong></span></p>`;
+        heading.size = util_1.ObjectUtil.cloneDeep(headerSize);
+        heading.position = util_1.ObjectUtil.cloneDeep(position);
+        return [heading];
+    }
+    static generateFrameInfoPanelForDataGroup(dataGroup, position, template, panelSize) {
+        return info_panel_generator_1.InfoPanelGenerator.generatePanelFromTemplate(dataGroup.propertyValues, template.frameInfoPanelTemplate, position, panelSize);
+    }
+    static generateFrame(options) {
+        const frame = documents_1.DocumentElementFactory.createFrameElement(options);
+        return frame;
+    }
+    static generateFrameTemplateElements(frameTemplate, dataGroup) {
+        const templateElements = util_1.ObjectUtil.cloneDeep(frameTemplate.document.elements);
+        const elementMapping = {};
+        const createdElements = [];
+        for (let element of templateElements) {
+            const origElementId = util_1.ObjectUtil.cloneDeep(element.id);
+            delete element.id;
+            delete element.updatedOn;
+            delete element.updatedById;
+            delete element.createdOn;
+            delete element.createdById;
+            const documentElement = documents_1.DocumentElementFactory.createElement(element.type, element);
+            elementMapping[origElementId] = documentElement.id;
+            if (documentElement.type === 'text') {
+                documentElement.text = documentElement.text.replace('{{dataGroup.name}}', dataGroup.name);
+            }
+            if (documentElement.elementIds) {
+                documentElement.elementIds = [elementMapping[documentElement.elementIds[0]]];
+            }
+            createdElements.push(documentElement);
+        }
+        ;
+        return createdElements;
+    }
+}
+exports.FrameGenerator = FrameGenerator;

package/lib/frames/frame.d.ts

@@ -1,16 +1,16 @@
-import { DocumentElement, PositionDefinition, SizeDefinition, StyleDefinition } from "@contrail/documents";
-export declare abstract class DocumentFrame {
-    frameContentElements: Array<DocumentElement>;
-    constructor();
-    addDocumentElements(elements: Array<DocumentElement>): void;
-    toDocumentElements(): Array<DocumentElement>;
-}
-export declare class ShowcaseFrame extends DocumentFrame {
-    documentGenerationConfigId?: string;
-}
-export declare class BoardFrame extends DocumentFrame {
-    private frameElement;
-    name: string;
-    constructor(name: string, position: PositionDefinition, size: SizeDefinition, style: StyleDefinition, clipContent?: boolean);
-    toDocumentElements(): Array<DocumentElement>;
-}
+import { DocumentElement, PositionDefinition, SizeDefinition, StyleDefinition } from "@contrail/documents";
+export declare abstract class DocumentFrame {
+    frameContentElements: Array<DocumentElement>;
+    constructor();
+    addDocumentElements(elements: Array<DocumentElement>): void;
+    toDocumentElements(): Array<DocumentElement>;
+}
+export declare class ShowcaseFrame extends DocumentFrame {
+    documentGenerationConfigId?: string;
+}
+export declare class BoardFrame extends DocumentFrame {
+    private frameElement;
+    name: string;
+    constructor(name: string, position: PositionDefinition, size: SizeDefinition, style: StyleDefinition, clipContent?: boolean);
+    toDocumentElements(): Array<DocumentElement>;
+}