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

package/dist/es/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/es/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/es/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';
+import { provideSaveTreeListPDF } from './provideSaveTreeListPDF';
+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/es/treelist/export-element.d.ts

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

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

@@ -0,0 +1,31 @@
+import { GridQuery } from '../common/table-query';
+import { wrapTable, createTable } from '../common/utils';
+/**
+ * @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/es/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/es/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';
+/**
+ * @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/esm/PDFExport.js

@@ -11,7 +11,6 @@ import { packageMetadata } from './package-metadata.js';
 /**
  * @hidden
  */
-
 var PDFExportVue2 = {
   name: 'pdf-export',
   props: {
@@ -40,7 +39,8 @@ var PDFExportVue2 = {
   },
   methods: {
     save: function save(callback) {
-      new KendoDrawingAdapter(drawDOM, exportPDF, saveAs, this.$el, // To do: we should consider whether we need a margin-top, margin-left, etc. props
+      new KendoDrawingAdapter(drawDOM, exportPDF, saveAs, this.$el,
+      // To do: we should consider whether we need a margin-top, margin-left, etc. props
       this.$props).savePDF(callback);
     }
   },
@@ -59,15 +59,14 @@ var PDFExportVue2 = {
     var h = gh || createElement;
     var defaultSlot = 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) });
   // }
-
 };
 /**
  * @hidden
  */
-
 var PDFExport = PDFExportVue2;
 export { PDFExport, PDFExportVue2 };

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

@@ -64,7 +64,7 @@ export 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/esm/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/esm/common/table-query.js

@@ -0,0 +1,36 @@
+import { matchesClasses, matchesNodeName, findElement } from './dom-queries.js';
+/**
+ * @hidden
+ */
+export var HEADER_CLASS = 'k-grid-header';
+/**
+ * @hidden
+ */
+export var FOOTER_CLASS = 'k-grid-footer';
+var TABLE = 'TABLE';
+var matchesTable = matchesNodeName(TABLE);
+/**
+ * @hidden
+ */
+var GridQuery = /** @class */ (function () {
+    function GridQuery(element) {
+        this.element = element;
+        this.list = findElement(element, matchesClasses('k-grid'));
+    }
+    GridQuery.prototype.content = function () {
+        return findElement(this.list, matchesClasses('k-grid'));
+    };
+    GridQuery.prototype.header = function () {
+        this.headerWrap = this.headerWrap || findElement(this.element, matchesClasses(HEADER_CLASS));
+        return findElement(this.headerWrap, matchesClasses("".concat(HEADER_CLASS)));
+    };
+    GridQuery.prototype.footer = function () {
+        this.footerWrap = this.footerWrap || findElement(this.element, matchesClasses(FOOTER_CLASS));
+        return findElement(this.footerWrap, matchesClasses("".concat(FOOTER_CLASS)));
+    };
+    GridQuery.prototype.table = function () {
+        return findElement(this.element, matchesTable);
+    };
+    return GridQuery;
+}());
+export { GridQuery };

package/dist/esm/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/esm/common/utils.js

@@ -0,0 +1,74 @@
+var FIRST_CLASS = 'k-first';
+var HEADER_CLASS = 'k-grid-header';
+var FOOTER_CLASS = 'k-grid-footer';
+/**
+ * @hidden
+ */
+export var appendNodes = function (element, nodes) {
+    var length = nodes.length;
+    for (var idx = 0; idx < length; idx++) {
+        element.appendChild(nodes[idx].cloneNode(true));
+    }
+};
+/**
+ * @hidden
+ */
+export var wrapTable = function (table) {
+    var wrapper = document.createElement('div');
+    wrapper.className = 'k-widget k-grid';
+    wrapper.appendChild(table);
+    return wrapper;
+};
+/**
+ * @hidden
+ */
+export 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++) {
+                appendNodes(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);
+            }
+        }
+    }
+    return element;
+};
+/**
+ * @hidden
+ */
+export 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);
+            }
+        }
+    }
+};
+/**
+ * @hidden
+ */
+export 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++) {
+        appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
+    }
+    var header = createTableElement(headers);
+    var body = createTableElement(bodies);
+    header.className = HEADER_CLASS;
+    setFirstCellClass(header, headers);
+    table.appendChild(colGroup);
+    table.appendChild(header);
+    table.appendChild(body);
+    if (footers.length) {
+        var footer = createTableElement(footers);
+        footer.className = FOOTER_CLASS;
+        table.appendChild(footer);
+    }
+    return wrapTable(table);
+};

package/dist/esm/grid/GridPDFExport.js

@@ -9,7 +9,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var GridPdfExportVue2 = {
   name: 'grid-pdf-export',
   props: {
@@ -41,12 +40,11 @@ var GridPdfExportVue2 = {
   },
   methods: {
     save: function save(data, callback) {
-      var defaultSlot = getDefaultSlots(this); // @ts-ignore
-
+      var defaultSlot = getDefaultSlots(this);
+      // @ts-ignore
       var gridSlot = defaultSlot.filter(function (child) {
         return child && child.tag && child.tag.toLowerCase().indexOf('grid') !== -1 || child.componentOptions && child.componentOptions.tag && child.componentOptions.tag.toLowerCase().indexOf('grid') !== -1 || child.type && child.type.name && child.type.name.toLowerCase().indexOf('grid') !== -1;
       });
-
       if (gridSlot.length) {
         this.gridComponent = this.v3 ? gridSlot[0] : gridSlot[0].componentInstance;
         this.saveGridPDF(this.gridComponent, this.$props, callback, data, this.v3);
@@ -73,6 +71,5 @@ var GridPdfExportVue2 = {
 /**
  * @hidden
  */
-
 var GridPdfExport = GridPdfExportVue2;
 export { GridPdfExport, GridPdfExportVue2 };

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

@@ -1,61 +1,5 @@
-import { GridQuery, HEADER_CLASS, FOOTER_CLASS } from './grid-query.js';
-var FIRST_CLASS = 'k-first';
-var appendNodes = function (element, nodes) {
-    var length = nodes.length;
-    for (var idx = 0; idx < length; idx++) {
-        element.appendChild(nodes[idx].cloneNode(true));
-    }
-};
-var wrapTable = function (table) {
-    var wrapper = document.createElement('div');
-    wrapper.className = 'k-widget k-grid';
-    wrapper.appendChild(table);
-    return wrapper;
-};
-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++) {
-                appendNodes(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);
-            }
-        }
-    }
-    return element;
-};
-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);
-            }
-        }
-    }
-};
-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++) {
-        appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
-    }
-    var header = createTableElement(headers);
-    var body = createTableElement(bodies);
-    header.className = HEADER_CLASS;
-    setFirstCellClass(header, headers);
-    table.appendChild(colGroup);
-    table.appendChild(header);
-    table.appendChild(body);
-    if (footers.length) {
-        var footer = createTableElement(footers);
-        footer.className = FOOTER_CLASS;
-        table.appendChild(footer);
-    }
-    return wrapTable(table);
-};
+import { GridQuery } from './grid-query.js';
+import { wrapTable, createTable } from '../common/utils.js';
 /**
  * @hidden
  */

package/dist/esm/grid/grid-query.js

@@ -1,4 +1,4 @@
-import { matchesClasses, matchesNodeName, findElement } from './dom-queries.js';
+import { matchesClasses, matchesNodeName, findElement } from '../common/dom-queries.js';
 /**
  * @hidden
  */
@@ -16,7 +16,7 @@ var suffix = function (locked) { return locked ? 'locked' : 'wrap'; };
 var GridQuery = /** @class */ (function () {
     function GridQuery(element) {
         this.element = element;
-        this.list = findElement(element, matchesClasses("k-grid-container"));
+        this.list = findElement(element, matchesClasses('k-grid-container'));
     }
     GridQuery.prototype.content = function (locked) {
         return findElement(this.list, matchesClasses("k-grid-content".concat(locked ? '-locked' : '')));