@contrail/document-generation 1.0.34 → 2.0.3

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

@@ -0,0 +1,20 @@
+import { DocumentElement, PositionDefinition } from "@contrail/documents";
+import { DocumentGenerationOptions, DocumentTemplate } from "./interfaces";
+import { DataGroup } from "@contrail/data-grouping";
+export declare class BoardDocumentGenerator {
+    constructor();
+    static generateDocumentElements(options: DocumentGenerationOptions): Array<DocumentElement>;
+    static adjustPositionBasedGroupHeaderSpan(currentPosition: PositionDefinition, template: DocumentTemplate, subGroup: DataGroup, totalDepth: number, currentDepth: number): {
+        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): any[];
+    static generateBoardFrames(group: DataGroup, template: DocumentTemplate, startingPosition: PositionDefinition, totalDepth: number, currentDepth: number): any[];
+    static getGroupSpan(group: DataGroup, totalDepth: any, currentDepth: any): number;
+    static generateFrameGroup(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition): Array<DocumentElement>;
+    static generateBoardGroupHeader(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition, span: any): any[];
+}

package/lib/board-document-generator.js

@@ -0,0 +1,129 @@
+"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");
+class BoardDocumentGenerator {
+    constructor() {
+    }
+    static generateDocumentElements(options) {
+        const elements = [];
+        const structure = options.data.dataGroup;
+        const template = options.documentTemplateDefinition;
+        console.log("generateDocumentElements: ", structure.depth, structure.groupingProperties.length);
+        let position = options.startingCoordinates || { x: 0, y: 0 };
+        const group = structure.rootGroup;
+        elements.push(...this.generateBoardGroupHeaders(group, template, position, structure.depth, 0));
+        elements.push(...this.generateBoardFrames(group, template, position, structure.depth, 0));
+        return elements;
+    }
+    static adjustPositionBasedGroupHeaderSpan(currentPosition, template, subGroup, totalDepth, currentDepth) {
+        let frameSetMultiple = this.getGroupSpan(subGroup, totalDepth, currentDepth + 1);
+        let paddingMultiple = 1;
+        if (currentDepth < totalDepth) {
+            paddingMultiple = frameSetMultiple;
+        }
+        if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
+            return { x: currentPosition.x, y: currentPosition.y + (template.frameSize.height * frameSetMultiple) + (template.framePadding * paddingMultiple) };
+        }
+        else {
+            return { x: currentPosition.x + (template.frameSize.width * frameSetMultiple) + (template.framePadding * paddingMultiple), 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) {
+        const elements = [];
+        let position = util_1.ObjectUtil.cloneDeep(startingPosition);
+        if (currentDepth > 0) {
+            let groupHeaderPosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
+            let span = this.getGroupSpan(group, totalDepth, currentDepth);
+            elements.push(...this.generateBoardGroupHeader(group, template, groupHeaderPosition, span));
+            position = this.adjustPositionBasedOnGroupHeaderSize(position, template);
+        }
+        if (currentDepth < totalDepth) {
+            for (let subGroup of group.subGroups) {
+                elements.push(...this.generateBoardGroupHeaders(subGroup, template, position, totalDepth, currentDepth + 1));
+                position = util_1.ObjectUtil.cloneDeep(this.adjustPositionBasedGroupHeaderSpan(position, template, subGroup, totalDepth, currentDepth));
+            }
+        }
+        return elements;
+    }
+    static generateBoardFrames(group, template, startingPosition, totalDepth, currentDepth) {
+        const elements = [];
+        let position = util_1.ObjectUtil.cloneDeep(startingPosition);
+        if (currentDepth > 0) {
+            position = this.adjustPositionBasedOnGroupHeaderSize(position, template);
+        }
+        if (currentDepth === totalDepth) {
+            elements.push(...this.generateFrameGroup(group, template, position));
+        }
+        if (currentDepth < totalDepth) {
+            for (let subGroup of group.subGroups) {
+                elements.push(...this.generateBoardFrames(subGroup, template, position, totalDepth, currentDepth + 1));
+                position = util_1.ObjectUtil.cloneDeep(this.adjustPositionBasedGroupHeaderSpan(position, template, subGroup, totalDepth, currentDepth));
+            }
+        }
+        return elements;
+    }
+    static getGroupSpan(group, totalDepth, currentDepth) {
+        let span = 1;
+        if (currentDepth !== totalDepth) {
+            span = group.subGroups.length;
+        }
+        return span;
+    }
+    static generateFrameGroup(dataGroup, template, position) {
+        const elements = [];
+        let framePosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
+        for (let group of dataGroup.subGroups) {
+            let frame = frame_generator_1.FrameGenerator.generateBoardFrameForDataGroup(group, framePosition, template);
+            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) {
+        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;
+        if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
+            let sizeDim = template.frameSize.height * 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 * 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;
+    }
+}
+exports.BoardDocumentGenerator = BoardDocumentGenerator;

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

@@ -20,7 +20,6 @@ class ComponentGridGenerator {
         }
         const elements = [];
         let dataIndex = 0;
-        console.log("generateComponentGrid: idealSize: ", idealSize);
         let gridTemplate = template;
         const optimizeTemplate = true;
         if (optimizeTemplate) {

package/lib/document-generator.d.ts

@@ -1,11 +1,6 @@
-import { DocumentElement, PositionDefinition } from "@contrail/documents";
-import { DocumentGenerationOptions, DocumentTemplate } from "./interfaces";
-import { DataGroup } from "@contrail/data-grouping";
+import { DocumentElement } from "@contrail/documents";
+import { DocumentGenerationOptions } from "./interfaces";
 export declare class DocumentGenerator {
     constructor();
     static generateDocumentElements(options: DocumentGenerationOptions): Array<DocumentElement>;
-    static generateGroup(group: DataGroup, template: any, startingPosition: any, totalDepth: any, currentDepth: any): any[];
-    static getGroupSpan(group: DataGroup, totalDepth: any, currentDepth: any): number;
-    static generateFrameGroup(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition): Array<DocumentElement>;
-    static generateGroupHeading(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition, span: any): any[];
 }

package/lib/document-generator.js

@@ -1,107 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocumentGenerator = void 0;
-const documents_1 = require("@contrail/documents");
-const interfaces_1 = require("./interfaces");
-const util_1 = require("@contrail/util");
-const frame_generator_1 = require("./frame-generator");
-const document_util_1 = require("./util/document-util");
+const board_document_generator_1 = require("./board-document-generator");
 class DocumentGenerator {
     constructor() {
     }
     static generateDocumentElements(options) {
-        const elements = [];
-        const structure = options.data.dataGroup;
-        const template = options.documentTemplateDefinition;
-        console.log("generateDocumentElements: ", structure.depth, structure.groupingProperties.length);
-        let position = options.startingCoordinates || { x: 0, y: 0 };
-        const group = structure.rootGroup;
-        elements.push(...this.generateGroup(group, template, position, structure.depth, 0));
-        return elements;
-    }
-    static generateGroup(group, template, startingPosition, totalDepth, currentDepth) {
-        const elements = [];
-        let position = util_1.ObjectUtil.cloneDeep(startingPosition);
-        if (currentDepth > 0) {
-            let groupHeaderPosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
-            let span = this.getGroupSpan(group, totalDepth, currentDepth);
-            elements.push(...this.generateGroupHeading(group, template, groupHeaderPosition, span));
-            let groupHeaderDimensions = { width: template.frameSize.width, height: template.frameGroupHeaderTemplate.size.height };
-            if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
-                position = { x: position.x + groupHeaderDimensions.height + template.framePadding, y: position.y };
-            }
-            else {
-                position = { x: position.x, y: position.y + groupHeaderDimensions.height + template.framePadding };
-            }
-        }
-        if (currentDepth === totalDepth) {
-            elements.push(...this.generateFrameGroup(group, template, position));
-        }
-        if (currentDepth < totalDepth) {
-            for (let subGroup of group.subGroups) {
-                elements.push(...this.generateGroup(subGroup, template, position, totalDepth, currentDepth + 1));
-                let frameSetMultiple = this.getGroupSpan(subGroup, totalDepth, currentDepth + 1);
-                let paddingMultiple = 1;
-                if (currentDepth < totalDepth) {
-                    paddingMultiple = frameSetMultiple;
-                }
-                if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
-                    position = { x: position.x, y: position.y + (template.frameSize.height * frameSetMultiple) + (template.framePadding * paddingMultiple) };
-                }
-                else {
-                    position = { x: position.x + (template.frameSize.width * frameSetMultiple) + (template.framePadding * paddingMultiple), y: position.y };
-                }
-            }
-        }
-        return elements;
-    }
-    static getGroupSpan(group, totalDepth, currentDepth) {
-        let span = 1;
-        if (currentDepth !== totalDepth) {
-            span = group.subGroups.length;
-        }
-        return span;
-    }
-    static generateFrameGroup(dataGroup, template, position) {
-        const elements = [];
-        let framePosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
-        for (let group of dataGroup.subGroups) {
-            elements.push(...frame_generator_1.FrameGenerator.generateFrameForDataGroup(group, framePosition, template));
-            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 generateGroupHeading(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.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;
-        if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
-            let sizeDim = template.frameSize.height * 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 * 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;
+        return board_document_generator_1.BoardDocumentGenerator.generateDocumentElements(options);
     }
 }
 exports.DocumentGenerator = DocumentGenerator;

package/lib/{frame-generator.d.ts → frames/frame-generator.d.ts}

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

package/lib/{frame-generator.js → frames/frame-generator.js}

@@ -2,45 +2,48 @@
 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 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 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 generateFrameForDataGroup(dataGroup, framePosition, template) {
+    static generateBoardFrameForDataGroup(dataGroup, framePosition, template) {
+        const style = { backgroundColor: "#fff", border: { width: 1, color: "#616161" } };
+        let frame = new frame_1.BoardFrame(dataGroup.name, util_1.ObjectUtil.cloneDeep(framePosition), template.frameSize, style);
+        frame = this.generateFrameContentForGroup(frame, dataGroup, template);
+        return frame;
+    }
+    static generateFrameContentForGroup(frame, dataGroup, template) {
         var _a, _b;
-        const elements = [];
-        const frame = this.generateFrame({
-            position: util_1.ObjectUtil.cloneDeep(framePosition),
-            size: template.frameSize,
-            style: { backgroundColor: "#fff", border: { width: 1, color: "#616161" } }
-        });
-        frame.name = dataGroup.name;
         const FRAME_PADDING = 20;
-        const headerPosition = util_1.ObjectUtil.cloneDeep(framePosition);
-        headerPosition.y = headerPosition.y + FRAME_PADDING;
-        headerPosition.x = headerPosition.x + FRAME_PADDING;
-        const panelPosition = util_1.ObjectUtil.cloneDeep(framePosition);
-        panelPosition.y = panelPosition.y + FRAME_PADDING;
-        panelPosition.x = panelPosition.x + FRAME_PADDING;
+        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;
-        elements.push(util_1.ObjectUtil.cloneDeep(frame));
         if (template.frameHeaderTemplate) {
             hasHeader = true;
             frameHeaderDimensions = { height: 50, width: template.frameSize.width - 50 };
-            elements.push(...this.generateFrameHeaderForDataGroup(dataGroup, headerPosition, template, frameHeaderDimensions));
+            const headerElements = this.generateFrameHeaderForDataGroup(dataGroup, headerPosition, template, frameHeaderDimensions);
+            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);
-            elements.push(...this.generateFrameInfoPanelForDataGroup(dataGroup, panelPosition, template, framePanelDimensions));
+            const panelElements = this.generateFrameInfoPanelForDataGroup(dataGroup, panelPosition, template, framePanelDimensions);
+            frame.addDocumentElements(panelElements);
         }
         const GRID_MARGIN = 20;
-        let gridPosition = util_1.ObjectUtil.cloneDeep(framePosition);
+        let gridPosition = { x: 0, y: 0 };
         if (hasHeader) {
             gridPosition = util_1.ObjectUtil.cloneDeep(headerPosition);
             gridPosition.y = gridPosition.y + frameHeaderDimensions.height + GRID_MARGIN;
@@ -49,14 +52,14 @@ class FrameGenerator {
             gridPosition = util_1.ObjectUtil.cloneDeep(panelPosition);
             gridPosition.x = gridPosition.x + framePanelDimensions.width + GRID_MARGIN;
         }
-        const relativeGridPosition = document_util_1.DocumentUtil.getRelativePosition(framePosition, gridPosition);
         const frameSize = template.frameSize;
         const idealGridSize = {
-            width: frameSize.width - relativeGridPosition.x - FRAME_PADDING,
-            height: frameSize.height - relativeGridPosition.y - FRAME_PADDING
+            width: frameSize.width - gridPosition.x - FRAME_PADDING,
+            height: frameSize.height - gridPosition.y - FRAME_PADDING
         };
-        elements.push(...component_grid_generator_1.ComponentGridGenerator.generateComponentGrid(dataGroup.data, gridPosition, template.componentGridTemplate, idealGridSize));
-        return elements;
+        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) {
         const heading = documents_1.DocumentElementFactory.createTextElement(dataGroup.name, template.frameHeaderTemplate);

package/lib/frames/frame.d.ts

@@ -0,0 +1,15 @@
+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 {
+}
+export declare class BoardFrame extends DocumentFrame {
+    private frameElement;
+    name: string;
+    constructor(name: string, position: PositionDefinition, size: SizeDefinition, style: StyleDefinition);
+    toDocumentElements(): Array<DocumentElement>;
+}

package/lib/frames/frame.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoardFrame = exports.ShowcaseFrame = exports.DocumentFrame = void 0;
+const documents_1 = require("@contrail/documents");
+const util_1 = require("@contrail/util");
+class DocumentFrame {
+    constructor() {
+        this.frameContentElements = [];
+    }
+    addDocumentElements(elements) {
+        this.frameContentElements.push(...elements);
+    }
+    toDocumentElements() {
+        const elements = [];
+        elements.push(...this.frameContentElements);
+        return elements;
+    }
+}
+exports.DocumentFrame = DocumentFrame;
+class ShowcaseFrame extends DocumentFrame {
+}
+exports.ShowcaseFrame = ShowcaseFrame;
+class BoardFrame extends DocumentFrame {
+    constructor(name, position, size, style) {
+        super();
+        if (!position) {
+            position = { x: 0, y: 0 };
+        }
+        if (!size) {
+            size = { width: 1200, height: 675 };
+        }
+        if (!style) {
+            style = {};
+        }
+        this.frameElement = documents_1.DocumentElementFactory.createFrameElement({ size, position, style });
+        this.frameElement.name = name;
+    }
+    toDocumentElements() {
+        const elements = [];
+        elements.push(this.frameElement);
+        const repositionedElements = [];
+        for (let element of util_1.ObjectUtil.cloneDeep(this.frameContentElements)) {
+            if (this.frameElement.position.x !== 0) {
+                element.position.x += this.frameElement.position.x;
+            }
+            if (this.frameElement.position.y !== 0) {
+                element.position.y += this.frameElement.position.y;
+            }
+            repositionedElements.push(element);
+        }
+        elements.push(...repositionedElements);
+        return elements;
+    }
+}
+exports.BoardFrame = BoardFrame;

package/lib/index.d.ts

@@ -1,2 +1,4 @@
 export * from './document-generator';
+export * from './board-document-generator';
+export * from './showcase-frame-generator';
 export * from './interfaces';

package/lib/index.js

@@ -15,4 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./document-generator"), exports);
+__exportStar(require("./board-document-generator"), exports);
+__exportStar(require("./showcase-frame-generator"), exports);
 __exportStar(require("./interfaces"), exports);

package/lib/scripts/{test.js → test-board.js}

@@ -129,7 +129,7 @@ function run() {
                 }]
         };
         const documentTemplateDefinition = {
-            frameOrientation: interfaces_1.Orientation.VERTICAL,
+            frameOrientation: interfaces_1.Orientation.HORIZONTAL,
             frameSize: { width: 1200, height: 675 },
             framePadding: 30,
             frameGroupHeaderTemplate: {
@@ -164,7 +164,7 @@ function run() {
                 propertyTemplate: PANEL_PROPERTY_TEMPLATE
             },
             componentGridTemplate: {
-                gridDimensions: { cols: 4, rows: 2 },
+                gridDimensions: { cols: 3, rows: 1 },
                 componentPadding: 5,
                 componentTemplate: {
                     propertyTemplate: PROPERTY_COMPONENT_TEMPLATE

package/lib/scripts/test-showcase.d.ts

@@ -0,0 +1 @@
+export {};