primevue 3.47.2 → 3.48.0

package/datatable/datatable.esm.js

@@ -1121,6 +1121,9 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
 script$9.render = render$9;
 
 function _typeof$9(o) { "@babel/helpers - typeof"; return _typeof$9 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$9(o); }
+function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
+function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty$9(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty$9(obj, key, value) { key = _toPropertyKey$9(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -1500,15 +1503,35 @@ var script$8 = {
     },
     rowClasses: function rowClasses() {
       var rowStyleClass = [];
+      var columnSelectionMode = null;
       if (this.rowClass) {
         var rowClassValue = this.rowClass(this.rowData);
         if (rowClassValue) {
           rowStyleClass.push(rowClassValue);
         }
       }
+      if (this.columns) {
+        var _iterator = _createForOfIteratorHelper$2(this.columns),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var col = _step.value;
+            var _selectionMode = this.columnProp(col, 'selectionMode');
+            if (ObjectUtils.isNotEmpty(_selectionMode) && _selectionMode === 'multiple') {
+              columnSelectionMode = _selectionMode;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
       return [this.cx('row', {
         rowData: this.rowData,
-        index: this.rowIndex
+        index: this.rowIndex,
+        columnSelectionMode: columnSelectionMode
       }), rowStyleClass];
     },
     rowTabindex: function rowTabindex() {
@@ -1901,6 +1924,9 @@ var script$7 = {
     }
   },
   methods: {
+    getRowKey: function getRowKey(rowData, rowIndex) {
+      return this.dataKey ? ObjectUtils.resolveFieldData(rowData, this.dataKey) : rowIndex;
+    },
     updateFrozenRowStickyPosition: function updateFrozenRowStickyPosition() {
       this.$el.style.top = DomHandler.getOuterHeight(this.$el.previousElementSibling) + 'px';
     },
@@ -1961,7 +1987,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, renderList($props.value, function (rowData, rowIndex) {
     return openBlock(), createBlock(_component_DTBodyRow, {
-      key: rowIndex,
+      key: $options.getRowKey(rowData, rowIndex),
       rowData: rowData,
       index: rowIndex,
       value: $props.value,
@@ -2482,11 +2508,17 @@ var script$4 = {
   },
   data: function data() {
     return {
+      id: this.$attrs.id,
       overlayVisible: false,
       defaultMatchMode: null,
       defaultOperator: null
     };
   },
+  watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
+    }
+  },
   overlay: null,
   selfClick: false,
   overlayEventListener: null,
@@ -2501,6 +2533,7 @@ var script$4 = {
     }
   },
   mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
     if (this.filters && this.filters[this.field]) {
       var fieldFilters = this.filters[this.field];
       if (fieldFilters.operator) {
@@ -2816,7 +2849,7 @@ var script$4 = {
       return this.showMenu && (this.display === 'row' ? this.type !== 'boolean' : true);
     },
     overlayId: function overlayId() {
-      return UniqueComponentId();
+      return this.id + '_overlay';
     },
     matchModes: function matchModes() {
       var _this5 = this;
@@ -3030,8 +3063,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
               return $options.onOperatorChange($event);
             }),
             unstyled: _ctx.unstyled,
-            pt: $options.getColumnPT('filterOperatorDropdown'),
-            "data-pc-section": "filteroperatordropdown"
+            pt: $options.getColumnPT('filterOperatorDropdown')
           }, null, 8, ["options", "modelValue", "aria-label", "class", "unstyled", "pt"])], 16)) : createCommentVNode("", true), createElementVNode("div", mergeProps({
             "class": _ctx.cx('filterConstraints')
           }, $options.getColumnPT('filterConstraints')), [(openBlock(true), createElementBlock(Fragment, null, renderList($options.fieldConstraints, function (fieldConstraint, i) {
@@ -3050,8 +3082,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 return $options.onMenuMatchModeChange($event, i);
               },
               unstyled: _ctx.unstyled,
-              pt: $options.getColumnPT('filterMatchModeDropdown'),
-              "data-pc-section": "filtermatchmodedropdown"
+              pt: $options.getColumnPT('filterMatchModeDropdown')
             }, null, 8, ["options", "modelValue", "class", "aria-label", "onUpdate:modelValue", "unstyled", "pt"])) : createCommentVNode("", true), $props.display === 'menu' ? (openBlock(), createBlock(resolveDynamicComponent($props.filterElement), {
               key: 1,
               field: $props.field,
@@ -3070,8 +3101,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
               text: "",
               severity: "danger",
               size: "small",
-              pt: $options.getColumnPT('filterRemoveButton'),
-              "data-pc-section": "filterremovebutton"
+              pt: $options.getColumnPT('filterRemoveButton')
             }, {
               icon: withCtx(function (iconProps) {
                 return [(openBlock(), createBlock(resolveDynamicComponent($props.filterRemoveIconTemplate || 'TrashIcon'), mergeProps({
@@ -3095,8 +3125,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
             text: "",
             severity: "info",
             size: "small",
-            pt: $options.getColumnPT('filterAddRuleButton'),
-            "data-pc-section": "filteraddrulebutton"
+            pt: $options.getColumnPT('filterAddRuleButton')
           }, {
             icon: withCtx(function (iconProps) {
               return [(openBlock(), createBlock(resolveDynamicComponent($props.filterAddIconTemplate || 'PlusIcon'), mergeProps({
@@ -3115,8 +3144,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
             unstyled: _ctx.unstyled,
             size: "small",
             outlined: "",
-            pt: $options.getColumnPT('filterClearButton'),
-            "data-pc-section": "filterclearbutton"
+            pt: $options.getColumnPT('filterClearButton')
           }, null, 8, ["class", "label", "onClick", "unstyled", "pt"])) : (openBlock(), createBlock(resolveDynamicComponent($props.filterClearTemplate), {
             key: 1,
             field: $props.field,
@@ -3134,8 +3162,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             unstyled: _ctx.unstyled,
             size: "small",
-            pt: $options.getColumnPT('filterApplyButton'),
-            "data-pc-section": "filterapplybutton"
+            pt: $options.getColumnPT('filterApplyButton')
           }, null, 8, ["class", "label", "unstyled", "pt"])) : (openBlock(), createBlock(resolveDynamicComponent($props.filterApplyTemplate), {
             key: 1,
             field: $props.field,
@@ -3571,9 +3598,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     sorted: $options.sortState.sorted,
     sortOrder: $options.sortState.sortOrder,
     "class": _ctx.cx('sortIcon')
-  }, $options.getColumnPT('sorticon'), {
-    "data-pc-section": "sorticon"
-  }), null, 16, ["sorted", "sortOrder", "class"]))], 16)) : createCommentVNode("", true), $options.isMultiSorted() ? (openBlock(), createElementBlock("span", mergeProps({
+  }, $options.getColumnPT('sorticon')), null, 16, ["sorted", "sortOrder", "class"]))], 16)) : createCommentVNode("", true), $options.isMultiSorted() ? (openBlock(), createElementBlock("span", mergeProps({
     key: 3,
     "class": _ctx.cx('sortBadge')
   }, $options.getColumnPT('sortBadge')), toDisplayString($options.getBadgeValue()), 17)) : createCommentVNode("", true), $options.columnProp('selectionMode') === 'multiple' && $props.filterDisplay !== 'row' ? (openBlock(), createBlock(_component_DTHeaderCheckbox, {
@@ -5000,7 +5025,7 @@ var script = {
       }
       this.$refs.resizeHelper.style.display = 'none';
       this.resizeColumn = null;
-      this.$el.setAttribute('data-p-unselectable-text', 'true');
+      this.$el.removeAttribute('data-p-unselectable-text');
       !this.isUnstyled && DomHandler.removeClass(this.$el, 'p-unselectable-text');
       this.unbindColumnResizeEvents();
       if (this.isStateful()) {
@@ -5732,9 +5757,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
     "data-scrollselectors": ".p-datatable-wrapper"
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "datatable"
-  }), [renderSlot(_ctx.$slots, "default"), _ctx.loading ? (openBlock(), createElementBlock("div", mergeProps({
+  }, _ctx.ptm('root')), [renderSlot(_ctx.$slots, "default"), _ctx.loading ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('loadingOverlay')
   }, _ctx.ptm('loadingOverlay')), [_ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", {