dattatable 2.11.80 → 2.11.81

package/build/dashboard/table.js

@@ -66,7 +66,7 @@ var DataTable = /** @class */ (function () {
                         // See if we are sorting
                         if (type == "sort") {
                             // Get the cell element
-                            var elCell = meta.settings.data[meta.row].anCells ? meta.settings.data[meta.row].anCells[meta.col] : null;
+                            var elCell = meta.settings.data[meta.row].cells ? meta.settings.data[meta.row].cells[meta.col] : null;
                             if (elCell) {
                                 // Return the order/sort attribute, inner html or data value
                                 return elCell.getAttribute("data-order") || elCell.getAttribute("data-sort") || elCell.innerText || data;

package/dist/dattatable.js

@@ -247,7 +247,7 @@ eval("{\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\
 (__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("{\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar datatables_net_1 = __webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@3.0.0/node_modules/datatables.net/js/dataTables.min.js\");\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.87_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@3.0.0/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        this._addRowItems = [];\r\n        this._datatable = null;\r\n        this._props = null;\r\n        this._table = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds row(s) to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        var _this = this;\r\n        // Set the rows array\r\n        (typeof (row.length) === \"number\" ? row : [row]).forEach(function (row) {\r\n            var newRow = [];\r\n            // Parse the columns\r\n            for (var i = 0; i < _this._props.columns.length; i++) {\r\n                var column = _this._props.columns[i];\r\n                var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n                // Append the value\r\n                newRow.push(value);\r\n            }\r\n            // Save a reference to the original data for the event\r\n            var uniqueId = Date.now();\r\n            newRow.push(uniqueId);\r\n            _this._addRowItems.push({ rowId: uniqueId, row: row });\r\n            // Add the row\r\n            _this._datatable.row.add(newRow);\r\n        });\r\n        // Refresh the table\r\n        this._datatable.draw(false);\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this.getDefaultProperties(this._props.dtProps);\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = new datatables_net_1.DataTable(table.el, this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    DataTable.prototype.getDefaultProperties = function (props) {\r\n        var _this = this;\r\n        // Return the default properties\r\n        return (props === null || props === void 0 ? void 0 : props.dtProps) || {\r\n            columnDefs: [{\r\n                    targets: \"_all\",\r\n                    render: function (data, type, row, meta) {\r\n                        // See if we are sorting\r\n                        if (type == \"sort\") {\r\n                            // Get the cell element\r\n                            var elCell = meta.settings.data[meta.row].anCells ? meta.settings.data[meta.row].anCells[meta.col] : null;\r\n                            if (elCell) {\r\n                                // Return the order/sort attribute, inner html or data value\r\n                                return elCell.getAttribute(\"data-order\") || elCell.getAttribute(\"data-sort\") || elCell.innerText || data;\r\n                            }\r\n                        }\r\n                        return data;\r\n                    }\r\n                }],\r\n            // This will call the render event if the addRow method is used\r\n            createdRow: function (row, data, dataIndex) {\r\n                // Get the row\r\n                var rowId = data[data.length - 1];\r\n                var rowItem = null;\r\n                for (var i = 0; i < _this._addRowItems.length; i++) {\r\n                    // See if this is the target row\r\n                    if (_this._addRowItems[i].rowId == rowId) {\r\n                        // Remove it from the array\r\n                        rowItem = _this._addRowItems.splice(i, 1)[0].row;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the row item was found, otherwise it wasn't rendered from the addRows function\r\n                if (rowItem) {\r\n                    // Parse the columns\r\n                    for (var i = 0; i < _this._props.columns.length; i++) {\r\n                        var column = _this._props.columns[i];\r\n                        // See if an event exists\r\n                        if (column.onRenderCell) {\r\n                            // Call it\r\n                            column.onRenderCell(row.children[i], column, rowItem || data, dataIndex);\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            drawCallback: function (settings) {\r\n                // Get the table element\r\n                var elTable = settings.api.context[0].table;\r\n                if (elTable) {\r\n                    // Styling option for striped rows\r\n                    elTable.classList.add('table-striped');\r\n                }\r\n                // Get the table wrapper element\r\n                var elTableWrapper = settings.api.context[0].tableWrapper;\r\n                if (elTableWrapper) {\r\n                    // Align the text to be centered\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('col-md');\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('d-md-flex');\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('justify-content-between');\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('align-items-center');\r\n                    elTableWrapper.querySelector('.dt-info').classList.add('text-center');\r\n                    // Remove the label spacing to align with paging\r\n                    elTableWrapper.querySelector('.dt-length label').classList.add('d-none');\r\n                    // Push paging to the end\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('d-flex');\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('justify-content-end');\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('mx-0');\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('px-0');\r\n                    // Add spacing for the footer\r\n                    elTableWrapper.querySelector('.row :last-child').classList.add('mb-1');\r\n                }\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        this._table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(this._table);\r\n    };\r\n    // Removes a row by index\r\n    DataTable.prototype.removeRow = function (rowIdx) {\r\n        // Remove the row by index\r\n        this._datatable.row(rowIdx).draw(false);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    // Updates a cell in the datatable\r\n    DataTable.prototype.updateCell = function (row, column, value) {\r\n        // Update the cell\r\n        var elCell = this._datatable.cell({ row: row, column: column }).node();\r\n        if (elCell) {\r\n            // Update the cell\r\n            this._table.updateColumn(elCell, column, value);\r\n        }\r\n        else {\r\n            // Update the cell\r\n            this._datatable.cell({ row: row, column: column }).data(value).draw(false);\r\n        }\r\n    };\r\n    // Updates a row in the datatable\r\n    DataTable.prototype.updateRow = function (rowIdx, data) {\r\n        var _this = this;\r\n        // Update the row\r\n        var elRow = this._datatable.row(rowIdx).node();\r\n        if (elRow) {\r\n            // Set the hidden columns\r\n            var hiddenColIndexes_1 = [];\r\n            this._datatable.columns().every(function (idx) {\r\n                // See if the column is hidden\r\n                if (_this._datatable.column(idx).visible() === false) {\r\n                    // Add the index\r\n                    hiddenColIndexes_1.push(idx);\r\n                }\r\n            });\r\n            // Update the row\r\n            this._table.updateRow(elRow, data, hiddenColIndexes_1);\r\n            // Update the datatable\r\n            this._datatable.draw(false);\r\n        }\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?\n}");
+eval("{\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar datatables_net_1 = __webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@3.0.0/node_modules/datatables.net/js/dataTables.min.js\");\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.87_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@3.0.0/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        this._addRowItems = [];\r\n        this._datatable = null;\r\n        this._props = null;\r\n        this._table = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds row(s) to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        var _this = this;\r\n        // Set the rows array\r\n        (typeof (row.length) === \"number\" ? row : [row]).forEach(function (row) {\r\n            var newRow = [];\r\n            // Parse the columns\r\n            for (var i = 0; i < _this._props.columns.length; i++) {\r\n                var column = _this._props.columns[i];\r\n                var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n                // Append the value\r\n                newRow.push(value);\r\n            }\r\n            // Save a reference to the original data for the event\r\n            var uniqueId = Date.now();\r\n            newRow.push(uniqueId);\r\n            _this._addRowItems.push({ rowId: uniqueId, row: row });\r\n            // Add the row\r\n            _this._datatable.row.add(newRow);\r\n        });\r\n        // Refresh the table\r\n        this._datatable.draw(false);\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this.getDefaultProperties(this._props.dtProps);\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = new datatables_net_1.DataTable(table.el, this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    DataTable.prototype.getDefaultProperties = function (props) {\r\n        var _this = this;\r\n        // Return the default properties\r\n        return (props === null || props === void 0 ? void 0 : props.dtProps) || {\r\n            columnDefs: [{\r\n                    targets: \"_all\",\r\n                    render: function (data, type, row, meta) {\r\n                        // See if we are sorting\r\n                        if (type == \"sort\") {\r\n                            // Get the cell element\r\n                            var elCell = meta.settings.data[meta.row].cells ? meta.settings.data[meta.row].cells[meta.col] : null;\r\n                            if (elCell) {\r\n                                // Return the order/sort attribute, inner html or data value\r\n                                return elCell.getAttribute(\"data-order\") || elCell.getAttribute(\"data-sort\") || elCell.innerText || data;\r\n                            }\r\n                        }\r\n                        return data;\r\n                    }\r\n                }],\r\n            // This will call the render event if the addRow method is used\r\n            createdRow: function (row, data, dataIndex) {\r\n                // Get the row\r\n                var rowId = data[data.length - 1];\r\n                var rowItem = null;\r\n                for (var i = 0; i < _this._addRowItems.length; i++) {\r\n                    // See if this is the target row\r\n                    if (_this._addRowItems[i].rowId == rowId) {\r\n                        // Remove it from the array\r\n                        rowItem = _this._addRowItems.splice(i, 1)[0].row;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the row item was found, otherwise it wasn't rendered from the addRows function\r\n                if (rowItem) {\r\n                    // Parse the columns\r\n                    for (var i = 0; i < _this._props.columns.length; i++) {\r\n                        var column = _this._props.columns[i];\r\n                        // See if an event exists\r\n                        if (column.onRenderCell) {\r\n                            // Call it\r\n                            column.onRenderCell(row.children[i], column, rowItem || data, dataIndex);\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            drawCallback: function (settings) {\r\n                // Get the table element\r\n                var elTable = settings.api.context[0].table;\r\n                if (elTable) {\r\n                    // Styling option for striped rows\r\n                    elTable.classList.add('table-striped');\r\n                }\r\n                // Get the table wrapper element\r\n                var elTableWrapper = settings.api.context[0].tableWrapper;\r\n                if (elTableWrapper) {\r\n                    // Align the text to be centered\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('col-md');\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('d-md-flex');\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('justify-content-between');\r\n                    elTableWrapper.querySelector('.dt-info').parentElement.classList.remove('align-items-center');\r\n                    elTableWrapper.querySelector('.dt-info').classList.add('text-center');\r\n                    // Remove the label spacing to align with paging\r\n                    elTableWrapper.querySelector('.dt-length label').classList.add('d-none');\r\n                    // Push paging to the end\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('d-flex');\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('justify-content-end');\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('mx-0');\r\n                    elTableWrapper.querySelector('.dt-paging').classList.add('px-0');\r\n                    // Add spacing for the footer\r\n                    elTableWrapper.querySelector('.row :last-child').classList.add('mb-1');\r\n                }\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        this._table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(this._table);\r\n    };\r\n    // Removes a row by index\r\n    DataTable.prototype.removeRow = function (rowIdx) {\r\n        // Remove the row by index\r\n        this._datatable.row(rowIdx).draw(false);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    // Updates a cell in the datatable\r\n    DataTable.prototype.updateCell = function (row, column, value) {\r\n        // Update the cell\r\n        var elCell = this._datatable.cell({ row: row, column: column }).node();\r\n        if (elCell) {\r\n            // Update the cell\r\n            this._table.updateColumn(elCell, column, value);\r\n        }\r\n        else {\r\n            // Update the cell\r\n            this._datatable.cell({ row: row, column: column }).data(value).draw(false);\r\n        }\r\n    };\r\n    // Updates a row in the datatable\r\n    DataTable.prototype.updateRow = function (rowIdx, data) {\r\n        var _this = this;\r\n        // Update the row\r\n        var elRow = this._datatable.row(rowIdx).node();\r\n        if (elRow) {\r\n            // Set the hidden columns\r\n            var hiddenColIndexes_1 = [];\r\n            this._datatable.columns().every(function (idx) {\r\n                // See if the column is hidden\r\n                if (_this._datatable.column(idx).visible() === false) {\r\n                    // Add the index\r\n                    hiddenColIndexes_1.push(idx);\r\n                }\r\n            });\r\n            // Update the row\r\n            this._table.updateRow(elRow, data, hiddenColIndexes_1);\r\n            // Update the datatable\r\n            this._datatable.draw(false);\r\n        }\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?\n}");
 
 /***/ },