@progress/kendo-vue-pdf 3.6.4 → 3.7.0-dev.202210250731

package/dist/esm/grid/provideSaveGridPDF.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 import { canUseDOM } from '@progress/kendo-vue-common';
 var allVue = Vue;
@@ -24,33 +20,27 @@ import { exportElement } from './export-element.js';
 /**
  * @hidden
  */
-
 export function provideSaveGridPDF(savePDF) {
   return function (grid, pdfExportOptions, callback, data, columns) {
     if (pdfExportOptions === void 0) {
       pdfExportOptions = {};
     }
-
     return saveGridPDF(savePDF, grid, pdfExportOptions, callback, data, columns);
   };
 }
-
 function saveGridPDF(savePDF, grid, pdfExportOptions, callback, data, v3) {
   if (pdfExportOptions === void 0) {
     pdfExportOptions = {};
   }
-
   renderGrid();
   var gridOuterWrapper;
   var gridInnerWrapper;
   var finalContainer;
   var gridInstance;
-
   function renderGrid() {
     if (!canUseDOM) {
       return;
     }
-
     gridOuterWrapper = document.createElement('div');
     gridOuterWrapper.setAttribute('style', 'position:absolute; left: -5000px; top: 0px;');
     gridInnerWrapper = document.createElement('div');
@@ -62,7 +52,6 @@ function saveGridPDF(savePDF, grid, pdfExportOptions, callback, data, v3) {
       pageSize: data.length,
       skip: 0
     };
-
     if (v3) {
       var gridForPdf = {
         render: function render() {
@@ -75,7 +64,6 @@ function saveGridPDF(savePDF, grid, pdfExportOptions, callback, data, v3) {
             // @ts-ignore
             this.$el.style.width = '1000px';
           }
-
           onGridRendered.call(this);
         }
       };
@@ -90,7 +78,6 @@ function saveGridPDF(savePDF, grid, pdfExportOptions, callback, data, v3) {
           if (gridInstance.$el.style) {
             gridInstance.$el.style.width = '1000px';
           }
-
           onGridRendered.call(gridInstance);
         }
       });
@@ -99,27 +86,22 @@ function saveGridPDF(savePDF, grid, pdfExportOptions, callback, data, v3) {
       gridInstance.$mount(gridInnerWrapper);
     }
   }
-
   function onGridRendered() {
     savePDF(prepareFinalElementForExport.call(this), pdfExportOptions, cleanUpAndInvokeCallback);
   }
-
   function cleanUpAndInvokeCallback() {
     if (gridInstance.unmount) {
       gridInstance.unmount();
     } else {
       gridInstance.$destroy();
     }
-
     document.body.removeChild(gridOuterWrapper);
     document.body.removeChild(finalContainer);
     gridOuterWrapper = finalContainer = undefined;
-
     if (callback) {
       callback();
     }
   }
-
   function prepareFinalElementForExport() {
     /* Ultimatelly, there is no need for double DOM-copying of the grid.
     The one in this method is a copied Angular implementation

package/dist/esm/main.d.ts

@@ -3,4 +3,5 @@ import { PDFExportProps } from './PDFExportProps';
 import { PageTemplateProps } from './PageTemplateProps';
 import { savePDF } from './savePDF';
 import { GridPdfExport, GridPdfExportVue2, GridPDFExportProps } from './grid/GridPDFExport';
-export { PDFExport, PDFExportVue2, PDFExportProps, PageTemplateProps, savePDF, GridPdfExport, GridPdfExportVue2, GridPDFExportProps };
+import { TreeListPDFExport, TreeListPDFExportVue2, TreeListPDFExportProps } from './treelist/TreeListPDFExport';
+export { PDFExport, PDFExportVue2, PDFExportProps, PageTemplateProps, savePDF, GridPdfExport, GridPdfExportVue2, GridPDFExportProps, TreeListPDFExport, TreeListPDFExportVue2, TreeListPDFExportProps };

package/dist/esm/main.js

@@ -1,7 +1,8 @@
 import { PDFExport, PDFExportVue2 } from './PDFExport.js';
 import { savePDF } from './savePDF.js';
 import { GridPdfExport, GridPdfExportVue2 } from './grid/GridPDFExport.js';
-export { PDFExport, PDFExportVue2, savePDF, GridPdfExport, GridPdfExportVue2 };
+import { TreeListPDFExport, TreeListPDFExportVue2 } from './treelist/TreeListPDFExport.js';
+export { PDFExport, PDFExportVue2, savePDF, GridPdfExport, GridPdfExportVue2, TreeListPDFExport, TreeListPDFExportVue2 };
 // Automatic installation if Vue has been added to the global scope.
 var vue = 'Vue';
 if (typeof window !== 'undefined' && window[vue] && window[vue].component) {

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-pdf',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151327,
+    publishDate: 1666682411,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/treelist/TreeListPDFExport.d.ts

@@ -0,0 +1,37 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { PDFExportProps } from '../PDFExportProps';
+export interface TreeListPDFExportProps extends PDFExportProps {
+}
+/**
+ * @hidden
+ */
+export interface TreeListPDFExportMethods extends Vue2type {
+    save: (data?: any[], callback?: () => void) => void;
+    getSavePDF: () => any;
+}
+/**
+ * @hidden
+ */
+export interface TreeListPDFExportState {
+    saveTreeListPDF: any;
+    treeListComponent: any;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface TreeListPDFExportAll extends TreeListPDFExportMethods, TreeListPDFExportState {
+}
+/**
+ * @hidden
+ */
+declare let TreeListPDFExportVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<TreeListPDFExportAll>, {}, RecordPropsDefinition<TreeListPDFExportProps>>;
+/**
+ * @hidden
+ */
+declare const TreeListPDFExport: DefineComponent<TreeListPDFExportProps, any, {}, {}, TreeListPDFExportMethods, {}, {}, {}, string, TreeListPDFExportProps, TreeListPDFExportProps, {}>;
+export { TreeListPDFExport, TreeListPDFExportVue2 };

package/dist/esm/treelist/TreeListPDFExport.js

@@ -0,0 +1,75 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { savePDF } from '../savePDF.js';
+import { provideSaveTreeListPDF } from './provideSaveTreeListPDF.js';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+var TreeListPDFExportVue2 = {
+  name: 'treelist-pdf-export',
+  props: {
+    author: String,
+    avoidLinks: [Boolean, String],
+    forcePageBreak: String,
+    keepTogether: String,
+    creator: String,
+    date: Date,
+    imageResolution: Number,
+    fileName: String,
+    forceProxy: Boolean,
+    keywords: String,
+    landscape: Boolean,
+    margin: [String, Object],
+    pageTemplate: [Object, Function],
+    paperSize: [String, Object],
+    repeatHeaders: Boolean,
+    scale: Number,
+    proxyData: Object,
+    proxyURL: String,
+    proxyTarget: String,
+    producer: String,
+    subject: String,
+    title: String
+  },
+  created: function created() {
+    this.saveTreeListPDF = provideSaveTreeListPDF(this.getSavePDF());
+  },
+  methods: {
+    save: function save(data, callback) {
+      var defaultSlot = getDefaultSlots(this);
+      // @ts-ignore
+      var treeListSlot = defaultSlot.filter(function (child) {
+        return child && child.tag && child.tag.toLowerCase().indexOf('treelist') !== -1 || child.componentOptions && child.componentOptions.tag && child.componentOptions.tag.toLowerCase().indexOf('treelist') !== -1 || child.type && child.type.name && child.type.name.toLowerCase().indexOf('treelist') !== -1;
+      });
+      if (treeListSlot.length) {
+        this.treeListComponent = this.v3 ? treeListSlot[0] : treeListSlot[0].componentInstance;
+        this.saveTreeListPDF(this.treeListComponent, this.$props, callback, data, this.v3);
+      }
+    },
+    getSavePDF: function getSavePDF() {
+      return savePDF;
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return h("div", [defaultSlot]);
+  }
+};
+/**
+ * @hidden
+ */
+var TreeListPDFExport = TreeListPDFExportVue2;
+export { TreeListPDFExport, TreeListPDFExportVue2 };

package/dist/esm/treelist/export-element.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @hidden
+ */
+export declare const exportElement: (wrapper: HTMLElement) => HTMLElement;

package/dist/esm/treelist/export-element.js

@@ -0,0 +1,31 @@
+import { GridQuery } from '../common/table-query.js';
+import { wrapTable, createTable } from '../common/utils.js';
+/**
+ * @hidden
+ */
+export var exportElement = function (wrapper) {
+    var query = new GridQuery(wrapper);
+    var content = query.content();
+    var result;
+    var headerWithoutFilter = query.header();
+    if (headerWithoutFilter.children.length > 1) {
+        headerWithoutFilter.removeChild(headerWithoutFilter.children[1]);
+    }
+    headerWithoutFilter.children[0].childNodes.forEach(function (headerCell) {
+        if (headerCell.style) {
+            return headerCell.style.top = 0;
+        }
+    });
+    if (content) {
+        var colGroups = [content.querySelector('colgroup')];
+        var headers = [headerWithoutFilter];
+        var bodies = [content.querySelector('tbody')];
+        var footer = query.footer();
+        var footers = footer ? [footer.querySelector('tfoot')] : [];
+        result = createTable(colGroups, headers, bodies, footers);
+    }
+    else {
+        result = wrapTable(query.table().cloneNode(true));
+    }
+    return result;
+};

package/dist/esm/treelist/provideSaveTreeListPDF.d.ts

@@ -0,0 +1,5 @@
+import { PDFExportProps } from '../PDFExportProps';
+/**
+ * @hidden
+ */
+export declare function provideSaveTreeListPDF(savePDF: (domElement: HTMLElement, options?: PDFExportProps, callback?: () => void) => void): (treeList: any, pdfExportOptions?: PDFExportProps, callback?: () => void, data?: any, columns?: any) => void;

package/dist/esm/treelist/provideSaveTreeListPDF.js

@@ -0,0 +1,116 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+// @ts-ignore
+import * as Vue from 'vue';
+import { canUseDOM } from '@progress/kendo-vue-common';
+var allVue = Vue;
+var h = allVue.h;
+var createApp = allVue.createApp;
+import { exportElement } from './export-element.js';
+/**
+ * @hidden
+ */
+export function provideSaveTreeListPDF(savePDF) {
+  return function (treeList, pdfExportOptions, callback, data, columns) {
+    if (pdfExportOptions === void 0) {
+      pdfExportOptions = {};
+    }
+    return saveTreeListPDF(savePDF, treeList, pdfExportOptions, callback, data, columns);
+  };
+}
+function saveTreeListPDF(savePDF, treeList, pdfExportOptions, callback, data, v3) {
+  if (pdfExportOptions === void 0) {
+    pdfExportOptions = {};
+  }
+  renderTreeList();
+  var treeListOuterWrapper;
+  var treeListInnerWrapper;
+  var finalContainer;
+  var treeListInstance;
+  function renderTreeList() {
+    if (!canUseDOM) {
+      return;
+    }
+    treeListOuterWrapper = document.createElement('div');
+    treeListOuterWrapper.setAttribute('style', 'position:absolute; left: -5000px; top: 0px;');
+    treeListInnerWrapper = document.createElement('div');
+    treeListOuterWrapper.appendChild(treeListInnerWrapper);
+    document.body.appendChild(treeListOuterWrapper);
+    var customDataProps = data && {
+      dataItems: data,
+      total: data.length,
+      pageSize: data.length,
+      skip: 0
+    };
+    if (v3) {
+      var treeListForPdf = {
+        render: function render() {
+          return h(treeList.type, __assign(__assign({}, treeList.props), customDataProps), treeList.children);
+        },
+        store: treeList.$store,
+        mounted: function mounted() {
+          // @ts-ignore
+          if (this.$el.style) {
+            // @ts-ignore
+            this.$el.style.width = '1000px';
+          }
+          onTreeListRendered.call(this);
+        }
+      };
+      treeListInstance = createApp(treeListForPdf);
+      treeListInstance.mount(treeListInnerWrapper);
+    } else {
+      var treeListConstructor = Object.getPrototypeOf(treeList).constructor;
+      treeListInstance = new treeListConstructor({
+        propsData: Object.assign({}, treeList.$props, customDataProps),
+        store: treeList.$store,
+        mounted: function mounted() {
+          if (treeListInstance.$el.style) {
+            treeListInstance.$el.style.width = '1000px';
+          }
+          onTreeListRendered.call(treeListInstance);
+        }
+      });
+      treeListInstance.$slots = treeList.$slots;
+      treeListInstance.$scopedSlots = treeList.$scopedSlots;
+      treeListInstance.$mount(treeListInnerWrapper);
+    }
+  }
+  function onTreeListRendered() {
+    savePDF(prepareFinalElementForExport.call(this), pdfExportOptions, cleanUpAndInvokeCallback);
+  }
+  function cleanUpAndInvokeCallback() {
+    if (treeListInstance.unmount) {
+      treeListInstance.unmount();
+    } else {
+      treeListInstance.$destroy();
+    }
+    document.body.removeChild(treeListOuterWrapper);
+    document.body.removeChild(finalContainer);
+    treeListOuterWrapper = finalContainer = undefined;
+    if (callback) {
+      callback();
+    }
+  }
+  function prepareFinalElementForExport() {
+    /* Ultimatelly, there is no need for double DOM-copying of the treeList.
+    The one in this method is a copied Angular implementation
+    that has been plugged almost seemlessly. */
+    finalContainer = document.createElement('div');
+    finalContainer.className = 'k-treelist-pdf-export-element';
+    var result = exportElement(this.$el);
+    finalContainer.appendChild(result);
+    document.body.appendChild(finalContainer);
+    return result;
+  }
+}

package/dist/npm/PDFExport.js

@@ -3,28 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PDFExportVue2 = exports.PDFExport = void 0; // @ts-ignore
-
+exports.PDFExportVue2 = exports.PDFExport = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_drawing_1 = require("@progress/kendo-drawing");
-
 var kendo_file_saver_1 = require("@progress/kendo-file-saver");
-
 var KendoDrawingAdapter_1 = require("./KendoDrawingAdapter");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("./package-metadata");
 /**
  * @hidden
  */
-
-
 var PDFExportVue2 = {
   name: 'pdf-export',
   props: {
@@ -53,7 +45,8 @@ var PDFExportVue2 = {
   },
   methods: {
     save: function save(callback) {
-      new KendoDrawingAdapter_1.default(kendo_drawing_1.drawDOM, kendo_drawing_1.exportPDF, kendo_file_saver_1.saveAs, this.$el, // To do: we should consider whether we need a margin-top, margin-left, etc. props
+      new KendoDrawingAdapter_1.default(kendo_drawing_1.drawDOM, kendo_drawing_1.exportPDF, kendo_file_saver_1.saveAs, this.$el,
+      // To do: we should consider whether we need a margin-top, margin-left, etc. props
       this.$props).savePDF(callback);
     }
   },
@@ -72,16 +65,16 @@ var PDFExportVue2 = {
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     return h("div", [defaultSlot]);
-  } // To do: we should consider whether we need a margin-top, margin-left, etc. props
+  }
+  // To do: we should consider whether we need a margin-top, margin-left, etc. props
   // private getOptions() {
   //     return Object.assign({}, this.$props, { margin: getPageMrgin(this.$props) });
   // }
-
 };
+
 exports.PDFExportVue2 = PDFExportVue2;
 /**
  * @hidden
  */
-
 var PDFExport = PDFExportVue2;
 exports.PDFExport = PDFExport;

package/dist/npm/{grid → common}/dom-queries.js

@@ -73,7 +73,7 @@ var isVisible = function (element) {
     var rect = element.getBoundingClientRect();
     var hasSize = rect.width > 0 && rect.height > 0;
     var hasPosition = rect.x !== 0 && rect.y !== 0;
-    // Elements can have zero size due to styling, but they should still count as visible.
+    // Elements can have zero size due to styling, but they still count as visible.
     // For example, the selection checkbox has no size, but is made visible through styling.
     return (hasSize || hasPosition) && window.getComputedStyle(element).visibility !== 'hidden';
 };

package/dist/npm/common/table-query.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @hidden
+ */
+export declare const HEADER_CLASS: string;
+/**
+ * @hidden
+ */
+export declare const FOOTER_CLASS: string;
+/**
+ * @hidden
+ */
+export declare class GridQuery {
+    private element;
+    private headerWrap;
+    private list;
+    private footerWrap;
+    constructor(element: HTMLElement);
+    content(): Element;
+    header(): Element;
+    footer(): Element;
+    table(): Node;
+}

package/dist/npm/common/table-query.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridQuery = exports.FOOTER_CLASS = exports.HEADER_CLASS = void 0;
+var dom_queries_1 = require("./dom-queries");
+/**
+ * @hidden
+ */
+exports.HEADER_CLASS = 'k-grid-header';
+/**
+ * @hidden
+ */
+exports.FOOTER_CLASS = 'k-grid-footer';
+var TABLE = 'TABLE';
+var matchesTable = (0, dom_queries_1.matchesNodeName)(TABLE);
+/**
+ * @hidden
+ */
+var GridQuery = /** @class */ (function () {
+    function GridQuery(element) {
+        this.element = element;
+        this.list = (0, dom_queries_1.findElement)(element, (0, dom_queries_1.matchesClasses)('k-grid'));
+    }
+    GridQuery.prototype.content = function () {
+        return (0, dom_queries_1.findElement)(this.list, (0, dom_queries_1.matchesClasses)('k-grid'));
+    };
+    GridQuery.prototype.header = function () {
+        this.headerWrap = this.headerWrap || (0, dom_queries_1.findElement)(this.element, (0, dom_queries_1.matchesClasses)(exports.HEADER_CLASS));
+        return (0, dom_queries_1.findElement)(this.headerWrap, (0, dom_queries_1.matchesClasses)("".concat(exports.HEADER_CLASS)));
+    };
+    GridQuery.prototype.footer = function () {
+        this.footerWrap = this.footerWrap || (0, dom_queries_1.findElement)(this.element, (0, dom_queries_1.matchesClasses)(exports.FOOTER_CLASS));
+        return (0, dom_queries_1.findElement)(this.footerWrap, (0, dom_queries_1.matchesClasses)("".concat(exports.FOOTER_CLASS)));
+    };
+    GridQuery.prototype.table = function () {
+        return (0, dom_queries_1.findElement)(this.element, matchesTable);
+    };
+    return GridQuery;
+}());
+exports.GridQuery = GridQuery;

package/dist/npm/common/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export declare const appendNodes: (element: any, nodes: any[]) => void;
+/**
+ * @hidden
+ */
+export declare const wrapTable: (table: any) => any;
+/**
+ * @hidden
+ */
+export declare const createTableElement: (sources: any) => any;
+/**
+ * @hidden
+ */
+export declare const setFirstCellClass: (header: any, headers: any) => void;
+/**
+ * @hidden
+ */
+export declare const createTable: (colGroups: any[], headers: any[], bodies: any[], footers: any[]) => any;

package/dist/npm/common/utils.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTable = exports.setFirstCellClass = exports.createTableElement = exports.wrapTable = exports.appendNodes = void 0;
+var FIRST_CLASS = 'k-first';
+var HEADER_CLASS = 'k-grid-header';
+var FOOTER_CLASS = 'k-grid-footer';
+/**
+ * @hidden
+ */
+var appendNodes = function (element, nodes) {
+    var length = nodes.length;
+    for (var idx = 0; idx < length; idx++) {
+        element.appendChild(nodes[idx].cloneNode(true));
+    }
+};
+exports.appendNodes = appendNodes;
+/**
+ * @hidden
+ */
+var wrapTable = function (table) {
+    var wrapper = document.createElement('div');
+    wrapper.className = 'k-widget k-grid';
+    wrapper.appendChild(table);
+    return wrapper;
+};
+exports.wrapTable = wrapTable;
+/**
+ * @hidden
+ */
+var createTableElement = function (sources) {
+    var sourceCount = sources.length;
+    var element = sources[0].cloneNode(true);
+    var rowsCount = element.rows.length;
+    if (sourceCount > 1) {
+        for (var rowIdx = 0; rowIdx < rowsCount; rowIdx++) {
+            for (var sourceIdx = 1; sourceIdx < sourceCount; sourceIdx++) {
+                (0, exports.appendNodes)(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);
+            }
+        }
+    }
+    return element;
+};
+exports.createTableElement = createTableElement;
+/**
+ * @hidden
+ */
+var setFirstCellClass = function (header, headers) {
+    if (headers.length > 1 && header.rows.length > 1) {
+        for (var idx = 1; idx < header.rows.length; idx++) {
+            var firstCellIndex = headers[0].rows[idx].cells.length;
+            var cell = header.rows[idx].cells[firstCellIndex];
+            if (String(cell.className).indexOf(FIRST_CLASS) === -1) {
+                cell.className += " ".concat(FIRST_CLASS);
+            }
+        }
+    }
+};
+exports.setFirstCellClass = setFirstCellClass;
+/**
+ * @hidden
+ */
+var createTable = function (colGroups, headers, bodies, footers) {
+    var table = document.createElement('table');
+    var colGroup = colGroups[0].cloneNode(true);
+    for (var idx = 1; idx < colGroups.length; idx++) {
+        (0, exports.appendNodes)(colGroup, colGroups[idx].querySelectorAll('col'));
+    }
+    var header = (0, exports.createTableElement)(headers);
+    var body = (0, exports.createTableElement)(bodies);
+    header.className = HEADER_CLASS;
+    (0, exports.setFirstCellClass)(header, headers);
+    table.appendChild(colGroup);
+    table.appendChild(header);
+    table.appendChild(body);
+    if (footers.length) {
+        var footer = (0, exports.createTableElement)(footers);
+        footer.className = FOOTER_CLASS;
+        table.appendChild(footer);
+    }
+    return (0, exports.wrapTable)(table);
+};
+exports.createTable = createTable;