survey-analytics 2.5.18 → 2.5.19

package/fesm/survey.analytics.core.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.5.18
+ * surveyjs - SurveyJS Dashboard library v2.5.19
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/fesm/survey.analytics.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.5.18
+ * surveyjs - SurveyJS Dashboard library v2.5.19
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/fesm/survey.analytics.mongo.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.5.18
+ * surveyjs - SurveyJS Dashboard library v2.5.19
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/fesm/survey.analytics.tabulator.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.5.18
+ * surveyjs - SurveyJS Dashboard library v2.5.19
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -274,7 +274,8 @@ var ColumnDataType;
     ColumnDataType[ColumnDataType["Text"] = 0] = "Text";
     ColumnDataType[ColumnDataType["FileLink"] = 1] = "FileLink";
     ColumnDataType[ColumnDataType["Image"] = 2] = "Image";
-    ColumnDataType[ColumnDataType["Html"] = 3] = "Html";
+    ColumnDataType[ColumnDataType["NestedTable"] = 3] = "NestedTable";
+    ColumnDataType[ColumnDataType["Html"] = 4] = "Html";
 })(ColumnDataType || (ColumnDataType = {}));
 
 TableExtensions.registerExtension({
@@ -758,6 +759,42 @@ class CompositeQuestionColumn extends BaseColumn {
         });
     }
 }
+class MatrixDynamicColumn extends BaseColumn {
+    getDataType() {
+        return this.table.options.useNestedTables ? ColumnDataType.NestedTable : ColumnDataType.Text;
+    }
+    getDisplayValue(data, table, options) {
+        if (table.options.useNestedTables) {
+            return this.getDisplayValueCore(data);
+        }
+        return super.getDisplayValue(data, table, options);
+    }
+    getCellData(table, data) {
+        const displayValue = this.getDisplayValue(data, table, table.options);
+        const formattedValue = table.options.useNestedTables && Array.isArray(displayValue)
+            ? displayValue
+            : (typeof displayValue === "string" ? displayValue : JSON.stringify(displayValue) || "");
+        return { question: this.question, displayValue: formattedValue };
+    }
+}
+class PanelDynamicColumn extends BaseColumn {
+    getDataType() {
+        return this.table.options.useNestedTables ? ColumnDataType.NestedTable : ColumnDataType.Text;
+    }
+    getDisplayValue(data, table, options) {
+        if (table.options.useNestedTables) {
+            return this.getDisplayValueCore(data);
+        }
+        return super.getDisplayValue(data, table, options);
+    }
+    getCellData(table, data) {
+        const displayValue = this.getDisplayValue(data, table, table.options);
+        const formattedValue = table.options.useNestedTables && Array.isArray(displayValue)
+            ? displayValue
+            : (typeof displayValue === "string" ? displayValue : JSON.stringify(displayValue) || "");
+        return { question: this.question, displayValue: formattedValue };
+    }
+}
 
 class DefaultColumnsBuilder {
     createColumn(question, table) {
@@ -900,6 +937,18 @@ class CompositeColumnsBuilder extends DefaultColumnsBuilder {
 }
 CompositeColumnsBuilder.ShowAsSeparateColumns = true;
 ColumnsBuilderFactory.Instance.registerBuilderColumn("composite", new CompositeColumnsBuilder());
+class MatrixDynamicColumnsBuilder extends DefaultColumnsBuilder {
+    createColumn(question, table) {
+        return new MatrixDynamicColumn(question, table);
+    }
+}
+ColumnsBuilderFactory.Instance.registerBuilderColumn("matrixdynamic", new MatrixDynamicColumnsBuilder());
+class PanelDynamicColumnsBuilder extends DefaultColumnsBuilder {
+    createColumn(question, table) {
+        return new PanelDynamicColumn(question, table);
+    }
+}
+ColumnsBuilderFactory.Instance.registerBuilderColumn("paneldynamic", new PanelDynamicColumnsBuilder());
 
 // export type GetDataFn = (params: { filter?: any, limit?: number, offset?: number, callback?: (response: { data: Array<Object>, total: number, error?: any }) => void }) => Promise<{ data: Array<Object>, total: number, error?: any }> | void;
 class TableEvent extends EventBase {
@@ -939,6 +988,9 @@ class Table {
         if (!this._options) {
             this._options = {};
         }
+        if (typeof this._options.useNestedTables === "undefined") {
+            this._options.useNestedTables = true;
+        }
         this.initialize();
         this.extensions = new TableExtensions(this);
         const f = hasLicense;
@@ -1452,6 +1504,9 @@ class Tabulator extends Table {
                     if (column.dataType === ColumnDataType.Html) {
                         return decodeHtmlEntities(cellData);
                     }
+                    if (column.dataType === ColumnDataType.NestedTable && Array.isArray(cellData)) {
+                        return this.formatNestedDataForExport(cellData, column);
+                    }
                 }
             }
             if (this.currentDownloadType === "csv" || this.currentDownloadType === "xlsx") {
@@ -1465,7 +1520,7 @@ class Tabulator extends Table {
         if (((options && options.jspdf) || (!!window && window["jspdf"] !== undefined)) && defaultOptions.downloadButtons.indexOf("pdf") === -1) {
             defaultOptions.downloadButtons.unshift("pdf");
         }
-        this._options = Object.assign({}, defaultOptions, options);
+        this._options = Object.assign({}, defaultOptions, this._options);
     }
     supportSoftRefresh() {
         return true;
@@ -1580,6 +1635,141 @@ class Tabulator extends Table {
         });
         return container;
     }
+    createNestedTable(nestedTableColumns, cellData) {
+        const container = document.createElement("div");
+        container.className = "sa-nested-table-container";
+        const table = document.createElement("table");
+        table.className = "sa-nested-table";
+        const thead = document.createElement("thead");
+        const headerRow = document.createElement("tr");
+        nestedTableColumns.forEach((col) => {
+            const th = document.createElement("th");
+            th.textContent = col.title;
+            headerRow.appendChild(th);
+        });
+        thead.appendChild(headerRow);
+        table.appendChild(thead);
+        const tbody = document.createElement("tbody");
+        cellData.forEach((row) => {
+            const tr = document.createElement("tr");
+            nestedTableColumns.forEach((col) => {
+                const td = document.createElement("td");
+                const value = row[col.field];
+                td.textContent = value !== undefined && value !== null ? String(value) : "";
+                tr.appendChild(td);
+            });
+            tbody.appendChild(tr);
+        });
+        table.appendChild(tbody);
+        container.appendChild(table);
+        return container;
+    }
+    createNestedTableFormatter(column) {
+        return (cell, formatterParams, onRendered) => {
+            const cellData = cell.getValue();
+            if (!Array.isArray(cellData) || cellData.length === 0) {
+                return "<span>No data</span>";
+            }
+            const question = this._survey.getQuestionByName(column.name);
+            if (!question) {
+                return "<span>Error: Question not found</span>";
+            }
+            let nestedTableColumns = [];
+            if (question.getType() === "matrixdynamic") {
+                const matrixQuestion = question;
+                nestedTableColumns = matrixQuestion.columns.map((col) => ({
+                    title: col.title || col.name,
+                    field: col.name,
+                }));
+            }
+            else if (question.getType() === "paneldynamic") {
+                const panelQuestion = question;
+                const templateQuestions = panelQuestion.template.questions;
+                nestedTableColumns = templateQuestions.map((q) => ({
+                    title: q.title || q.name,
+                    field: q.name,
+                }));
+            }
+            if (this.options.useNestedTables === true) {
+                return this.createNestedTable(nestedTableColumns, cellData);
+            }
+            const tableEl = document.createElement("div");
+            tableEl.classList.add("sa-nested-table");
+            // Defer nested Tabulator initialization to onRendered so that it
+            // runs once per cell and can be properly cleaned up.
+            onRendered(() => {
+                const el = tableEl;
+                // Avoid creating multiple nested tables for the same cell element.
+                if (el._nestedTabulator) {
+                    return;
+                }
+                const nestedTable = new Tabulator.tabulatorTablesConstructor(tableEl, {
+                    // layout: "fitDataFill",
+                    data: cellData,
+                    columns: nestedTableColumns,
+                    pagination: false,
+                });
+                // Cache instance on the element for reuse / potential future teardown.
+                el._nestedTabulator = nestedTable;
+                nestedTable.on("tableBuilt", () => {
+                    // cell.getRow().normalizeHeight();
+                    this.layout(false);
+                });
+                // Ensure nested table is destroyed when the parent row is deleted.
+                try {
+                    const row = cell.getRow && cell.getRow();
+                    const parentTable = row && row.getTable && row.getTable();
+                    if (parentTable && parentTable.on) {
+                        parentTable.on("rowDeleted", (deletedRow) => {
+                            if (deletedRow === row && el._nestedTabulator) {
+                                // Destroy nested Tabulator and clear cache.
+                                el._nestedTabulator.destroy();
+                                el._nestedTabulator = null;
+                            }
+                        });
+                    }
+                }
+                catch (e) {
+                    // Fail-safe: if lifecycle hooks are unavailable, we still avoid
+                    // multiple instances per cell via the cached _nestedTabulator.
+                }
+            });
+            return tableEl;
+        };
+    }
+    formatNestedDataForExport(nestedData, column) {
+        if (!Array.isArray(nestedData) || nestedData.length === 0) {
+            return "";
+        }
+        const question = this._survey.getQuestionByName(column.name);
+        if (!question) {
+            return "";
+        }
+        let nestedColumns = [];
+        if (question.getType() === "matrixdynamic") {
+            const matrixQuestion = question;
+            nestedColumns = matrixQuestion.columns.map((col) => ({
+                title: col.title || col.name,
+                field: col.name,
+            }));
+        }
+        else if (question.getType() === "paneldynamic") {
+            const panelQuestion = question;
+            const templateQuestions = panelQuestion.template.questions;
+            nestedColumns = templateQuestions.map((q) => ({
+                title: q.title || q.name,
+                field: q.name,
+            }));
+        }
+        const header = nestedColumns.map(col => col.title).join(" | ");
+        const rows = nestedData.map(rowData => {
+            return nestedColumns.map(col => {
+                const value = rowData[col.field];
+                return value !== undefined && value !== null ? String(value) : "";
+            }).join(" | ");
+        });
+        return `[${header}]\n${rows.join("\n")}`;
+    }
     getTitleFormatter(cell, formatterParams, onRendered, columnName) {
         var container = DocumentHelper.createElement("div");
         var title = DocumentHelper.createElement("span", "", {
@@ -1609,7 +1799,7 @@ class Tabulator extends Table {
             if (column.dataType == ColumnDataType.Image) {
                 formatter = "image";
             }
-            return {
+            const columnDef = {
                 field: column.name,
                 title: column.displayName || column.name,
                 width: column.width,
@@ -1626,6 +1816,17 @@ class Tabulator extends Table {
                     return this.getTitleFormatter(cell, formatterParams, onRendered, column.name);
                 },
             };
+            if (column.dataType == ColumnDataType.NestedTable) {
+                columnDef.formatter = this.createNestedTableFormatter(column);
+                columnDef.tooltip = (_, cell) => {
+                    const cellData = cell.getValue();
+                    if (Array.isArray(cellData) && cellData.length > 0) {
+                        return this.formatNestedDataForExport(cellData, column);
+                    }
+                    return "";
+                };
+            }
+            return columnDef;
         });
         // const rowExtensions = TableExtensions.getExtensions("row").filter(e => e.visibleIndex >= 0);
         // const detailsExtension = TableExtensions.getExtensions("details").filter(e => e.visibleIndex >= 0);
@@ -1768,5 +1969,5 @@ class TabulatorRow extends TableRow {
 
 Tabulator.initTabulatorConstructor(TabulatorFull);
 
-export { BaseColumn, CheckboxColumn, CheckboxColumnsBuilder, ColumnsBuilderFactory, CommentColumn, CompositeColumnsBuilder, CompositeQuestionColumn, CustomColumnsBuilder, CustomQuestionColumn, DefaultColumn, DefaultColumnsBuilder, DocumentHelper, FileColumn, FileColumnsBuilder, FlattenedCheckboxColumn, ImageColumn, ImageColumnsBuilder, MatrixColumn, MatrixColumnsBuilder, MatrixDropdownColumn, MatrixDropdownColumnBuilder, OtherColumn, SelectBaseColumn, SelectBaseColumnsBuilder, SingleChoiceColumn, SingleChoiceColumnsBuilder, Table, TableEvent, TableExtensions, TableRow, Tabulator, TabulatorRow, defaultDownloadOptions, defaultOptions, localization };
+export { BaseColumn, CheckboxColumn, CheckboxColumnsBuilder, ColumnsBuilderFactory, CommentColumn, CompositeColumnsBuilder, CompositeQuestionColumn, CustomColumnsBuilder, CustomQuestionColumn, DefaultColumn, DefaultColumnsBuilder, DocumentHelper, FileColumn, FileColumnsBuilder, FlattenedCheckboxColumn, ImageColumn, ImageColumnsBuilder, MatrixColumn, MatrixColumnsBuilder, MatrixDropdownColumn, MatrixDropdownColumnBuilder, MatrixDynamicColumn, MatrixDynamicColumnsBuilder, OtherColumn, PanelDynamicColumn, PanelDynamicColumnsBuilder, SelectBaseColumn, SelectBaseColumnsBuilder, SingleChoiceColumn, SingleChoiceColumnsBuilder, Table, TableEvent, TableExtensions, TableRow, Tabulator, TabulatorRow, defaultDownloadOptions, defaultOptions, localization };
 //# sourceMappingURL=survey.analytics.tabulator.mjs.map