@syncfusion/ej2-gantt 19.2.62 → 19.3.46

package/dist/es6/ej2-gantt.es2015.js

@@ -1,7 +1,7 @@
-import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, addClass, append, classList, closest, compile, createElement, deleteObject, extend, formatUnit, getValue, isNullOrUndefined, isObject, isObjectArray, isUndefined, merge, remove, removeClass, resetBlazorTemplate, setValue, updateBlazorTemplate } from '@syncfusion/ej2-base';
+import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, addClass, append, classList, closest, compile, createElement, deleteObject, extend, formatUnit, getValue, isNullOrUndefined, isObject, isObjectArray, isUndefined, merge, remove, removeClass, setValue } from '@syncfusion/ej2-base';
 import { Dialog, Tooltip, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 import { Edit, ForeignKey, Grid, Page, Predicate, Toolbar, ValueFormatter, click, filterAfterOpen, getActualProperties, getCustomDateFormat, getFilterMenuPostion, getForeignData, getObject, getUid, parentsUntil, setCssInGridPopUp } from '@syncfusion/ej2-grids';
-import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, ODataV4Adaptor, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
+import { CacheAdaptor, DataManager, DataUtil, Deferred, ODataAdaptor, ODataV4Adaptor, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
 import { ColumnMenu, ContextMenu, Edit as Edit$1, ExcelExport, Filter, Reorder, Resize, RowDD, Selection, Sort, TreeGrid, VirtualScroll } from '@syncfusion/ej2-treegrid';
 import { Splitter } from '@syncfusion/ej2-layouts';
 import { ContextMenu as ContextMenu$1, Tab, Toolbar as Toolbar$1 } from '@syncfusion/ej2-navigations';
@@ -85,7 +85,7 @@ function isRemoteData(dataSource) {
         return (adaptor instanceof ODataAdaptor || (adaptor instanceof ODataV4Adaptor) ||
             (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
             (adaptor instanceof CacheAdaptor) || (adaptor instanceof RemoteSaveAdaptor) ||
-            (adaptor instanceof JsonAdaptor) || adaptor instanceof UrlAdaptor);
+            adaptor instanceof UrlAdaptor);
     }
     return false;
 }
@@ -1819,6 +1819,7 @@ class TaskProcessor extends DateProcessor {
         this.parent.setRecordValue('isAutoSchedule', autoSchedule, ganttProperties, true);
         this.parent.setRecordValue('resourceInfo', this.setResourceInfo(data), ganttProperties, true);
         this.parent.setRecordValue('isMilestone', false, ganttProperties, true);
+        this.parent.setRecordValue('indicators', data[taskSettings.indicators], ganttProperties, true);
         this.updateResourceName(ganttData);
         this.calculateScheduledValues(ganttData, data, isLoad);
         this.parent.setRecordValue('baselineStartDate', this.checkBaselineStartDate(baselineStartDate), ganttProperties, true);
@@ -1830,7 +1831,6 @@ class TaskProcessor extends DateProcessor {
         this.parent.setRecordValue('progress', progress, ganttProperties, true);
         this.parent.setRecordValue('totalProgress', progress, ganttProperties, true);
         this.parent.setRecordValue('predecessorsName', predecessors, ganttProperties, true);
-        this.parent.setRecordValue('indicators', data[taskSettings.indicators], ganttProperties, true);
         this.parent.setRecordValue('notes', notes, ganttProperties, true);
         this.parent.setRecordValue('cssClass', data[taskSettings.cssClass], ganttProperties, true);
         this.parent.setRecordValue('parentItem', this.getCloneParent(parentItem), ganttData);
@@ -2113,6 +2113,13 @@ class TaskProcessor extends DateProcessor {
                     const id = data[taskSettings.id];
                     const index = this.taskIds.indexOf(id.toString());
                     const tempData = (index > -1) ? this.dataArray[index] : {};
+                    if (!isNullOrUndefined(this.parent.taskFields.segmentId)) {
+                        const segmentDataCollection = this.segmentCollection.
+                            filter((x) => x.key === tempData[this.parent.taskFields.id]);
+                        if (segmentDataCollection.length > 0) {
+                            tempData[this.parent.taskFields.segments] = segmentDataCollection[0].items;
+                        }
+                    }
                     this.parent.setRecordValue('taskData', tempData, ganttData);
                 }
                 else {
@@ -4234,7 +4241,7 @@ class GanttChart {
     updateWidthAndHeight() {
         //empty row height
         const emptydivHeight = 36;
-        const emptyHeight = this.parent.contentHeight === 0 ? emptydivHeight : this.parent.contentHeight;
+        const emptyHeight = this.parent.contentHeight === 0 ? this.parent.flatData.length > 1 ? emptydivHeight : 0 : this.parent.contentHeight;
         this.chartBodyContent.style.height = formatUnit(emptyHeight);
         //let element: HTMLElement = this.chartTimelineContainer.querySelector('.' + cls.timelineHeaderTableContainer);
         this.chartBodyContent.style.width = formatUnit(this.parent.timelineModule.totalTimelineWidth);
@@ -6858,8 +6865,14 @@ class GanttTreeGrid {
             setValue('action', 'CellEditing', updatedArgs);
             this.parent.isCancelled = false;
         }
-        if (getValue('requestType', args) === 'refresh' && isNullOrUndefined(getValue('type', args))) {
-            this.parent.selectRow(this.parent.selectedRowIndex);
+        if (getValue('requestType', args) === 'refresh' && isNullOrUndefined(getValue('type', args)) && this.parent.addDeleteRecord) {
+            if (this.parent.selectedRowIndex != -1) {
+                this.parent.selectRow(this.parent.selectedRowIndex);
+            }
+            else {
+                this.parent.selectRow(0);
+            }
+            this.parent.addDeleteRecord = false;
         }
         this.parent.trigger('actionComplete', updatedArgs);
     }
@@ -7877,7 +7890,7 @@ class ChartRows extends DateProcessor {
                 labelString = this.getTaskLabel(this.parent.labelSettings.taskLabel);
                 labelString = labelString === 'isCustomTemplate' ? this.parent.labelSettings.taskLabel : labelString;
             }
-            if (labelString) {
+            if (labelString !== 'null') {
                 taskLabel$$1 = '<span class="' + taskLabel + '" style="line-height:' +
                     (this.taskBarHeight - 1) + 'px; text-align:' + (this.parent.viewType === 'ResourceView' ? 'left;' : '') +
                     'display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : '') +
@@ -8480,7 +8493,7 @@ class ChartRows extends DateProcessor {
                 labelString = this.getTaskLabel(this.parent.labelSettings.taskLabel);
                 labelString = labelString === 'isCustomTemplate' ? this.parent.labelSettings.taskLabel : labelString;
             }
-            if (labelString !== '') {
+            if (labelString !== 'null') {
                 labelDiv = this.createDivElement('<span class="' +
                     taskLabel + '" style="line-height:' +
                     (this.taskBarHeight - 1) + 'px; display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : '') + 'width:' +
@@ -8569,70 +8582,6 @@ class ChartRows extends DateProcessor {
         const ganttID = this.parent.element.id;
         return ganttID + templateName;
     }
-    updateTaskbarBlazorTemplate(isUpdate, ganttData) {
-        let isMilestone = true;
-        let isParent = true;
-        let isChild = true;
-        if (ganttData) {
-            if (ganttData.ganttProperties.isMilestone) {
-                isParent = isChild = false;
-            }
-            else if (ganttData.hasChildRecords) {
-                isMilestone = isChild = false;
-            }
-            else if (!ganttData.hasChildRecords) {
-                isParent = isMilestone = false;
-            }
-        }
-        if (this.parentTaskbarTemplateFunction && isParent) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('ParentTaskbarTemplate'), 'ParentTaskbarTemplate', this.parent, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('ParentTaskbarTemplate'), 'ParentTaskbarTemplate');
-            }
-        }
-        if (this.childTaskbarTemplateFunction && isChild) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('TaskbarTemplate'), 'TaskbarTemplate', this.parent, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('TaskbarTemplate'), 'TaskbarTemplate');
-            }
-        }
-        if (this.milestoneTemplateFunction && isMilestone) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('MilestoneTemplate'), 'MilestoneTemplate', this.parent, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('MilestoneTemplate'), 'MilestoneTemplate');
-            }
-        }
-        if (this.leftTaskLabelTemplateFunction) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('LeftLabelTemplate'), 'LeftLabelTemplate', this.parent.labelSettings, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('LeftLabelTemplate'), 'LeftLabelTemplate');
-            }
-        }
-        if (this.rightTaskLabelTemplateFunction) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('RightLabelTemplate'), 'RightLabelTemplate', this.parent.labelSettings, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('RightLabelTemplate'), 'RightLabelTemplate');
-            }
-        }
-        if (this.taskLabelTemplateFunction && (isParent || isChild)) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('TaskLabelTemplate'), 'TaskLabelTemplate', this.parent.labelSettings, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('TaskLabelTemplate'), 'TaskLabelTemplate');
-            }
-        }
-    }
     leftLabelContainer() {
         const template = '<div class="' + ((this.leftTaskLabelTemplateFunction) ? leftLabelTempContainer :
             leftLabelContainer) + ' ' + '" tabindex="-1" style="height:' +
@@ -8924,7 +8873,6 @@ class ChartRows extends DateProcessor {
      * @private
      */
     createTaskbarTemplate() {
-        this.updateTaskbarBlazorTemplate(false);
         const trs = [].slice.call(this.ganttChartTableBody.querySelectorAll('tr'));
         this.ganttChartTableBody.innerHTML = '';
         const collapsedResourceRecord = [];
@@ -8983,7 +8931,6 @@ class ChartRows extends DateProcessor {
             }
         }
         this.parent.renderTemplates();
-        this.updateTaskbarBlazorTemplate(true);
     }
     /**
      * To render taskbars.
@@ -9399,7 +9346,6 @@ class ChartRows extends DateProcessor {
      */
     refreshRecords(items, isValidateRange) {
         if (this.parent.isGanttChartRendered) {
-            this.updateTaskbarBlazorTemplate(false);
             this.parent.renderTemplates();
             if (this.parent.viewType === 'ResourceView' && this.parent.enableMultiTaskbar) {
                 let sortedRecords = [];
@@ -9412,7 +9358,6 @@ class ChartRows extends DateProcessor {
                 this.refreshRow(index, isValidateRange);
             }
             this.parent.ganttChartModule.updateLastRowBottomWidth();
-            this.updateTaskbarBlazorTemplate(true);
         }
     }
     removeEventListener() {
@@ -11205,8 +11150,13 @@ class Splitter$1 {
                 return this.getSpliterPositionInPercentage(splitter$$1.position);
             }
             else if (!isNullOrUndefined(splitter$$1.columnIndex) && splitter$$1.columnIndex >= 0) {
-                return isDynamic ? this.getSpliterPositionInPercentage(this.getTotalColumnWidthByIndex(splitter$$1.columnIndex).toString() + 'px') :
-                    this.getSpliterPositionInPercentage((splitter$$1.columnIndex * 150) + 'px');
+                if ((splitter$$1.columnIndex * 150) < this.parent.ganttWidth || !this.parent.element.classList.contains('e-device')) {
+                    return isDynamic ? this.getSpliterPositionInPercentage(this.getTotalColumnWidthByIndex(splitter$$1.columnIndex).toString() + 'px') :
+                        this.getSpliterPositionInPercentage((splitter$$1.columnIndex * 150) + 'px');
+                }
+                else {
+                    return this.getSpliterPositionInPercentage((splitter$$1.columnIndex * 130) + 'px');
+                }
             }
             else {
                 return this.getSpliterPositionInPercentage('250px');
@@ -12038,6 +11988,8 @@ let Gantt = class Gantt extends Component {
         /** @hidden */
         this.showActiveElement = true;
         /** @hidden */
+        this.addDeleteRecord = false;
+        /** @hidden */
         this.enableHeaderFocus = true;
         /** @hidden */
         this.enableValidation = true;
@@ -12223,7 +12175,19 @@ let Gantt = class Gantt extends Component {
      * @returns {void} .
      */
     calculateDimensions() {
-        const settingsHeight = this.validateDimentionValue(this.height);
+        let settingsHeight;
+        if (typeof (this.height) !== 'number' && this.height.indexOf('%') !== -1 && (this.element.parentElement &&
+            !this.element.parentElement.style.height)) {
+            let ganttHeight = Number(this.height.split("%")[0]);
+            ganttHeight = (ganttHeight * window.innerHeight) / 100;
+            if (this.height === '100%') {
+                ganttHeight = ganttHeight - 16;
+            }
+            settingsHeight = this.validateDimentionValue(ganttHeight);
+        }
+        else {
+            settingsHeight = this.validateDimentionValue(this.height);
+        }
         let settingsWidth = this.validateDimentionValue(this.width);
         if (!isNullOrUndefined(this.width) && typeof (this.width) === 'string' && this.width.indexOf('%') !== -1) {
             settingsWidth = this.width;
@@ -12364,6 +12328,33 @@ let Gantt = class Gantt extends Component {
      */
     windowResize() {
         if (!isNullOrUndefined(this.element)) {
+            let settingsHeight;
+            if (this.height.indexOf('%') !== -1) {
+                let ganttHeight = Number(this.height.split("%")[0]);
+                if (this.element.parentElement && this.element.parentElement.style.height) {
+                    let containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
+                    ganttHeight = (ganttHeight * containerHeight) / 100;
+                }
+                else {
+                    ganttHeight = Number(this.height.split("%")[0]);
+                    ganttHeight = (ganttHeight * window.innerHeight) / 100;
+                }
+                if (this.height === '100%') {
+                    ganttHeight = ganttHeight - 16;
+                }
+                let toolbarHeight = 0;
+                if (!isNullOrUndefined(this.toolbarModule) && !isNullOrUndefined(this.toolbarModule.element)) {
+                    toolbarHeight = this.toolbarModule.element.offsetHeight;
+                }
+                let contentHeight = ganttHeight - this.ganttChartModule.chartTimelineContainer.offsetHeight - toolbarHeight;
+                settingsHeight = this.validateDimentionValue(ganttHeight);
+                this.element.style.height = settingsHeight;
+                this.element.querySelectorAll('.e-content')[0]['style'].height = contentHeight + 'px';
+                this.element.querySelectorAll('.e-content')[2]['style'].height = contentHeight + 'px';
+            }
+            else {
+                settingsHeight = this.validateDimentionValue(this.height);
+            }
             this.updateContentHeight();
             this.ganttChartModule.updateWidthAndHeight(); // Updating chart scroll conatiner height for row mismatch
             this.treeGridModule.ensureScrollBar();
@@ -13269,6 +13260,23 @@ let Gantt = class Gantt extends Component {
         this.treeGrid.height = this.ganttHeight - toolbarHeight -
             this.treeGrid.grid.getHeaderContent().offsetHeight;
         this.splitterModule.splitterObject.height = (this.ganttHeight - toolbarHeight).toString();
+        if (!isNullOrUndefined(this.chartVerticalLineContainer)) {
+            this.chartVerticalLineContainer.style.height = this.ganttHeight + 'px';
+        }
+        if (!isNullOrUndefined(this.dayMarkersModule)) {
+            const holidayContainer$$1 = getValue('nonworkingDayRender.holidayContainer', this.dayMarkersModule);
+            const weekendContainer$$1 = getValue('nonworkingDayRender.weekendContainer', this.dayMarkersModule);
+            const eventMarkersContainer$$1 = getValue('eventMarkerRender.eventMarkersContainer', this.dayMarkersModule);
+            if (holidayContainer$$1) {
+                holidayContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+            if (weekendContainer$$1) {
+                weekendContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+            if (eventMarkersContainer$$1) {
+                eventMarkersContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+        }
         this.splitterModule.splitterObject.width = this.ganttWidth.toString();
         this.ganttChartModule.scrollObject.
             setHeight(this.ganttHeight - this.ganttChartModule.chartTimelineContainer.offsetHeight - toolbarHeight);
@@ -13545,7 +13553,6 @@ let Gantt = class Gantt extends Component {
      * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
      * @param  {boolean} isBlob - If 'isBlob' set to true, then it will be returned as blob data.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     excelExport(excelExportProperties, isMultipleExport, 
     /* eslint-disable-next-line */
@@ -13560,7 +13567,6 @@ let Gantt = class Gantt extends Component {
      * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
      * @param  {boolean} isBlob - If 'isBlob' set to true, then it will be returned as blob data.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     csvExport(excelExportProperties, 
     /* eslint-disable-next-line */
@@ -13574,7 +13580,6 @@ let Gantt = class Gantt extends Component {
      * @param  {isMultipleExport} isMultipleExport - Define to enable multiple export.
      * @param  {pdfDoc} pdfDoc - Defined the Pdf Document if multiple export is enabled.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     pdfExport(pdfExportProperties, isMultipleExport, pdfDoc) {
         return this.pdfExportModule ? this.pdfExportModule.export(pdfExportProperties, isMultipleExport, pdfDoc)
@@ -15557,6 +15562,7 @@ class CellEdit {
                 this.parent.editModule.dialogModule.isResourceUpdate = true;
                 this.parent.editModule.dialogModule.previousResource = previousResource;
             }
+            this.updateDates(args);
             this.updateEditedRecord(args);
         }
     }
@@ -16125,7 +16131,7 @@ class TaskbarEdit extends DateProcessor {
      */
     showHideTaskBarEditingElements(element, secondElement, fadeConnectorLine) {
         secondElement = secondElement ? secondElement : this.editElement;
-        let isShowProgressResizer = true;
+        let isShowProgressResizer = this.parent.taskFields.progress ? true : false;
         if (this.parent.readOnly) {
             return;
         }
@@ -16213,8 +16219,8 @@ class TaskbarEdit extends DateProcessor {
         else if (mouseDownElement.classList.contains(taskBarRightResizer)) {
             action = 'RightResizing';
         }
-        else if (mouseDownElement.classList.contains(childProgressResizer) ||
-            closest(mouseDownElement, '.' + childProgressResizer)) {
+        else if ((mouseDownElement.classList.contains(childProgressResizer) ||
+            closest(mouseDownElement, '.' + childProgressResizer)) && (this.parent.taskFields.progress)) {
             action = 'ProgressResizing';
         }
         else if (mouseDownElement.classList.contains(connectorPointLeft)) {
@@ -19840,7 +19846,12 @@ class DialogEdit {
         const ganttObj = this.parent;
         const rte = notesElement.ej2_instances[0];
         if (this.isEdit) {
-            this.parent.setRecordValue('notes', rte.getHtml(), this.rowData.ganttProperties, true);
+            if (ganttObj.columnByField[ganttObj.taskFields.notes].disableHtmlEncode) {
+                this.parent.setRecordValue('notes', rte.getHtml(), this.rowData.ganttProperties, true);
+            }
+            else {
+                this.parent.setRecordValue('notes', rte.getText(), this.rowData.ganttProperties, true);
+            }
             ganttObj.dataOperation.updateMappingData(this.rowData, 'notes');
         }
         else {
@@ -21182,7 +21193,10 @@ class Edit$2 {
             if (ganttProp.work > 0 || column === 'work') {
                 switch (taskType) {
                     case 'FixedUnit':
-                        if (isAutoSchedule && ganttProp.resourceInfo.length &&
+                        if (ganttProp.resourceInfo.length === 0) {
+                            return;
+                        }
+                        else if (isAutoSchedule && ganttProp.resourceInfo.length &&
                             (column === 'work' || (column === 'resource'))) {
                             this.parent.dataOperation.updateDurationWithWork(currentData);
                         }
@@ -22327,6 +22341,7 @@ class Edit$2 {
     deleteRow(tasks) {
         let rowItems = tasks && tasks.length ? tasks :
             this.parent.selectionModule.getSelectedRecords();
+        this.parent.addDeleteRecord = true;
         if (rowItems.length) {
             this.parent.isOnDelete = true;
             rowItems.forEach((item) => {
@@ -23052,6 +23067,7 @@ class Edit$2 {
         // this.parent.connectorLineIds = [];
         // this.parent.predecessorModule.createConnectorLinesCollection(this.parent.flatData);
         this.parent.treeGrid.parentData = [];
+        this.parent.addDeleteRecord = true;
         this.parent.selectedRowIndex = 0;
         this.parent.treeGrid.refresh();
         if (this.parent.enableImmutableMode) {
@@ -23306,7 +23322,12 @@ class Edit$2 {
         switch (rowPosition) {
             case 'Top':
             case 'Bottom':
-                level = 0;
+                if (this.parent.viewType === "ResourceView") {
+                    level = 1;
+                }
+                else {
+                    level = 0;
+                }
                 break;
             case 'Above':
             case 'Below':
@@ -24141,7 +24162,7 @@ class Filter$1 {
         }
         if (treeColumn) {
             treeColumn.allowFiltering = column.allowFiltering;
-            treeColumn.filter = column.filter;
+            treeColumn.filter = column.allowFiltering ? column.filter : {};
         }
     }
     /**
@@ -25480,7 +25501,7 @@ class NonWorkingDay {
             }
             this.holidayContainer.innerHTML = this.getHolidaysElement().innerHTML;
         }
-        else if (this.holidayContainer) {
+        else if (this.holidayContainer && this.holidayContainer.parentNode) {
             remove(this.holidayContainer);
             if (this.nonworkingContainer && this.nonworkingContainer.childNodes.length === 0) {
                 remove(this.nonworkingContainer);
@@ -29565,7 +29586,7 @@ class ExportHelper {
         const taskFields = this.parent.taskFields;
         const ganttProps = data.ganttProperties;
         if (column.editType === 'datepickeredit' || column.editType === 'datetimepickeredit') {
-            cell.value = this.parent.getFormatedDate(data[column.field], this.parent.getDateFormat());
+            cell.value = data[column.field];
         }
         else if (column.field === taskFields.duration) {
             cell.value = this.parent.getDurationString(ganttProps.duration, ganttProps.durationUnit);
@@ -29588,20 +29609,18 @@ class ExportHelper {
         else {
             cell.style.format.paragraphIndent = cell.row.level * 10;
         }
-        if (this.parent.pdfQueryCellInfo != null) {
-            const args = {
-                data: data,
-                value: cell.value,
-                column: column,
-                style: cell.style,
-                cell: cell
-            };
-            args.value = this.exportValueFormatter.formatCellValue(args);
-            if (this.parent.pdfQueryCellInfo) {
-                this.parent.trigger('pdfQueryCellInfo', args);
-            }
-            cell.value = args.value;
+        const args = {
+            data: data,
+            value: cell.value,
+            column: column,
+            style: cell.style,
+            cell: cell
+        };
+        args.value = this.exportValueFormatter.formatCellValue(args);
+        if (this.parent.pdfQueryCellInfo) {
+            this.parent.trigger('pdfQueryCellInfo', args);
         }
+        cell.value = args.value;
     }
     /**
      * Method for create the taskbar collection for rendering