primevue 4.3.2 → 4.3.4

package/datatable/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { getNextElementSibling, getOuterWidth, getPreviousElementSibling, getAttribute, getFirstFocusableElement, invokeElementMethod, getOuterHeight, isTouchDevice, addStyle, absolutePosition, focus, getIndex, setAttribute, find, removeClass, getOffset, addClass, getHiddenElementOuterWidth, getHiddenElementOuterHeight, isRTL, exportCSV, findSingle, clearSelection, isClickable } from '@primeuix/utils/dom';
 import { resolveFieldData, isNotEmpty, equals, isEmpty, reorderArray, findIndexInList, localeComparator, sort } from '@primeuix/utils/object';
 import { FilterOperator, FilterMatchMode, FilterService } from '@primevue/core/api';
@@ -457,7 +458,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["checked", "class"])) : !$props.rowCheckboxIconTemplate && slotProps.checked ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
         key: 1,
         "class": slotProps["class"]
-      }, $options.getColumnPT('pcRowCheckbox')['icon']), null, 16, ["class"])) : createCommentVNode("", true)];
+      }, $options.getColumnPT('pcRowCheckbox.icon')), null, 16, ["class"])) : createCommentVNode("", true)];
     }),
     _: 1
   }, 8, ["modelValue", "disabled", "aria-label", "onChange", "unstyled", "pt"]);
@@ -532,7 +533,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
 script$b.render = render$b;
 
 function _typeof$c(o) { "@babel/helpers - typeof"; return _typeof$c = "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$c(o); }
-function _regeneratorRuntime() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: true, configurable: true, writable: true }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof$c(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: true }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(true); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = false, next; return next.value = t, next.done = true, next; }; return i.next = i; } } throw new TypeError(_typeof$c(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: true }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: true }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = false, next; } return next.done = true, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = true; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, true); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, true); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function _regeneratorRuntime() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return r; }; var t, r = {}, e = Object.prototype, n = e.hasOwnProperty, o = "function" == typeof Symbol ? Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", u = o.toStringTag || "@@toStringTag"; function c(t, r, e, n) { return Object.defineProperty(t, r, { value: e, enumerable: !n, configurable: !n, writable: !n }); } try { c({}, ""); } catch (t) { c = function c(t, r, e) { return t[r] = e; }; } function h(r, e, n, o) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype); return c(a, "_invoke", function (r, e, n) { var o = 1; return function (i, a) { if (3 === o) throw Error("Generator is already running"); if (4 === o) { if ("throw" === i) throw a; return { value: t, done: true }; } for (n.method = i, n.arg = a;;) { var u = n.delegate; if (u) { var c = d(u, n); if (c) { if (c === f) continue; return c; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (1 === o) throw o = 4, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = 3; var h = s(r, e, n); if ("normal" === h.type) { if (o = n.done ? 4 : 2, h.arg === f) continue; return { value: h.arg, done: n.done }; } "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg); } }; }(r, n, new Context(o || [])), true), a; } function s(t, r, e) { try { return { type: "normal", arg: t.call(r, e) }; } catch (t) { return { type: "throw", arg: t }; } } r.wrap = h; var f = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var l = {}; c(l, i, function () { return this; }); var p = Object.getPrototypeOf, y = p && p(p(x([]))); y && y !== e && n.call(y, i) && (l = y); var v = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(l); function g(t) { ["next", "throw", "return"].forEach(function (r) { c(t, r, function (t) { return this._invoke(r, t); }); }); } function AsyncIterator(t, r) { function e(o, i, a, u) { var c = s(t[o], t, i); if ("throw" !== c.type) { var h = c.arg, f = h.value; return f && "object" == _typeof$c(f) && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) { e("next", t, a, u); }, function (t) { e("throw", t, a, u); }) : r.resolve(f).then(function (t) { h.value = t, a(h); }, function (t) { return e("throw", t, a, u); }); } u(c.arg); } var o; c(this, "_invoke", function (t, n) { function i() { return new r(function (r, o) { e(t, n, r, o); }); } return o = o ? o.then(i, i) : i(); }, true); } function d(r, e) { var n = e.method, o = r.i[n]; if (o === t) return e.delegate = null, "throw" === n && r.i["return"] && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f; var i = s(o, r.i, e.arg); if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f; var a = i.arg; return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f); } function w(t) { this.tryEntries.push(t); } function m(r) { var e = r[4] || {}; e.type = "normal", e.arg = t, r[4] = e; } function Context(t) { this.tryEntries = [[-1]], t.forEach(w, this), this.reset(true); } function x(r) { if (null != r) { var e = r[i]; if (e) return e.call(r); if ("function" == typeof r.next) return r; if (!isNaN(r.length)) { var o = -1, a = function e() { for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = false, e; return e.value = t, e.done = true, e; }; return a.next = a; } } throw new TypeError(_typeof$c(r) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = c(GeneratorFunctionPrototype, u, "GeneratorFunction"), r.isGeneratorFunction = function (t) { var r = "function" == typeof t && t.constructor; return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name)); }, r.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = Object.create(v), t; }, r.awrap = function (t) { return { __await: t }; }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () { return this; }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(h(t, e, n, o), i); return r.isGeneratorFunction(e) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, g(v), c(v, u, "Generator"), c(v, i, function () { return this; }), c(v, "toString", function () { return "[object Generator]"; }), r.keys = function (t) { var r = Object(t), e = []; for (var n in r) e.unshift(n); return function t() { for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = false, t; return t.done = true, t; }; }, r.values = x, Context.prototype = { constructor: Context, reset: function reset(r) { if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+e.slice(1)) && (this[e] = t); }, stop: function stop() { this.done = true; var t = this.tryEntries[0][4]; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(r) { if (this.done) throw r; var e = this; function n(t) { a.type = "throw", a.arg = r, e.next = t; } for (var o = e.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i[4], u = this.prev, c = i[1], h = i[2]; if (-1 === i[0]) return n("end"), false; if (!c && !h) throw Error("try statement without catch or finally"); if (null != i[0] && i[0] <= u) { if (u < c) return this.method = "next", this.arg = t, n(c), true; if (u < h) return n(h), false; } } }, abrupt: function abrupt(t, r) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var n = this.tryEntries[e]; if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) { var o = n; break; } } o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null); var i = o ? o[4] : {}; return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i); }, complete: function complete(t, r) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && r && (this.next = r), f; }, finish: function finish(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[2] === t) return this.complete(e[4], e[3]), m(e), f; } }, "catch": function _catch(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[0] === t) { var n = e[4]; if ("throw" === n.type) { var o = n.arg; m(e); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(r, e, n) { return this.delegate = { i: x(r), r: e, n: n }, "next" === this.method && (this.arg = t), f; } }, r; }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 var script$a = {
@@ -1046,8 +1047,8 @@ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$b(e, r, t) { return (r = _toPropertyKey$b(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$b(t) { var i = _toPrimitive$b(t, "string"); return "symbol" == _typeof$b(i) ? i : i + ""; }
 function _toPrimitive$b(t, r) { if ("object" != _typeof$b(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$b(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$5 = ["colspan", "rowspan", "data-p-selection-column", "data-p-editable-column", "data-p-cell-editing", "data-p-frozen-column"];
-var _hoisted_2$2 = ["aria-expanded", "aria-controls", "aria-label"];
+var _hoisted_1$9 = ["colspan", "rowspan", "data-p-selection-column", "data-p-editable-column", "data-p-cell-editing", "data-p-frozen-column"];
+var _hoisted_2$3 = ["aria-expanded", "aria-controls", "aria-label"];
 function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTRadioButton = resolveComponent("DTRadioButton");
   var _component_DTCheckbox = resolveComponent("DTCheckbox");
@@ -1158,7 +1159,8 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-label": $options.expandButtonAriaLabel,
     onClick: _cache[2] || (_cache[2] = function () {
       return $options.toggleRow && $options.toggleRow.apply($options, arguments);
-    })
+    }),
+    "data-p-selected": "selected"
   }, $options.getColumnPT('rowToggleButton'), {
     "data-pc-group-section": "rowactionbutton"
   }), [$props.column.children && $props.column.children.rowtoggleicon ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.rowtoggleicon), {
@@ -1183,7 +1185,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 2)) : !$props.isRowExpanded && !$props.collapsedRowIcon ? (openBlock(), createBlock(_component_ChevronRightIcon, mergeProps({
     key: 3,
     "class": _ctx.cx('rowToggleIcon')
-  }, $options.getColumnPT('rowToggleIcon')), null, 16, ["class"])) : createCommentVNode("", true)], 64))], 16, _hoisted_2$2)), [[_directive_ripple]]) : $props.editMode === 'row' && $options.columnProp('rowEditor') ? (openBlock(), createElementBlock(Fragment, {
+  }, $options.getColumnPT('rowToggleIcon')), null, 16, ["class"])) : createCommentVNode("", true)], 64))], 16, _hoisted_2$3)), [[_directive_ripple]]) : $props.editMode === 'row' && $options.columnProp('rowEditor') ? (openBlock(), createElementBlock(Fragment, {
     key: 6
   }, [!$data.d_editing ? (openBlock(), createBlock(_component_Button, mergeProps({
     key: 0,
@@ -1235,7 +1237,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["class", "aria-label", "unstyled", "onClick", "pt"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
     key: 7
-  }, [createTextVNode(toDisplayString($options.resolveFieldData()), 1)], 64))], 16, _hoisted_1$5));
+  }, [createTextVNode(toDisplayString($options.resolveFieldData()), 1)], 64))], 16, _hoisted_1$9));
 }
 
 script$a.render = render$a;
@@ -1740,8 +1742,8 @@ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$9(e, r, t) { return (r = _toPropertyKey$9(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$9(t) { var i = _toPrimitive$9(t, "string"); return "symbol" == _typeof$9(i) ? i : i + ""; }
 function _toPrimitive$9(t, r) { if ("object" != _typeof$9(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$9(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$4 = ["colspan"];
-var _hoisted_2$1 = ["tabindex", "aria-selected", "data-p-index", "data-p-selectable-row", "data-p-selected", "data-p-selected-contextmenu"];
+var _hoisted_1$8 = ["colspan"];
+var _hoisted_2$2 = ["tabindex", "aria-selected", "data-p-index", "data-p-selectable-row", "data-p-selected", "data-p-selected-contextmenu"];
 var _hoisted_3 = ["id"];
 var _hoisted_4 = ["colspan"];
 var _hoisted_5 = ["colspan"];
@@ -1786,7 +1788,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('rowToggleIcon')), null, 16, ["class"])) : createCommentVNode("", true)], 64))], 16)) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent($props.templates['groupheader']), {
     data: $props.rowData,
     index: $options.rowIndex
-  }, null, 8, ["data", "index"]))], 16, _hoisted_1$4)], 16)) : createCommentVNode("", true), ($props.expandableRowGroups ? $options.isRowGroupExpanded : true) ? (openBlock(), createElementBlock("tr", mergeProps({
+  }, null, 8, ["data", "index"]))], 16, _hoisted_1$8)], 16)) : createCommentVNode("", true), ($props.expandableRowGroups ? $options.isRowGroupExpanded : true) ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 1,
     "class": $options.rowClasses,
     style: $options.rowStyles,
@@ -1864,7 +1866,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
       unstyled: _ctx.unstyled,
       pt: _ctx.pt
     }, null, 8, ["rowData", "column", "rowIndex", "index", "selected", "frozenRow", "rowspan", "editMode", "editing", "editingMeta", "virtualScrollerContentProps", "ariaControls", "name", "isRowExpanded", "expandedRowIcon", "collapsedRowIcon", "editButtonProps", "onRadioChange", "onCheckboxChange", "onRowToggle", "onCellEditInit", "onCellEditComplete", "onCellEditCancel", "onRowEditInit", "onRowEditSave", "onRowEditCancel", "onEditingMetaChange", "unstyled", "pt"])) : createCommentVNode("", true)], 64);
-  }), 256))], 16, _hoisted_2$1)) : createCommentVNode("", true), $props.templates['expansion'] && $props.expandedRows && $data.d_rowExpanded ? (openBlock(), createElementBlock("tr", mergeProps({
+  }), 256))], 16, _hoisted_2$2)) : createCommentVNode("", true), $props.templates['expansion'] && $props.expandedRows && $data.d_rowExpanded ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 2,
     id: $props.expandedRowId + '_' + $options.rowIndex + '_expansion',
     "class": _ctx.cx('rowExpansion'),
@@ -1966,6 +1968,10 @@ var script$8 = {
       type: String,
       "default": null
     },
+    rowHover: {
+      type: Boolean,
+      "default": false
+    },
     contextMenu: {
       type: Boolean,
       "default": false
@@ -2084,6 +2090,12 @@ var script$8 = {
           scrollable: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 || (_this$$parentInstance = _this$$parentInstance.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.scrollable
         }
       };
+    },
+    dataP: function dataP() {
+      return cn({
+        hoverable: this.rowHover || this.selectionMode,
+        frozen: this.frozenRow
+      });
     }
   },
   components: {
@@ -2091,13 +2103,15 @@ var script$8 = {
   }
 };
 
+var _hoisted_1$7 = ["data-p"];
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTBodyRow = resolveComponent("DTBodyRow");
   return openBlock(), createElementBlock("tbody", mergeProps({
     ref: $options.bodyRef,
     "class": _ctx.cx('tbody'),
     role: "rowgroup",
-    style: $options.bodyContentStyle
+    style: $options.bodyContentStyle,
+    "data-p": $options.dataP
   }, _ctx.ptm('tbody', $options.ptmTBodyOptions)), [!$props.empty ? (openBlock(true), createElementBlock(Fragment, {
     key: 0
   }, renderList($props.value, function (rowData, rowIndex) {
@@ -2214,7 +2228,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     templates: $props.templates,
     unstyled: _ctx.unstyled,
     pt: _ctx.pt
-  }, null, 8, ["empty", "columns", "templates", "unstyled", "pt"]))], 16);
+  }, null, 8, ["empty", "columns", "templates", "unstyled", "pt"]))], 16, _hoisted_1$7);
 }
 
 script$8.render = render$8;
@@ -2313,7 +2327,7 @@ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$8(e, r, t) { return (r = _toPropertyKey$8(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$8(t) { var i = _toPrimitive$8(t, "string"); return "symbol" == _typeof$8(i) ? i : i + ""; }
 function _toPrimitive$8(t, r) { if ("object" != _typeof$8(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$8(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$3 = ["colspan", "rowspan", "data-p-frozen-column"];
+var _hoisted_1$6 = ["colspan", "rowspan", "data-p-frozen-column"];
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", mergeProps({
     style: $options.containerStyle,
@@ -2329,7 +2343,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["column"])) : createCommentVNode("", true), $options.columnProp('footer') ? (openBlock(), createElementBlock("span", mergeProps({
     key: 1,
     "class": _ctx.cx('columnFooter')
-  }, $options.getColumnPT('columnFooter')), toDisplayString($options.columnProp('footer')), 17)) : createCommentVNode("", true)], 16, _hoisted_1$3);
+  }, $options.getColumnPT('columnFooter')), toDisplayString($options.columnProp('footer')), 17)) : createCommentVNode("", true)], 16, _hoisted_1$6);
 }
 
 script$7.render = render$7;
@@ -2467,7 +2481,9 @@ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$7(e, r, t) { return (r = _toPropertyKey$7(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$7(t) { var i = _toPrimitive$7(t, "string"); return "symbol" == _typeof$7(i) ? i : i + ""; }
 function _toPrimitive$7(t, r) { if ("object" != _typeof$7(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$7(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1$5 = ["data-p-scrollable"];
 function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  var _ctx$$parentInstance;
   var _component_DTFooterCell = resolveComponent("DTFooterCell");
   return $options.hasFooter ? (openBlock(), createElementBlock("tfoot", mergeProps({
     key: 0,
@@ -2475,6 +2491,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     style: _ctx.sx('tfoot'),
     role: "rowgroup"
   }, $props.columnGroup ? _objectSpread$7(_objectSpread$7({}, _ctx.ptm('tfoot', $options.ptmTFootOptions)), $options.getColumnGroupPT('root')) : _ctx.ptm('tfoot', $options.ptmTFootOptions), {
+    "data-p-scrollable": (_ctx$$parentInstance = _ctx.$parentInstance) === null || _ctx$$parentInstance === void 0 || (_ctx$$parentInstance = _ctx$$parentInstance.$parentInstance) === null || _ctx$$parentInstance === void 0 ? void 0 : _ctx$$parentInstance.scrollable,
     "data-pc-section": "tfoot"
   }), [!$props.columnGroup ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 0,
@@ -2504,7 +2521,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
         pt: _ctx.pt
       }, null, 8, ["column", "index", "pt"])) : createCommentVNode("", true)], 64);
     }), 128))], 16);
-  }), 128))], 16)) : createCommentVNode("", true);
+  }), 128))], 16, _hoisted_1$5)) : createCommentVNode("", true);
 }
 
 script$6.render = render$6;
@@ -2816,7 +2833,7 @@ var script$5 = {
       _filters[this.field].constraints.push(newConstraint);
       this.$emit('constraint-add', {
         field: this.field,
-        constraing: newConstraint
+        constraint: newConstraint
       });
       this.$emit('filter-change', _filters);
       if (!this.showApplyButton) {
@@ -2828,7 +2845,7 @@ var script$5 = {
       var removedConstraint = _filters[this.field].constraints.splice(index, 1);
       this.$emit('constraint-remove', {
         field: this.field,
-        constraing: removedConstraint
+        constraint: removedConstraint
       });
       this.$emit('filter-change', _filters);
       if (!this.showApplyButton) {
@@ -2868,8 +2885,7 @@ var script$5 = {
       ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
       addStyle(el, {
         position: 'absolute',
-        top: '0',
-        left: '0'
+        top: '0'
       });
       absolutePosition(this.overlay, this.$refs.icon.$el);
       this.bindOutsideClickListener();
@@ -3066,8 +3082,8 @@ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$5(e, r, t) { return (r = _toPropertyKey$5(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$5(t) { var i = _toPrimitive$5(t, "string"); return "symbol" == _typeof$5(i) ? i : i + ""; }
 function _toPrimitive$5(t, r) { if ("object" != _typeof$5(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$5(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$2 = ["id", "aria-modal"];
-var _hoisted_2 = ["onClick", "onKeydown", "tabindex"];
+var _hoisted_1$4 = ["id", "aria-modal"];
+var _hoisted_2$1 = ["onClick", "onKeydown", "tabindex"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Button = resolveComponent("Button");
   var _component_Select = resolveComponent("Select");
@@ -3167,7 +3183,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
               }, ["prevent"]), ["enter"])],
               tabindex: i === 0 ? '0' : null,
               ref_for: true
-            }, $options.getColumnPT('filterConstraint', $options.ptmFilterConstraintOptions(matchMode))), toDisplayString(matchMode.label), 17, _hoisted_2);
+            }, $options.getColumnPT('filterConstraint', $options.ptmFilterConstraintOptions(matchMode))), toDisplayString(matchMode.label), 17, _hoisted_2$1);
           }), 128)), createElementVNode("li", mergeProps({
             "class": _ctx.cx('filterConstraintSeparator')
           }, $options.getColumnPT('filterConstraintSeparator')), null, 16), createElementVNode("li", mergeProps({
@@ -3304,7 +3320,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
             field: $props.field,
             filterModel: $props.filters[$props.field],
             filterCallback: $options.filterCallback
-          }, null, 8, ["field", "filterModel", "filterCallback"]))], 16, _hoisted_1$2)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+          }, null, 8, ["field", "filterModel", "filterCallback"]))], 16, _hoisted_1$4)), [[_directive_focustrap]]) : createCommentVNode("", true)];
         }),
         _: 1
       }, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];
@@ -3369,7 +3385,6 @@ var script$4 = {
 };
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_CheckIcon = resolveComponent("CheckIcon");
   var _component_Checkbox = resolveComponent("Checkbox");
   return openBlock(), createBlock(_component_Checkbox, {
     modelValue: $props.checked,
@@ -3379,19 +3394,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: $options.onChange,
     unstyled: _ctx.unstyled,
     pt: $options.getColumnPT('pcHeaderCheckbox')
-  }, {
-    icon: withCtx(function (slotProps) {
-      return [$props.headerCheckboxIconTemplate ? (openBlock(), createBlock(resolveDynamicComponent($props.headerCheckboxIconTemplate), {
-        key: 0,
-        checked: slotProps.checked,
-        "class": normalizeClass(slotProps["class"])
-      }, null, 8, ["checked", "class"])) : !$props.headerCheckboxIconTemplate && slotProps.checked ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
-        key: 1,
-        "class": slotProps["class"]
-      }, $options.getColumnPT('pcHeaderCheckbox')['icon']), null, 16, ["class"])) : createCommentVNode("", true)];
-    }),
-    _: 1
-  }, 8, ["modelValue", "disabled", "aria-label", "onChange", "unstyled", "pt"]);
+  }, null, 8, ["modelValue", "disabled", "aria-label", "onChange", "unstyled", "pt"]);
 }
 
 script$4.render = render$4;
@@ -3529,7 +3532,7 @@ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$4(e, r, t) { return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$4(i) ? i : i + ""; }
 function _toPrimitive$4(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$1 = ["data-p-frozen-column"];
+var _hoisted_1$3 = ["data-p-frozen-column"];
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTHeaderCheckbox = resolveComponent("DTHeaderCheckbox");
   var _component_DTColumnFilter = resolveComponent("DTColumnFilter");
@@ -3601,7 +3604,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     column: $props.column,
     unstyled: _ctx.unstyled,
     pt: _ctx.pt
-  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16, _hoisted_1$1)) : createCommentVNode("", true);
+  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16, _hoisted_1$3)) : createCommentVNode("", true);
 }
 
 script$3.render = render$3;
@@ -3886,7 +3889,7 @@ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$3(e, r, t) { return (r = _toPropertyKey$3(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$3(t) { var i = _toPrimitive$3(t, "string"); return "symbol" == _typeof$3(i) ? i : i + ""; }
 function _toPrimitive$3(t, r) { if ("object" != _typeof$3(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$3(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["tabindex", "colspan", "rowspan", "aria-sort", "data-p-sortable-column", "data-p-resizable-column", "data-p-sorted", "data-p-filter-column", "data-p-frozen-column", "data-p-reorderable-column"];
+var _hoisted_1$2 = ["tabindex", "colspan", "rowspan", "aria-sort", "data-p-sortable-column", "data-p-resizable-column", "data-p-sorted", "data-p-filter-column", "data-p-frozen-column", "data-p-reorderable-column"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Badge = resolveComponent("Badge");
   var _component_DTHeaderCheckbox = resolveComponent("DTHeaderCheckbox");
@@ -4014,7 +4017,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     column: $props.column,
     unstyled: _ctx.unstyled,
     pt: _ctx.pt
-  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16)], 16, _hoisted_1);
+  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16)], 16, _hoisted_1$2);
 }
 
 script$2.render = render$2;
@@ -4224,7 +4227,9 @@ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
 function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1$1 = ["data-p-scrollable"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _ctx$$parentInstance;
   var _component_DTHeaderCell = resolveComponent("DTHeaderCell");
   var _component_DTFilterHeaderCell = resolveComponent("DTFilterHeaderCell");
   return openBlock(), createElementBlock("thead", mergeProps({
@@ -4232,6 +4237,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     style: _ctx.sx('thead'),
     role: "rowgroup"
   }, $props.columnGroup ? _objectSpread$2(_objectSpread$2({}, _ctx.ptm('thead', $options.ptmTHeadOptions)), $options.getColumnGroupPT('root')) : _ctx.ptm('thead', $options.ptmTHeadOptions), {
+    "data-p-scrollable": (_ctx$$parentInstance = _ctx.$parentInstance) === null || _ctx$$parentInstance === void 0 || (_ctx$$parentInstance = _ctx$$parentInstance.$parentInstance) === null || _ctx$$parentInstance === void 0 ? void 0 : _ctx$$parentInstance.scrollable,
     "data-pc-section": "thead"
   }), [!$props.columnGroup ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 0,
@@ -4403,19 +4409,19 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       onApplyClick: _cache[31] || (_cache[31] = function ($event) {
         return _ctx.$emit('apply-click', $event);
       }),
-      onChange: _cache[32] || (_cache[32] = function ($event) {
+      onCheckboxChange: _cache[32] || (_cache[32] = function ($event) {
         return _ctx.$emit('checkbox-change', $event);
       }),
       unstyled: _ctx.unstyled,
       pt: _ctx.pt
     }, null, 8, ["column", "index", "allRowsSelected", "empty", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "unstyled", "pt"])) : createCommentVNode("", true)], 64);
-  }), 128))], 16)) : createCommentVNode("", true)], 16);
+  }), 128))], 16)) : createCommentVNode("", true)], 16, _hoisted_1$1);
 }
 
 script$1.render = render$1;
 
-function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(o); }
 var _excluded = ["expanded"];
+function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(o); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function ownKeys$1(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; }
@@ -5383,19 +5389,21 @@ var script = {
     bindColumnResizeEvents: function bindColumnResizeEvents() {
       var _this7 = this;
       if (!this.documentColumnResizeListener) {
-        this.documentColumnResizeListener = document.addEventListener('mousemove', function () {
+        this.documentColumnResizeListener = function (event) {
           if (_this7.columnResizing) {
             _this7.onColumnResize(event);
           }
-        });
+        };
+        document.addEventListener('mousemove', this.documentColumnResizeListener);
       }
       if (!this.documentColumnResizeEndListener) {
-        this.documentColumnResizeEndListener = document.addEventListener('mouseup', function () {
+        this.documentColumnResizeEndListener = function () {
           if (_this7.columnResizing) {
             _this7.columnResizing = false;
             _this7.onColumnResizeEnd();
           }
-        });
+        };
+        document.addEventListener('mouseup', this.documentColumnResizeEndListener);
       }
     },
     unbindColumnResizeEvents: function unbindColumnResizeEvents() {
@@ -5694,7 +5702,8 @@ var script = {
         state.rows = this.d_rows;
       }
       if (this.d_sortField) {
-        state.sortField = this.d_sortField;
+        // Functions can't be serialized, so don't attempt to save them
+        if (typeof this.d_sortField !== 'function') state.sortField = this.d_sortField;
         state.sortOrder = this.d_sortOrder;
       }
       if (this.d_multiSortMeta) {
@@ -5734,41 +5743,78 @@ var script = {
         }
         return value;
       };
-      if (stateString) {
-        var restoredState = JSON.parse(stateString, reviver);
-        if (this.paginator) {
-          this.d_first = restoredState.first;
-          this.d_rows = restoredState.rows;
-        }
-        if (restoredState.sortField) {
-          this.d_sortField = restoredState.sortField;
-          this.d_sortOrder = restoredState.sortOrder;
-        }
-        if (restoredState.multiSortMeta) {
-          this.d_multiSortMeta = restoredState.multiSortMeta;
-        }
-        if (restoredState.filters) {
-          this.$emit('update:filters', restoredState.filters);
-        }
-        if (this.resizableColumns) {
-          this.columnWidthsState = restoredState.columnWidths;
-          this.tableWidthState = restoredState.tableWidth;
+      var parsedState;
+      try {
+        parsedState = JSON.parse(stateString, reviver);
+      } catch (error) {}
+      if (!parsedState || _typeof$1(parsedState) !== 'object') {
+        storage.removeItem(this.stateKey);
+        return;
+      }
+      var restoredState = {};
+      if (this.paginator) {
+        if (typeof parsedState.first === 'number') {
+          this.d_first = parsedState.first;
+          this.$emit('update:first', this.d_first);
+          restoredState.first = this.d_first;
         }
-        if (this.reorderableColumns) {
-          this.d_columnOrder = restoredState.columnOrder;
+        if (typeof parsedState.rows === 'number') {
+          this.d_rows = parsedState.rows;
+          this.$emit('update:rows', this.d_rows);
+          restoredState.rows = this.d_rows;
         }
-        if (restoredState.expandedRows) {
-          this.$emit('update:expandedRows', restoredState.expandedRows);
+      }
+      if (typeof parsedState.sortField === 'string') {
+        this.d_sortField = parsedState.sortField;
+        this.$emit('update:sortField', this.d_sortField);
+        restoredState.sortField = this.d_sortField;
+      }
+      if (typeof parsedState.sortOrder === 'number') {
+        this.d_sortOrder = parsedState.sortOrder;
+        this.$emit('update:sortOrder', this.d_sortOrder);
+        restoredState.sortOrder = this.d_sortOrder;
+      }
+      if (Array.isArray(parsedState.multiSortMeta)) {
+        this.d_multiSortMeta = parsedState.multiSortMeta;
+        this.$emit('update:multiSortMeta', this.d_multiSortMeta);
+        restoredState.multiSortMeta = this.d_multiSortMeta;
+      }
+      if (this.hasFilters && _typeof$1(parsedState.filters) === 'object' && parsedState.filters !== null) {
+        this.d_filters = this.cloneFilters(parsedState.filters);
+        this.$emit('update:filters', this.d_filters);
+        restoredState.filters = this.d_filters;
+      }
+      if (this.resizableColumns) {
+        if (typeof parsedState.columnWidths === 'string') {
+          this.columnWidthsState = parsedState.columnWidths;
+          restoredState.columnWidths = this.columnWidthsState;
         }
-        if (restoredState.expandedRowGroups) {
-          this.$emit('update:expandedRowGroups', restoredState.expandedRowGroups);
+        if (typeof parsedState.tableWidth === 'string') {
+          this.tableWidthState = parsedState.tableWidth;
+          restoredState.tableWidth = this.tableWidthState;
         }
-        if (restoredState.selection) {
-          this.d_selectionKeys = restoredState.d_selectionKeys;
-          this.$emit('update:selection', restoredState.selection);
+      }
+      if (this.reorderableColumns && Array.isArray(parsedState.columnOrder)) {
+        this.d_columnOrder = parsedState.columnOrder;
+        restoredState.columnOrder = this.d_columnOrder;
+      }
+      if (_typeof$1(parsedState.expandedRows) === 'object' && parsedState.expandedRows !== null) {
+        this.$emit('update:expandedRows', parsedState.expandedRows);
+        restoredState.expandedRows = parsedState.expandedRows;
+      }
+      if (Array.isArray(parsedState.expandedRowGroups)) {
+        this.$emit('update:expandedRowGroups', parsedState.expandedRowGroups);
+        restoredState.expandedRowGroups = parsedState.expandedRowGroups;
+      }
+      if (_typeof$1(parsedState.selection) === 'object' && parsedState.selection !== null) {
+        if (_typeof$1(parsedState.selectionKeys) === 'object' && parsedState.selectionKeys !== null) {
+          this.d_selectionKeys = parsedState.selectionKeys;
+          restoredState.selectionKeys = this.d_selectionKeys;
         }
-        this.$emit('state-restore', restoredState);
+        this.$emit('update:selection', parsedState.selection);
+        restoredState.selection = parsedState.selection;
       }
+      this.$emit('state-restore', restoredState);
     },
     saveColumnWidths: function saveColumnWidths(state) {
       var widths = [];
@@ -5881,10 +5927,10 @@ var script = {
         this.$emit('filter', this.createLazyLoadEvent());
       }
     },
-    cloneFilters: function cloneFilters() {
+    cloneFilters: function cloneFilters(filters) {
       var cloned = {};
-      if (this.filters) {
-        Object.entries(this.filters).forEach(function (_ref3) {
+      if (filters) {
+        Object.entries(filters).forEach(function (_ref3) {
           var _ref4 = _slicedToArray(_ref3, 2),
             prop = _ref4[0],
             value = _ref4[1];
@@ -5899,10 +5945,10 @@ var script = {
       return cloned;
     },
     updateReorderableColumns: function updateReorderableColumns() {
-      var _this10 = this;
+      var _this0 = this;
       var columnOrder = [];
       this.columns.forEach(function (col) {
-        return columnOrder.push(_this10.columnProp(col, 'columnKey') || _this10.columnProp(col, 'field'));
+        return columnOrder.push(_this0.columnProp(col, 'columnKey') || _this0.columnProp(col, 'field'));
       });
       this.d_columnOrder = columnOrder;
     },
@@ -5937,7 +5983,7 @@ var script = {
   computed: {
     columns: function columns() {
       var cols = this.d_columns.get(this);
-      if (this.reorderableColumns && this.d_columnOrder) {
+      if (cols && this.reorderableColumns && this.d_columnOrder) {
         var orderedColumns = [];
         var _iterator5 = _createForOfIteratorHelper(this.d_columnOrder),
           _step5;
@@ -5965,16 +6011,16 @@ var script = {
     },
     headerColumnGroup: function headerColumnGroup() {
       var _this$columnGroups,
-        _this11 = this;
+        _this1 = this;
       return (_this$columnGroups = this.columnGroups) === null || _this$columnGroups === void 0 ? void 0 : _this$columnGroups.find(function (group) {
-        return _this11.columnProp(group, 'type') === 'header';
+        return _this1.columnProp(group, 'type') === 'header';
       });
     },
     footerColumnGroup: function footerColumnGroup() {
       var _this$columnGroups2,
-        _this12 = this;
+        _this10 = this;
       return (_this$columnGroups2 = this.columnGroups) === null || _this$columnGroups2 === void 0 ? void 0 : _this$columnGroups2.find(function (group) {
-        return _this12.columnProp(group, 'type') === 'footer';
+        return _this10.columnProp(group, 'type') === 'footer';
       });
     },
     hasFilters: function hasFilters() {
@@ -6017,14 +6063,14 @@ var script = {
       return this.d_sortField || this.d_multiSortMeta && this.d_multiSortMeta.length > 0;
     },
     allRowsSelected: function allRowsSelected() {
-      var _this13 = this;
+      var _this11 = 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 _this13.selection.some(function (s) {
-            return _this13.equals(s, v);
+          return _this11.selection.some(function (s) {
+            return _this11.equals(s, v);
           });
         });
       }
@@ -6089,6 +6135,12 @@ var script = {
     },
     virtualScrollerDisabled: function virtualScrollerDisabled() {
       return isEmpty(this.virtualScrollerOptions) || !this.scrollable;
+    },
+    dataP: function dataP() {
+      return cn({
+        scrollable: this.scrollable,
+        'flex-scrollable': this.scrollable && this.scrollHeight === 'flex'
+      });
     }
   },
   components: {
@@ -6109,6 +6161,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
   var _component_DTPaginator = resolveComponent("DTPaginator");
@@ -6118,7 +6172,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTVirtualScroller = resolveComponent("DTVirtualScroller");
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
-    "data-scrollselectors": ".p-datatable-wrapper"
+    "data-scrollselectors": ".p-datatable-wrapper",
+    "data-p": $options.dataP
   }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default"), _ctx.loading ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('mask')
@@ -6156,24 +6211,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     alwaysShow: _ctx.alwaysShowPaginator,
     unstyled: _ctx.unstyled,
+    "data-p-top": true,
     pt: _ctx.ptm('pcPaginator')
   }, createSlots({
     _: 2
   }, [_ctx.$slots.paginatorcontainer ? {
     name: "container",
-    fn: withCtx(function () {
+    fn: withCtx(function (slotProps) {
       return [renderSlot(_ctx.$slots, "paginatorcontainer", {
-        first: _ctx.slotProps.first,
-        last: _ctx.slotProps.last,
-        rows: _ctx.slotProps.rows,
-        page: _ctx.slotProps.page,
-        pageCount: _ctx.slotProps.pageCount,
-        totalRecords: _ctx.slotProps.totalRecords,
-        firstPageCallback: _ctx.slotProps.firstPageCallback,
-        lastPageCallback: _ctx.slotProps.lastPageCallback,
-        prevPageCallback: _ctx.slotProps.prevPageCallback,
-        nextPageCallback: _ctx.slotProps.nextPageCallback,
-        rowChangeCallback: _ctx.slotProps.rowChangeCallback
+        first: slotProps.first,
+        last: slotProps.last,
+        rows: slotProps.rows,
+        page: slotProps.page,
+        pageCount: slotProps.pageCount,
+        pageLinks: slotProps.pageLinks,
+        totalRecords: slotProps.totalRecords,
+        firstPageCallback: slotProps.firstPageCallback,
+        lastPageCallback: slotProps.lastPageCallback,
+        prevPageCallback: slotProps.prevPageCallback,
+        nextPageCallback: slotProps.nextPageCallback,
+        rowChangeCallback: slotProps.rowChangeCallback,
+        changePageCallback: slotProps.changePageCallback
       })];
     }),
     key: "0"
@@ -6241,7 +6299,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('tableContainer'),
     style: [_ctx.sx('tableContainer'), {
       maxHeight: $options.virtualScrollerDisabled ? _ctx.scrollHeight : ''
-    }]
+    }],
+    "data-p": $options.dataP
   }, _ctx.ptm('tableContainer')), [createVNode(_component_DTVirtualScroller, mergeProps({
     ref: "virtualScroller"
   }, _ctx.virtualScrollerOptions, {
@@ -6324,6 +6383,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         selection: _ctx.selection,
         selectionKeys: $data.d_selectionKeys,
         selectionMode: _ctx.selectionMode,
+        rowHover: _ctx.rowHover,
         contextMenu: _ctx.contextMenu,
         contextMenuSelection: _ctx.contextMenuSelection,
         rowGroupMode: _ctx.rowGroupMode,
@@ -6402,7 +6462,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onEditingMetaChange: $options.onEditingMetaChange,
         unstyled: _ctx.unstyled,
         pt: _ctx.pt
-      }, null, 8, ["value", "columns", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"])) : createCommentVNode("", true), createVNode(_component_DTTableBody, {
+      }, null, 8, ["value", "columns", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "rowHover", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"])) : createCommentVNode("", true), createVNode(_component_DTTableBody, {
         ref: "bodyRef",
         value: $options.dataToRender(slotProps.rows),
         "class": normalizeClass(slotProps.styleClass),
@@ -6413,6 +6473,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         selection: _ctx.selection,
         selectionKeys: $data.d_selectionKeys,
         selectionMode: _ctx.selectionMode,
+        rowHover: _ctx.rowHover,
         contextMenu: _ctx.contextMenu,
         contextMenuSelection: _ctx.contextMenuSelection,
         rowGroupMode: _ctx.rowGroupMode,
@@ -6494,7 +6555,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onEditingMetaChange: $options.onEditingMetaChange,
         unstyled: _ctx.unstyled,
         pt: _ctx.pt
-      }, null, 8, ["value", "class", "columns", "empty", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "virtualScrollerContentProps", "isVirtualScrollerDisabled", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"]), $options.hasSpacerStyle(slotProps.spacerStyle) ? (openBlock(), createElementBlock("tbody", mergeProps({
+      }, null, 8, ["value", "class", "columns", "empty", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "rowHover", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "virtualScrollerContentProps", "isVirtualScrollerDisabled", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"]), $options.hasSpacerStyle(slotProps.spacerStyle) ? (openBlock(), createElementBlock("tbody", mergeProps({
         key: 2,
         "class": _ctx.cx('virtualScrollerSpacer'),
         style: {
@@ -6507,7 +6568,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["columnGroup", "columns", "pt"])], 16)];
     }),
     _: 1
-  }, 16, ["items", "columns", "style", "scrollHeight", "disabled", "pt"])], 16), $options.paginatorBottom ? (openBlock(), createBlock(_component_DTPaginator, {
+  }, 16, ["items", "columns", "style", "scrollHeight", "disabled", "pt"])], 16, _hoisted_2), $options.paginatorBottom ? (openBlock(), createBlock(_component_DTPaginator, {
     key: 3,
     rows: $data.d_rows,
     first: $data.d_first,
@@ -6524,6 +6585,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     alwaysShow: _ctx.alwaysShowPaginator,
     unstyled: _ctx.unstyled,
+    "data-p-bottom": true,
     pt: _ctx.ptm('pcPaginator')
   }, createSlots({
     _: 2
@@ -6536,12 +6598,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         rows: slotProps.rows,
         page: slotProps.page,
         pageCount: slotProps.pageCount,
+        pageLinks: slotProps.pageLinks,
         totalRecords: slotProps.totalRecords,
         firstPageCallback: slotProps.firstPageCallback,
         lastPageCallback: slotProps.lastPageCallback,
         prevPageCallback: slotProps.prevPageCallback,
         nextPageCallback: slotProps.nextPageCallback,
-        rowChangeCallback: slotProps.rowChangeCallback
+        rowChangeCallback: slotProps.rowChangeCallback,
+        changePageCallback: slotProps.changePageCallback
       })];
     }),
     key: "0"
@@ -6630,7 +6694,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "position": "absolute",
       "display": "none"
     }
-  }, _ctx.ptm('rowReorderIndicatorDown')), [(openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.rowreorderindicatordownicon || _ctx.$slots.reorderindicatordownicon || 'ArrowUpIcon')))], 16)) : createCommentVNode("", true)], 16);
+  }, _ctx.ptm('rowReorderIndicatorDown')), [(openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.rowreorderindicatordownicon || _ctx.$slots.reorderindicatordownicon || 'ArrowUpIcon')))], 16)) : createCommentVNode("", true)], 16, _hoisted_1);
 }
 
 script.render = render;