@contrail/document-generation 2.0.50 → 2.0.52

package/README.md

@@ -1,2 +1,2 @@
-Library for use with @contrail/documents that allows for the quick/automation generation of
-documents based on templates and layout options.
+Library for use with @contrail/documents that allows for the quick/automation generation of
+documents based on templates and layout options.

package/lib/board-document-generator.d.ts

@@ -1,23 +1,23 @@
-import { DocumentElement, PositionDefinition } from '@contrail/documents';
-import { DocumentGenerationOptions, DocumentTemplate, FrameDocumentTemplate } from './interfaces';
-import { DataGroup } from '@contrail/data-grouping';
-export declare class BoardDocumentGenerator {
-    static secondaryGroupPadding: number;
-    constructor();
-    static generateDocumentElements(options: DocumentGenerationOptions, typeMap: any): Array<DocumentElement>;
-    static adjustPositionBasedGroupHeaderSpan(currentPosition: PositionDefinition, template: DocumentTemplate, subGroup: DataGroup, totalDepth: number, currentDepth: number, containsSecondaryGroup: any): {
-        x: number;
-        y: number;
-    };
-    static adjustPositionBasedOnGroupHeaderSize(currentPosition: PositionDefinition, template: DocumentTemplate): {
-        x: number;
-        y: number;
-    };
-    static generateBoardGroupHeaders(group: DataGroup, template: DocumentTemplate, startingPosition: PositionDefinition, totalDepth: number, currentDepth: number, containsSecondaryGroup?: boolean): any[];
-    static generateBoardFrames(group: DataGroup, template: DocumentTemplate, frameTemplate: FrameDocumentTemplate, startingPosition: PositionDefinition, totalDepth: number, currentDepth: number, containsSecondaryGroup: boolean, frameTitle: string): any[];
-    static getGroupSpan(group: DataGroup, totalDepth: any, currentDepth: any, stopAtSecondary: any): number;
-    private static findDeepestSubgroups;
-    static generateFrameGroup(dataGroup: DataGroup, template: DocumentTemplate, frameTemplate: any, position: PositionDefinition, frameTitle: string): Array<DocumentElement>;
-    static generateBoardGroupHeader(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition, span: any, containsSecondaryGroup?: boolean): any[];
-    static generateSecondaryGroupHeader(dataGroup: any, template: any, position: any, span: any): any[];
-}
+import { DocumentElement, PositionDefinition } from '@contrail/documents';
+import { DocumentGenerationOptions, DocumentTemplate, FrameDocumentTemplate } from './interfaces';
+import { DataGroup } from '@contrail/data-grouping';
+export declare class BoardDocumentGenerator {
+    static secondaryGroupPadding: number;
+    constructor();
+    static generateDocumentElements(options: DocumentGenerationOptions, typeMap: any): Array<DocumentElement>;
+    static adjustPositionBasedGroupHeaderSpan(currentPosition: PositionDefinition, template: DocumentTemplate, subGroup: DataGroup, totalDepth: number, currentDepth: number, containsSecondaryGroup: any): {
+        x: number;
+        y: number;
+    };
+    static adjustPositionBasedOnGroupHeaderSize(currentPosition: PositionDefinition, template: DocumentTemplate): {
+        x: number;
+        y: number;
+    };
+    static generateBoardGroupHeaders(group: DataGroup, template: DocumentTemplate, startingPosition: PositionDefinition, totalDepth: number, currentDepth: number, containsSecondaryGroup?: boolean): any[];
+    static generateBoardFrames(group: DataGroup, template: DocumentTemplate, frameTemplate: FrameDocumentTemplate, startingPosition: PositionDefinition, totalDepth: number, currentDepth: number, containsSecondaryGroup: boolean, frameTitle: string): any[];
+    static getGroupSpan(group: DataGroup, totalDepth: any, currentDepth: any, stopAtSecondary: any): number;
+    private static findDeepestSubgroups;
+    static generateFrameGroup(dataGroup: DataGroup, template: DocumentTemplate, frameTemplate: any, position: PositionDefinition, frameTitle: string): Array<DocumentElement>;
+    static generateBoardGroupHeader(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition, span: any, containsSecondaryGroup?: boolean): any[];
+    static generateSecondaryGroupHeader(dataGroup: any, template: any, position: any, span: any): any[];
+}

package/lib/board-document-generator.js

@@ -1,241 +1,241 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoardDocumentGenerator = void 0;
-const documents_1 = require("@contrail/documents");
-const interfaces_1 = require("./interfaces");
-const util_1 = require("@contrail/util");
-const frame_generator_1 = require("./frames/frame-generator");
-const document_util_1 = require("./util/document-util");
-const document_dynamic_text_element_util_1 = require("./util/document-dynamic-text-element-util");
-class BoardDocumentGenerator {
-    constructor() { }
-    static generateDocumentElements(options, typeMap) {
-        if (typeMap && document_dynamic_text_element_util_1.DocumentDynamicTextElementUtil.typeMap === undefined) {
-            document_dynamic_text_element_util_1.DocumentDynamicTextElementUtil.typeMap = typeMap;
-        }
-        const elements = [];
-        const structure = options.data.dataGroup;
-        const template = options.documentTemplateDefinition;
-        const frameTemplate = options.frameTemplate;
-        if (frameTemplate) {
-            template.frameSize = frameTemplate.document.size;
-        }
-        console.log('generateDocumentElements: ', structure.depth, structure.groupingProperties.length);
-        let position = options.startingCoordinates || { x: 0, y: 0 };
-        const group = structure.rootGroup;
-        const deepestSubgroups = [];
-        this.findDeepestSubgroups(group, deepestSubgroups, structure.depth, 0, true);
-        let containsSecondaryGroup = deepestSubgroups.length > 0 && deepestSubgroups[0].isSecondaryGroup;
-        elements.push(...this.generateBoardGroupHeaders(group, template, position, structure.depth, 0, containsSecondaryGroup));
-        elements.push(...this.generateBoardFrames(group, template, frameTemplate, position, structure.depth, 0, containsSecondaryGroup, null));
-        return elements;
-    }
-    static adjustPositionBasedGroupHeaderSpan(currentPosition, template, subGroup, totalDepth, currentDepth, containsSecondaryGroup) {
-        let frameSetMultiple = this.getGroupSpan(subGroup, totalDepth, currentDepth + 1, !subGroup.isSecondaryGroup);
-        let paddingMultiple = 1;
-        if (currentDepth < totalDepth) {
-            paddingMultiple = frameSetMultiple;
-        }
-        let adjustment = 0;
-        if (!subGroup.isSecondaryGroup && containsSecondaryGroup) {
-            adjustment = this.secondaryGroupPadding * paddingMultiple;
-        }
-        if ((template.frameOrientation === interfaces_1.Orientation.HORIZONTAL && !subGroup.isSecondaryGroup) ||
-            (template.frameOrientation === interfaces_1.Orientation.VERTICAL && subGroup.isSecondaryGroup)) {
-            return {
-                x: currentPosition.x,
-                y: currentPosition.y +
-                    template.frameSize.height * frameSetMultiple +
-                    template.framePadding * paddingMultiple +
-                    adjustment,
-            };
-        }
-        else if ((template.frameOrientation === interfaces_1.Orientation.HORIZONTAL && subGroup.isSecondaryGroup) ||
-            (template.frameOrientation === interfaces_1.Orientation.VERTICAL && !subGroup.isSecondaryGroup)) {
-            return {
-                x: currentPosition.x +
-                    template.frameSize.width * frameSetMultiple +
-                    template.framePadding * paddingMultiple +
-                    adjustment,
-                y: currentPosition.y,
-            };
-        }
-    }
-    static adjustPositionBasedOnGroupHeaderSize(currentPosition, template) {
-        let groupHeaderDimensions = {
-            width: template.frameSize.width,
-            height: template.frameGroupHeaderTemplate.size.height,
-        };
-        if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
-            return { x: currentPosition.x + groupHeaderDimensions.height + template.framePadding, y: currentPosition.y };
-        }
-        else {
-            return { x: currentPosition.x, y: currentPosition.y + groupHeaderDimensions.height + template.framePadding };
-        }
-    }
-    static generateBoardGroupHeaders(group, template, startingPosition, totalDepth, currentDepth, containsSecondaryGroup = false) {
-        const elements = [];
-        let position = {
-            x: startingPosition.x,
-            y: startingPosition.y,
-        };
-        if (currentDepth > 0) {
-            let groupHeaderPosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
-            let span = this.getGroupSpan(group, totalDepth, currentDepth, true);
-            elements.push(...this.generateBoardGroupHeader(group, template, groupHeaderPosition, span, containsSecondaryGroup));
-            position = this.adjustPositionBasedOnGroupHeaderSize(position, template);
-        }
-        if (currentDepth < totalDepth) {
-            for (let subGroup of group.subGroups) {
-                if (!subGroup.isSecondaryGroup) {
-                    elements.push(...this.generateBoardGroupHeaders(subGroup, template, position, totalDepth, currentDepth + 1, containsSecondaryGroup));
-                    const adjustedPosition = this.adjustPositionBasedGroupHeaderSpan(position, template, subGroup, totalDepth, currentDepth, containsSecondaryGroup);
-                    position = {
-                        x: adjustedPosition.x,
-                        y: adjustedPosition.y,
-                    };
-                }
-            }
-        }
-        return elements;
-    }
-    static generateBoardFrames(group, template, frameTemplate, startingPosition, totalDepth, currentDepth, containsSecondaryGroup, frameTitle) {
-        if (currentDepth > 0) {
-            frameTitle = !frameTitle ? group.name : frameTitle + ' / ' + group.name;
-        }
-        const elements = [];
-        let position = {
-            x: startingPosition.x,
-            y: startingPosition.y,
-        };
-        if (currentDepth > 0 && !group.isSecondaryGroup) {
-            position = this.adjustPositionBasedOnGroupHeaderSize(position, template);
-        }
-        if (currentDepth === totalDepth) {
-            elements.push(...this.generateFrameGroup(group, template, frameTemplate, position, frameTitle));
-        }
-        if (currentDepth < totalDepth) {
-            for (let subGroup of group.subGroups) {
-                elements.push(...this.generateBoardFrames(subGroup, template, frameTemplate, position, totalDepth, currentDepth + 1, containsSecondaryGroup, frameTitle));
-                const adjustedPosition = this.adjustPositionBasedGroupHeaderSpan(position, template, subGroup, totalDepth, currentDepth, containsSecondaryGroup);
-                position = {
-                    x: adjustedPosition.x,
-                    y: adjustedPosition.y,
-                };
-            }
-        }
-        return elements;
-    }
-    static getGroupSpan(group, totalDepth, currentDepth, stopAtSecondary) {
-        const deepestSubgroups = [];
-        this.findDeepestSubgroups(group, deepestSubgroups, totalDepth, currentDepth, stopAtSecondary);
-        return deepestSubgroups.length;
-    }
-    static findDeepestSubgroups(group, subgroups, totalDepth, currentDepth, stopAtSecondary) {
-        if (currentDepth === totalDepth && group.subGroups.length > 0) {
-            if (!group.isSecondaryGroup &&
-                group.subGroups.filter((subgroup) => subgroup.name === group.subGroups[0].name).length > 1) {
-                subgroups.push(group.subGroups[0]);
-            }
-            else {
-                subgroups.push(...group.subGroups);
-            }
-        }
-        for (let i = 0; i < group.subGroups.length; i++) {
-            if (group.subGroups[i].isSecondaryGroup && stopAtSecondary) {
-                subgroups.push(group.subGroups[0]);
-                break;
-            }
-            this.findDeepestSubgroups(group.subGroups[i], subgroups, totalDepth, currentDepth + 1, stopAtSecondary);
-        }
-    }
-    static generateFrameGroup(dataGroup, template, frameTemplate, position, frameTitle) {
-        const elements = [];
-        let framePosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
-        if (dataGroup.isSecondaryGroup) {
-            elements.push(...this.generateSecondaryGroupHeader(dataGroup, template, util_1.ObjectUtil.cloneDeep(framePosition), dataGroup.subGroups.length));
-            if (template.frameOrientation === interfaces_1.Orientation.VERTICAL) {
-                framePosition.x = framePosition.x + template.frameGroupHeaderTemplate.size.height + 20;
-            }
-            else {
-                framePosition.y = framePosition.y + template.frameGroupHeaderTemplate.size.height + 20;
-            }
-        }
-        for (let group of dataGroup.subGroups) {
-            let frame = frame_generator_1.FrameGenerator.generateBoardFrameForDataGroup(group, framePosition, template, frameTemplate, frameTitle);
-            elements.push(...frame.toDocumentElements());
-            if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
-                framePosition.x = framePosition.x + template.frameSize.width + template.framePadding || 10;
-            }
-            else {
-                framePosition.y = framePosition.y + template.frameSize.height + template.framePadding || 10;
-            }
-        }
-        return elements;
-    }
-    static generateBoardGroupHeader(dataGroup, template, position, span, containsSecondaryGroup = false) {
-        const elements = [];
-        const heading = documents_1.DocumentElementFactory.createTextElement('Placeholder', {});
-        heading.style = {
-            border: { width: 1, color: 'rgba(0,0,0,0)' },
-            color: '#000000',
-            backgroundColor: template.frameGroupHeaderTemplate.style.backgroundColor || 'black',
-        };
-        heading.text = `<p><span style=\"font-size: ${template.frameGroupHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.frameGroupHeaderTemplate.style.color};\">${document_util_1.DocumentUtil.sanitizeHTML(dataGroup.name)}</span></strong></span></p>`;
-        heading.position = position;
-        let adjustment = containsSecondaryGroup ? this.secondaryGroupPadding : 0;
-        if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
-            let sizeDim = (template.frameSize.height + adjustment) * span;
-            if (span > 1) {
-                sizeDim += (span - 1) * template.framePadding;
-            }
-            heading.size = { width: sizeDim, height: template.frameGroupHeaderTemplate.size.height };
-            heading.rotate = { angle: 270 };
-            heading.position.x = heading.position.x - heading.size.width / 2 + heading.size.height / 2;
-            heading.position.y = heading.position.y + heading.size.width / 2 - heading.size.height / 2;
-        }
-        else {
-            let sizeDim = (template.frameSize.width + adjustment) * span;
-            if (span > 1) {
-                sizeDim += (span - 1) * template.framePadding;
-            }
-            heading.rotate = { angle: 0 };
-            heading.size = { width: sizeDim, height: template.frameGroupHeaderTemplate.size.height };
-        }
-        elements.push(heading);
-        return elements;
-    }
-    static generateSecondaryGroupHeader(dataGroup, template, position, span) {
-        const elements = [];
-        const heading = documents_1.DocumentElementFactory.createTextElement('Placeholder', {});
-        heading.style = {
-            border: { width: 1, color: 'rgba(0,0,0,0)' },
-            color: '#000000',
-            backgroundColor: template.secondaryFrameGroupHeaderTemplate.style.backgroundColor || 'black',
-        };
-        heading.text = `<p><span style=\"font-size: ${template.secondaryFrameGroupHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.secondaryFrameGroupHeaderTemplate.style.color};\">${document_util_1.DocumentUtil.sanitizeHTML(dataGroup.name)}</span></strong></span></p>`;
-        heading.position = position;
-        if (template.frameOrientation === interfaces_1.Orientation.VERTICAL) {
-            let sizeDim = template.frameSize.height * span;
-            if (span > 1) {
-                sizeDim += (span - 1) * template.framePadding;
-            }
-            heading.size = { width: sizeDim, height: template.secondaryFrameGroupHeaderTemplate.size.height };
-            heading.rotate = { angle: 270 };
-            heading.position.x = heading.position.x - heading.size.width / 2 + heading.size.height / 2;
-            heading.position.y = heading.position.y + heading.size.width / 2 - heading.size.height / 2;
-        }
-        else {
-            let sizeDim = template.frameSize.width * span;
-            if (span > 1) {
-                sizeDim += (span - 1) * template.framePadding;
-            }
-            heading.rotate = { angle: 0 };
-            heading.size = { width: sizeDim, height: template.secondaryFrameGroupHeaderTemplate.size.height };
-        }
-        elements.push(heading);
-        return elements;
-    }
-}
-exports.BoardDocumentGenerator = BoardDocumentGenerator;
-BoardDocumentGenerator.secondaryGroupPadding = 80;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoardDocumentGenerator = void 0;
+const documents_1 = require("@contrail/documents");
+const interfaces_1 = require("./interfaces");
+const util_1 = require("@contrail/util");
+const frame_generator_1 = require("./frames/frame-generator");
+const document_util_1 = require("./util/document-util");
+const document_dynamic_text_element_util_1 = require("./util/document-dynamic-text-element-util");
+class BoardDocumentGenerator {
+    constructor() { }
+    static generateDocumentElements(options, typeMap) {
+        if (typeMap && document_dynamic_text_element_util_1.DocumentDynamicTextElementUtil.typeMap === undefined) {
+            document_dynamic_text_element_util_1.DocumentDynamicTextElementUtil.typeMap = typeMap;
+        }
+        const elements = [];
+        const structure = options.data.dataGroup;
+        const template = options.documentTemplateDefinition;
+        const frameTemplate = options.frameTemplate;
+        if (frameTemplate) {
+            template.frameSize = frameTemplate.document.size;
+        }
+        console.log('generateDocumentElements: ', structure.depth, structure.groupingProperties.length);
+        let position = options.startingCoordinates || { x: 0, y: 0 };
+        const group = structure.rootGroup;
+        const deepestSubgroups = [];
+        this.findDeepestSubgroups(group, deepestSubgroups, structure.depth, 0, true);
+        let containsSecondaryGroup = deepestSubgroups.length > 0 && deepestSubgroups[0].isSecondaryGroup;
+        elements.push(...this.generateBoardGroupHeaders(group, template, position, structure.depth, 0, containsSecondaryGroup));
+        elements.push(...this.generateBoardFrames(group, template, frameTemplate, position, structure.depth, 0, containsSecondaryGroup, null));
+        return elements;
+    }
+    static adjustPositionBasedGroupHeaderSpan(currentPosition, template, subGroup, totalDepth, currentDepth, containsSecondaryGroup) {
+        let frameSetMultiple = this.getGroupSpan(subGroup, totalDepth, currentDepth + 1, !subGroup.isSecondaryGroup);
+        let paddingMultiple = 1;
+        if (currentDepth < totalDepth) {
+            paddingMultiple = frameSetMultiple;
+        }
+        let adjustment = 0;
+        if (!subGroup.isSecondaryGroup && containsSecondaryGroup) {
+            adjustment = this.secondaryGroupPadding * paddingMultiple;
+        }
+        if ((template.frameOrientation === interfaces_1.Orientation.HORIZONTAL && !subGroup.isSecondaryGroup) ||
+            (template.frameOrientation === interfaces_1.Orientation.VERTICAL && subGroup.isSecondaryGroup)) {
+            return {
+                x: currentPosition.x,
+                y: currentPosition.y +
+                    template.frameSize.height * frameSetMultiple +
+                    template.framePadding * paddingMultiple +
+                    adjustment,
+            };
+        }
+        else if ((template.frameOrientation === interfaces_1.Orientation.HORIZONTAL && subGroup.isSecondaryGroup) ||
+            (template.frameOrientation === interfaces_1.Orientation.VERTICAL && !subGroup.isSecondaryGroup)) {
+            return {
+                x: currentPosition.x +
+                    template.frameSize.width * frameSetMultiple +
+                    template.framePadding * paddingMultiple +
+                    adjustment,
+                y: currentPosition.y,
+            };
+        }
+    }
+    static adjustPositionBasedOnGroupHeaderSize(currentPosition, template) {
+        let groupHeaderDimensions = {
+            width: template.frameSize.width,
+            height: template.frameGroupHeaderTemplate.size.height,
+        };
+        if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
+            return { x: currentPosition.x + groupHeaderDimensions.height + template.framePadding, y: currentPosition.y };
+        }
+        else {
+            return { x: currentPosition.x, y: currentPosition.y + groupHeaderDimensions.height + template.framePadding };
+        }
+    }
+    static generateBoardGroupHeaders(group, template, startingPosition, totalDepth, currentDepth, containsSecondaryGroup = false) {
+        const elements = [];
+        let position = {
+            x: startingPosition.x,
+            y: startingPosition.y,
+        };
+        if (currentDepth > 0) {
+            let groupHeaderPosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
+            let span = this.getGroupSpan(group, totalDepth, currentDepth, true);
+            elements.push(...this.generateBoardGroupHeader(group, template, groupHeaderPosition, span, containsSecondaryGroup));
+            position = this.adjustPositionBasedOnGroupHeaderSize(position, template);
+        }
+        if (currentDepth < totalDepth) {
+            for (let subGroup of group.subGroups) {
+                if (!subGroup.isSecondaryGroup) {
+                    elements.push(...this.generateBoardGroupHeaders(subGroup, template, position, totalDepth, currentDepth + 1, containsSecondaryGroup));
+                    const adjustedPosition = this.adjustPositionBasedGroupHeaderSpan(position, template, subGroup, totalDepth, currentDepth, containsSecondaryGroup);
+                    position = {
+                        x: adjustedPosition.x,
+                        y: adjustedPosition.y,
+                    };
+                }
+            }
+        }
+        return elements;
+    }
+    static generateBoardFrames(group, template, frameTemplate, startingPosition, totalDepth, currentDepth, containsSecondaryGroup, frameTitle) {
+        if (currentDepth > 0) {
+            frameTitle = !frameTitle ? group.name : frameTitle + ' / ' + group.name;
+        }
+        const elements = [];
+        let position = {
+            x: startingPosition.x,
+            y: startingPosition.y,
+        };
+        if (currentDepth > 0 && !group.isSecondaryGroup) {
+            position = this.adjustPositionBasedOnGroupHeaderSize(position, template);
+        }
+        if (currentDepth === totalDepth) {
+            elements.push(...this.generateFrameGroup(group, template, frameTemplate, position, frameTitle));
+        }
+        if (currentDepth < totalDepth) {
+            for (let subGroup of group.subGroups) {
+                elements.push(...this.generateBoardFrames(subGroup, template, frameTemplate, position, totalDepth, currentDepth + 1, containsSecondaryGroup, frameTitle));
+                const adjustedPosition = this.adjustPositionBasedGroupHeaderSpan(position, template, subGroup, totalDepth, currentDepth, containsSecondaryGroup);
+                position = {
+                    x: adjustedPosition.x,
+                    y: adjustedPosition.y,
+                };
+            }
+        }
+        return elements;
+    }
+    static getGroupSpan(group, totalDepth, currentDepth, stopAtSecondary) {
+        const deepestSubgroups = [];
+        this.findDeepestSubgroups(group, deepestSubgroups, totalDepth, currentDepth, stopAtSecondary);
+        return deepestSubgroups.length;
+    }
+    static findDeepestSubgroups(group, subgroups, totalDepth, currentDepth, stopAtSecondary) {
+        if (currentDepth === totalDepth && group.subGroups.length > 0) {
+            if (!group.isSecondaryGroup &&
+                group.subGroups.filter((subgroup) => subgroup.name === group.subGroups[0].name).length > 1) {
+                subgroups.push(group.subGroups[0]);
+            }
+            else {
+                subgroups.push(...group.subGroups);
+            }
+        }
+        for (let i = 0; i < group.subGroups.length; i++) {
+            if (group.subGroups[i].isSecondaryGroup && stopAtSecondary) {
+                subgroups.push(group.subGroups[0]);
+                break;
+            }
+            this.findDeepestSubgroups(group.subGroups[i], subgroups, totalDepth, currentDepth + 1, stopAtSecondary);
+        }
+    }
+    static generateFrameGroup(dataGroup, template, frameTemplate, position, frameTitle) {
+        const elements = [];
+        let framePosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
+        if (dataGroup.isSecondaryGroup) {
+            elements.push(...this.generateSecondaryGroupHeader(dataGroup, template, util_1.ObjectUtil.cloneDeep(framePosition), dataGroup.subGroups.length));
+            if (template.frameOrientation === interfaces_1.Orientation.VERTICAL) {
+                framePosition.x = framePosition.x + template.frameGroupHeaderTemplate.size.height + 20;
+            }
+            else {
+                framePosition.y = framePosition.y + template.frameGroupHeaderTemplate.size.height + 20;
+            }
+        }
+        for (let group of dataGroup.subGroups) {
+            let frame = frame_generator_1.FrameGenerator.generateBoardFrameForDataGroup(group, framePosition, template, frameTemplate, frameTitle);
+            elements.push(...frame.toDocumentElements());
+            if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
+                framePosition.x = framePosition.x + template.frameSize.width + template.framePadding || 10;
+            }
+            else {
+                framePosition.y = framePosition.y + template.frameSize.height + template.framePadding || 10;
+            }
+        }
+        return elements;
+    }
+    static generateBoardGroupHeader(dataGroup, template, position, span, containsSecondaryGroup = false) {
+        const elements = [];
+        const heading = documents_1.DocumentElementFactory.createTextElement('Placeholder', {});
+        heading.style = {
+            border: { width: 1, color: 'rgba(0,0,0,0)' },
+            color: '#000000',
+            backgroundColor: template.frameGroupHeaderTemplate.style.backgroundColor || 'black',
+        };
+        heading.text = `<p><span style=\"font-size: ${template.frameGroupHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.frameGroupHeaderTemplate.style.color};\">${document_util_1.DocumentUtil.sanitizeHTML(dataGroup.name)}</span></strong></span></p>`;
+        heading.position = position;
+        let adjustment = containsSecondaryGroup ? this.secondaryGroupPadding : 0;
+        if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
+            let sizeDim = (template.frameSize.height + adjustment) * span;
+            if (span > 1) {
+                sizeDim += (span - 1) * template.framePadding;
+            }
+            heading.size = { width: sizeDim, height: template.frameGroupHeaderTemplate.size.height };
+            heading.rotate = { angle: 270 };
+            heading.position.x = heading.position.x - heading.size.width / 2 + heading.size.height / 2;
+            heading.position.y = heading.position.y + heading.size.width / 2 - heading.size.height / 2;
+        }
+        else {
+            let sizeDim = (template.frameSize.width + adjustment) * span;
+            if (span > 1) {
+                sizeDim += (span - 1) * template.framePadding;
+            }
+            heading.rotate = { angle: 0 };
+            heading.size = { width: sizeDim, height: template.frameGroupHeaderTemplate.size.height };
+        }
+        elements.push(heading);
+        return elements;
+    }
+    static generateSecondaryGroupHeader(dataGroup, template, position, span) {
+        const elements = [];
+        const heading = documents_1.DocumentElementFactory.createTextElement('Placeholder', {});
+        heading.style = {
+            border: { width: 1, color: 'rgba(0,0,0,0)' },
+            color: '#000000',
+            backgroundColor: template.secondaryFrameGroupHeaderTemplate.style.backgroundColor || 'black',
+        };
+        heading.text = `<p><span style=\"font-size: ${template.secondaryFrameGroupHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.secondaryFrameGroupHeaderTemplate.style.color};\">${document_util_1.DocumentUtil.sanitizeHTML(dataGroup.name)}</span></strong></span></p>`;
+        heading.position = position;
+        if (template.frameOrientation === interfaces_1.Orientation.VERTICAL) {
+            let sizeDim = template.frameSize.height * span;
+            if (span > 1) {
+                sizeDim += (span - 1) * template.framePadding;
+            }
+            heading.size = { width: sizeDim, height: template.secondaryFrameGroupHeaderTemplate.size.height };
+            heading.rotate = { angle: 270 };
+            heading.position.x = heading.position.x - heading.size.width / 2 + heading.size.height / 2;
+            heading.position.y = heading.position.y + heading.size.width / 2 - heading.size.height / 2;
+        }
+        else {
+            let sizeDim = template.frameSize.width * span;
+            if (span > 1) {
+                sizeDim += (span - 1) * template.framePadding;
+            }
+            heading.rotate = { angle: 0 };
+            heading.size = { width: sizeDim, height: template.secondaryFrameGroupHeaderTemplate.size.height };
+        }
+        elements.push(heading);
+        return elements;
+    }
+}
+exports.BoardDocumentGenerator = BoardDocumentGenerator;
+BoardDocumentGenerator.secondaryGroupPadding = 80;

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

@@ -1,6 +1,6 @@
-import { DocumentElement } from '@contrail/documents';
-import { ComponentPropertyTemplate, ComponentTemplate } from '../interfaces';
-export declare class ComponentGenerator {
-    static generateComponent(data: any, options: DocumentElement, template: ComponentTemplate): any;
-    static generateComponentFromPropertyTemplate(data: any, options: DocumentElement, template: ComponentPropertyTemplate): DocumentElement;
-}
+import { DocumentElement } from '@contrail/documents';
+import { ComponentPropertyTemplate, ComponentTemplate } from '../interfaces';
+export declare class ComponentGenerator {
+    static generateComponent(data: any, options: DocumentElement, template: ComponentTemplate): any;
+    static generateComponentFromPropertyTemplate(data: any, options: DocumentElement, template: ComponentPropertyTemplate): DocumentElement;
+}