primevue 4.2.2 → 4.2.4

package/datatable/index.mjs

@@ -1,4 +1,4 @@
-import { getFirstFocusableElement, invokeElementMethod, getAttribute, getNextElementSibling, getOuterWidth, getPreviousElementSibling, getOuterHeight, focus, addStyle, absolutePosition, isTouchDevice, getIndex, isClickable, clearSelection, findSingle, find, exportCSV, getOffset, getHiddenElementOuterWidth, getHiddenElementOuterHeight, removeClass, addClass, setAttribute } from '@primeuix/utils/dom';
+import { getFirstFocusableElement, invokeElementMethod, getAttribute, getNextElementSibling, getOuterWidth, getPreviousElementSibling, getOuterHeight, focus, addStyle, absolutePosition, isTouchDevice, getIndex, isClickable, clearSelection, findSingle, find, exportCSV, getOffset, isRTL, getHiddenElementOuterWidth, getHiddenElementOuterHeight, removeClass, addClass, setAttribute } from '@primeuix/utils/dom';
 import { resolveFieldData, equals, isNotEmpty, localeComparator, sort, findIndexInList, reorderArray, isEmpty } from '@primeuix/utils/object';
 import { FilterOperator, FilterService, FilterMatchMode } from '@primevue/core/api';
 import { getVNodeProp, UniqueComponentId, HelperSet, ConnectedOverlayScrollHandler } from '@primevue/core/utils';
@@ -914,29 +914,20 @@ var script$9 = {
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');
-        var isRTL = this.$parentInstance.$parentInstance.isRTL;
         if (align === 'right') {
           var pos = 0;
           var next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (next) {
             pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
-          if (isRTL) {
-            this.styleObject.left = pos + 'px';
-          } else {
-            this.styleObject.right = pos + 'px';
-          }
+          this.styleObject.insetInlineEnd = pos + 'px';
         } else {
           var _pos = 0;
           var prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (prev) {
             _pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
-          if (isRTL) {
-            this.styleObject.right = _pos + 'px';
-          } else {
-            this.styleObject.left = _pos + 'px';
-          }
+          this.styleObject.insetInlineStart = _pos + 'px';
         }
       }
     },
@@ -2242,29 +2233,20 @@ var script$6 = {
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');
-        var isRTL = this.$parentInstance.$parentInstance.isRTL;
         if (align === 'right') {
           var pos = 0;
           var next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (next) {
             pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
-          if (isRTL) {
-            this.styleObject.left = pos + 'px';
-          } else {
-            this.styleObject.right = pos + 'px';
-          }
+          this.styleObject.insetInlineEnd = pos + 'px';
         } else {
           var _pos = 0;
           var prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (prev) {
             _pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
-          if (isRTL) {
-            this.styleObject.right = _pos + 'px';
-          } else {
-            this.styleObject.left = _pos + 'px';
-          }
+          this.styleObject.insetInlineStart = _pos + 'px';
         }
       }
     }
@@ -3566,29 +3548,20 @@ var script$2 = {
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');
-        var isRTL = this.$parentInstance.$parentInstance.isRTL;
         if (align === 'right') {
           var pos = 0;
           var next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (next) {
             pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
-          if (isRTL) {
-            this.styleObject.left = pos + 'px';
-          } else {
-            this.styleObject.right = pos + 'px';
-          }
+          this.styleObject.insetInlineEnd = pos + 'px';
         } else {
           var _pos = 0;
           var prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (prev) {
             _pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
-          if (isRTL) {
-            this.styleObject.right = _pos + 'px';
-          } else {
-            this.styleObject.left = _pos + 'px';
-          }
+          this.styleObject.insetInlineStart = _pos + 'px';
         }
         var filterRow = this.$el.parentElement.nextElementSibling;
         if (filterRow) {
@@ -4275,8 +4248,7 @@ var script = {
       }),
       d_columnGroups: new HelperSet({
         type: 'ColumnGroup'
-      }),
-      isRTL: false
+      })
     };
   },
   rowTouched: false,
@@ -4297,7 +4269,6 @@ var script = {
   columnWidthsState: null,
   tableWidthState: null,
   columnWidthsRestored: false,
-  mutationObserver: null,
   watch: {
     first: function first(newValue) {
       this.d_first = newValue;
@@ -4348,17 +4319,12 @@ var script = {
     if (this.editMode === 'row' && this.dataKey && !this.d_editingRowKeys) {
       this.updateEditingRowKeys(this.editingRows);
     }
-    this.updateDirection();
-    this.observeDirectionChanges();
   },
   beforeUnmount: function beforeUnmount() {
     this.unbindColumnResizeEvents();
     this.destroyStyleElement();
     this.d_columns.clear();
     this.d_columnGroups.clear();
-    if (this.mutationObserver) {
-      this.mutationObserver.disconnect();
-    }
   },
   updated: function updated() {
     if (this.isStateful()) {
@@ -4369,26 +4335,11 @@ var script = {
     }
   },
   methods: {
-    updateDirection: function updateDirection() {
-      this.isRTL = !!this.$el.closest('[dir="rtl"]');
-    },
-    observeDirectionChanges: function observeDirectionChanges() {
-      var _this = this;
-      var targetNode = document.documentElement;
-      var config = {
-        attributes: true,
-        attributeFilter: ['dir']
-      };
-      this.mutationObserver = new MutationObserver(function () {
-        _this.updateDirection();
-      });
-      this.mutationObserver.observe(targetNode, config);
-    },
     columnProp: function columnProp(col, prop) {
       return getVNodeProp(col, prop);
     },
     onPage: function onPage(event) {
-      var _this2 = this;
+      var _this = this;
       this.clearEditingMetaData();
       this.d_first = event.first;
       this.d_rows = event.rows;
@@ -4399,11 +4350,11 @@ var script = {
       this.$emit('update:rows', this.d_rows);
       this.$emit('page', pageEvent);
       this.$nextTick(function () {
-        _this2.$emit('value-change', _this2.processedData);
+        _this.$emit('value-change', _this.processedData);
       });
     },
     onColumnHeaderClick: function onColumnHeaderClick(e) {
-      var _this3 = this;
+      var _this2 = this;
       var event = e.originalEvent;
       var column = e.column;
       if (this.columnProp(column, 'sortable')) {
@@ -4438,13 +4389,13 @@ var script = {
           }
           this.$emit('sort', this.createLazyLoadEvent(event));
           this.$nextTick(function () {
-            _this3.$emit('value-change', _this3.processedData);
+            _this2.$emit('value-change', _this2.processedData);
           });
         }
       }
     },
     sortSingle: function sortSingle(value) {
-      var _this4 = this;
+      var _this3 = this;
       this.clearEditingMetaData();
       if (this.groupRowsBy && this.groupRowsBy === this.sortField) {
         this.d_multiSortMeta = [{
@@ -4474,12 +4425,12 @@ var script = {
       data.sort(function (data1, data2) {
         var value1 = resolvedFieldData.get(data1);
         var value2 = resolvedFieldData.get(data2);
-        return sort(value1, value2, _this4.d_sortOrder, comparer, _this4.d_nullSortOrder);
+        return sort(value1, value2, _this3.d_sortOrder, comparer, _this3.d_nullSortOrder);
       });
       return data;
     },
     sortMultiple: function sortMultiple(value) {
-      var _this5 = this;
+      var _this4 = this;
       this.clearEditingMetaData();
       if (this.groupRowsBy && (this.d_groupRowsSortMeta || this.d_multiSortMeta.length && this.groupRowsBy === this.d_multiSortMeta[0].field)) {
         var firstSortMeta = this.d_multiSortMeta[0];
@@ -4490,7 +4441,7 @@ var script = {
       }
       var data = _toConsumableArray(value);
       data.sort(function (data1, data2) {
-        return _this5.multisortField(data1, data2, 0);
+        return _this4.multisortField(data1, data2, 0);
       });
       return data;
     },
@@ -4546,7 +4497,7 @@ var script = {
       return Object.fromEntries(entries);
     },
     filter: function filter(data) {
-      var _this6 = this;
+      var _this5 = this;
       if (!data) {
         return;
       }
@@ -4555,7 +4506,7 @@ var script = {
       var globalFilterFieldsArray;
       if (activeFilters['global']) {
         globalFilterFieldsArray = this.globalFilterFields || this.columns.map(function (col) {
-          return _this6.columnProp(col, 'filterField') || _this6.columnProp(col, 'field');
+          return _this5.columnProp(col, 'filterField') || _this5.columnProp(col, 'field');
         });
       }
       var filteredValue = [];
@@ -4618,7 +4569,7 @@ var script = {
       filterEvent.filteredValue = filteredValue;
       this.$emit('filter', filterEvent);
       this.$nextTick(function () {
-        _this6.$emit('value-change', _this6.processedData);
+        _this5.$emit('value-change', _this5.processedData);
       });
       return filteredValue;
     },
@@ -5079,7 +5030,7 @@ var script = {
       this.$emit('update:selection', _selection);
     },
     exportCSV: function exportCSV$1(options, data) {
-      var _this7 = this;
+      var _this6 = this;
       var csv = "\uFEFF";
       if (!data) {
         data = this.processedData;
@@ -5101,16 +5052,16 @@ var script = {
         data.forEach(function (record) {
           csv += '\n';
           var rowInitiated = false;
-          for (var _i = 0; _i < _this7.columns.length; _i++) {
-            var _column = _this7.columns[_i];
-            if (_this7.columnProp(_column, 'exportable') !== false && _this7.columnProp(_column, 'field')) {
-              if (rowInitiated) csv += _this7.csvSeparator;else rowInitiated = true;
-              var cellData = resolveFieldData(record, _this7.columnProp(_column, 'field'));
+          for (var _i = 0; _i < _this6.columns.length; _i++) {
+            var _column = _this6.columns[_i];
+            if (_this6.columnProp(_column, 'exportable') !== false && _this6.columnProp(_column, 'field')) {
+              if (rowInitiated) csv += _this6.csvSeparator;else rowInitiated = true;
+              var cellData = resolveFieldData(record, _this6.columnProp(_column, 'field'));
               if (cellData != null) {
-                if (_this7.exportFunction) {
-                  cellData = _this7.exportFunction({
+                if (_this6.exportFunction) {
+                  cellData = _this6.exportFunction({
                     data: cellData,
-                    field: _this7.columnProp(_column, 'field')
+                    field: _this6.columnProp(_column, 'field')
                   });
                 } else cellData = String(cellData).replace(/"/g, '""');
               } else cellData = '';
@@ -5155,7 +5106,7 @@ var script = {
       this.$refs.resizeHelper.style.display = 'block';
     },
     onColumnResizeEnd: function onColumnResizeEnd() {
-      var delta = this.isRTL ? this.lastResizeHelperX - this.$refs.resizeHelper.offsetLeft : this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
+      var delta = isRTL(this.$el) ? this.lastResizeHelperX - this.$refs.resizeHelper.offsetLeft : this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
       var columnWidth = this.resizeColumnElement.offsetWidth;
       var newColumnWidth = columnWidth + delta;
       var minWidth = this.resizeColumnElement.style.minWidth || 15;
@@ -5215,19 +5166,19 @@ var script = {
       this.styleElement.innerHTML = innerHTML;
     },
     bindColumnResizeEvents: function bindColumnResizeEvents() {
-      var _this8 = this;
+      var _this7 = this;
       if (!this.documentColumnResizeListener) {
         this.documentColumnResizeListener = document.addEventListener('mousemove', function () {
-          if (_this8.columnResizing) {
-            _this8.onColumnResize(event);
+          if (_this7.columnResizing) {
+            _this7.onColumnResize(event);
           }
         });
       }
       if (!this.documentColumnResizeEndListener) {
         this.documentColumnResizeEndListener = document.addEventListener('mouseup', function () {
-          if (_this8.columnResizing) {
-            _this8.columnResizing = false;
-            _this8.onColumnResizeEnd();
+          if (_this7.columnResizing) {
+            _this7.columnResizing = false;
+            _this7.onColumnResizeEnd();
           }
         });
       }
@@ -5298,7 +5249,7 @@ var script = {
       }
     },
     onColumnHeaderDrop: function onColumnHeaderDrop(e) {
-      var _this9 = this;
+      var _this8 = this;
       var event = e.originalEvent,
         column = e.column;
       event.preventDefault();
@@ -5311,10 +5262,10 @@ var script = {
         }
         if (allowDrop) {
           var isSameColumn = function isSameColumn(col1, col2) {
-            return _this9.columnProp(col1, 'columnKey') || _this9.columnProp(col2, 'columnKey') ? _this9.columnProp(col1, 'columnKey') === _this9.columnProp(col2, 'columnKey') : _this9.columnProp(col1, 'field') === _this9.columnProp(col2, 'field');
+            return _this8.columnProp(col1, 'columnKey') || _this8.columnProp(col2, 'columnKey') ? _this8.columnProp(col1, 'columnKey') === _this8.columnProp(col2, 'columnKey') : _this8.columnProp(col1, 'field') === _this8.columnProp(col2, 'field');
           };
           var dragColIndex = this.columns.findIndex(function (child) {
-            return isSameColumn(child, _this9.draggedColumn);
+            return isSameColumn(child, _this8.draggedColumn);
           });
           var dropColIndex = this.columns.findIndex(function (child) {
             return isSameColumn(child, column);
@@ -5459,7 +5410,7 @@ var script = {
       event.preventDefault();
     },
     toggleRow: function toggleRow(event) {
-      var _this10 = this;
+      var _this9 = this;
       var expanded = event.expanded,
         rest = _objectWithoutProperties(event, _excluded);
       var rowData = event.data;
@@ -5471,7 +5422,7 @@ var script = {
       } else {
         expandedRows = this.expandedRows ? _toConsumableArray(this.expandedRows) : [];
         expanded ? expandedRows.push(rowData) : expandedRows = expandedRows.filter(function (d) {
-          return !_this10.equals(rowData, d);
+          return !_this9.equals(rowData, d);
         });
       }
       this.$emit('update:expandedRows', expandedRows);
@@ -5733,10 +5684,10 @@ var script = {
       return cloned;
     },
     updateReorderableColumns: function updateReorderableColumns() {
-      var _this11 = this;
+      var _this10 = this;
       var columnOrder = [];
       this.columns.forEach(function (col) {
-        return columnOrder.push(_this11.columnProp(col, 'columnKey') || _this11.columnProp(col, 'field'));
+        return columnOrder.push(_this10.columnProp(col, 'columnKey') || _this10.columnProp(col, 'field'));
       });
       this.d_columnOrder = columnOrder;
     },
@@ -5799,16 +5750,16 @@ var script = {
     },
     headerColumnGroup: function headerColumnGroup() {
       var _this$columnGroups,
-        _this12 = this;
+        _this11 = this;
       return (_this$columnGroups = this.columnGroups) === null || _this$columnGroups === void 0 ? void 0 : _this$columnGroups.find(function (group) {
-        return _this12.columnProp(group, 'type') === 'header';
+        return _this11.columnProp(group, 'type') === 'header';
       });
     },
     footerColumnGroup: function footerColumnGroup() {
       var _this$columnGroups2,
-        _this13 = this;
+        _this12 = this;
       return (_this$columnGroups2 = this.columnGroups) === null || _this$columnGroups2 === void 0 ? void 0 : _this$columnGroups2.find(function (group) {
-        return _this13.columnProp(group, 'type') === 'footer';
+        return _this12.columnProp(group, 'type') === 'footer';
       });
     },
     hasFilters: function hasFilters() {
@@ -5851,14 +5802,14 @@ var script = {
       return this.d_sortField || this.d_multiSortMeta && this.d_multiSortMeta.length > 0;
     },
     allRowsSelected: function allRowsSelected() {
-      var _this14 = this;
+      var _this13 = this;
       if (this.selectAll !== null) {
         return this.selectAll;
       } else {
         var val = this.frozenValue ? [].concat(_toConsumableArray(this.frozenValue), _toConsumableArray(this.processedData)) : this.processedData;
         return isNotEmpty(val) && this.selection && Array.isArray(this.selection) && val.every(function (v) {
-          return _this14.selection.some(function (s) {
-            return _this14.equals(s, v);
+          return _this13.selection.some(function (s) {
+            return _this13.equals(s, v);
           });
         });
       }