primevue 3.30.0 → 3.30.2

package/treetable/treetable.esm.js

@@ -4,7 +4,7 @@ import Paginator from 'primevue/paginator';
 import { ObjectUtils, DomHandler } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
-import { openBlock, createElementBlock, mergeProps, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, normalizeProps, normalizeClass, resolveDirective, withDirectives, createElementVNode, resolveComponent, Fragment, renderList, renderSlot, createSlots, withCtx } from 'vue';
+import { mergeProps, openBlock, createElementBlock, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, normalizeProps, resolveDirective, withDirectives, normalizeClass, createElementVNode, resolveComponent, Fragment, renderList, renderSlot, createSlots, withCtx } from 'vue';
 import SortAltIcon from 'primevue/icons/sortalt';
 import SortAmountDownIcon from 'primevue/icons/sortamountdown';
 import SortAmountUpAltIcon from 'primevue/icons/sortamountupalt';
@@ -17,9 +17,10 @@ import Ripple from 'primevue/ripple';
 var styles = "\n.p-treetable {\n    position: relative;\n}\n\n.p-treetable table {\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\n\n.p-treetable .p-sortable-column {\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-treetable-responsive-scroll > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n\n.p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n    table-layout: auto;\n}\n\n.p-treetable-hoverable-rows .p-treetable-tbody > tr {\n    cursor: pointer;\n}\n\n.p-treetable-toggler {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-treetable-toggler + .p-checkbox {\n    vertical-align: middle;\n}\n\n.p-treetable-toggler + .p-checkbox + span {\n    vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n    overflow: hidden;\n}\n\n.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n    background-clip: padding-box;\n    position: relative;\n}\n\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n    display: none;\n}\n\n.p-treetable .p-column-resizer {\n    display: block;\n    position: absolute !important;\n    top: 0;\n    right: 0;\n    margin: 0;\n    width: 0.5rem;\n    height: 100%;\n    padding: 0px;\n    cursor: col-resize;\n    border: 1px solid transparent;\n}\n\n.p-treetable .p-column-resizer-helper {\n    width: 1px;\n    position: absolute;\n    z-index: 10;\n    display: none;\n}\n\n.p-treetable .p-treetable-loading-overlay {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 2;\n}\n\n/* Scrollable */\n.p-treetable-scrollable .p-treetable-wrapper {\n    position: relative;\n    overflow: auto;\n}\n\n.p-treetable-scrollable .p-treetable-table {\n    display: block;\n}\n\n.p-treetable-scrollable .p-treetable-thead,\n.p-treetable-scrollable .p-treetable-tbody,\n.p-treetable-scrollable .p-treetable-tfoot {\n    display: block;\n}\n\n.p-treetable-scrollable .p-treetable-thead > tr,\n.p-treetable-scrollable .p-treetable-tbody > tr,\n.p-treetable-scrollable .p-treetable-tfoot > tr {\n    display: flex;\n    flex-wrap: nowrap;\n    width: 100%;\n}\n\n.p-treetable-scrollable .p-treetable-thead > tr > th,\n.p-treetable-scrollable .p-treetable-tbody > tr > td,\n.p-treetable-scrollable .p-treetable-tfoot > tr > td {\n    display: flex;\n    flex: 1 1 0;\n    align-items: center;\n}\n\n.p-treetable-scrollable .p-treetable-thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.p-treetable-scrollable .p-treetable-tfoot {\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n}\n\n.p-treetable-scrollable .p-frozen-column {\n    position: sticky;\n    background: inherit;\n}\n\n.p-treetable-scrollable th.p-frozen-column {\n    z-index: 1;\n}\n\n.p-treetable-scrollable-both .p-treetable-thead > tr > th,\n.p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n    flex: 0 0 auto;\n}\n\n.p-treetable-flex-scrollable {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n.p-treetable-flex-scrollable .p-treetable-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    height: 100%;\n}\n";
 var classes = {
   root: function root(_ref) {
-    var props = _ref.props;
+    var instance = _ref.instance,
+      props = _ref.props;
     return ['p-treetable p-component', {
-      'p-treetable-hoverable-rows': props.rowHover || props.rowSelectionMode,
+      'p-treetable-hoverable-rows': props.rowHover || instance.rowSelectionMode,
       'p-treetable-auto-layout': props.autoLayout,
       'p-treetable-resizable': props.resizableColumns,
       'p-treetable-resizable-fit': props.resizableColumns && props.columnResizeMode === 'fit',
@@ -29,7 +30,9 @@ var classes = {
       'p-treetable-scrollable-horizontal': props.scrollable && props.scrollDirection === 'horizontal',
       'p-treetable-scrollable-both': props.scrollable && props.scrollDirection === 'both',
       'p-treetable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',
-      'p-treetable-responsive-scroll': props.responsiveLayout === 'scroll'
+      'p-treetable-responsive-scroll': props.responsiveLayout === 'scroll',
+      'p-treetable-sm': props.size === 'small',
+      'p-treetable-lg': props.size === 'large'
     }];
   },
   loadingWrapper: 'p-treetable-loading',
@@ -263,6 +266,10 @@ var script$5 = {
       type: String,
       "default": null
     },
+    size: {
+      type: String,
+      "default": null
+    },
     tableProps: {
       type: Object,
       "default": null
@@ -279,12 +286,6 @@ var script$5 = {
   }
 };
 
-function _typeof$8(obj) { "@babel/helpers - typeof"; return _typeof$8 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$8(obj); }
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$8(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty$8(obj, key, value) { key = _toPropertyKey$8(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey$8(arg) { var key = _toPrimitive$8(arg, "string"); return _typeof$8(key) === "symbol" ? key : String(key); }
-function _toPrimitive$8(input, hint) { if (_typeof$8(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$8(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var script$4 = {
   name: 'FooterCell',
   hostName: 'TreeTable',
@@ -319,6 +320,7 @@ var script$4 = {
       return ObjectUtils.getVNodeProp(this.column, prop);
     },
     getColumnPT: function getColumnPT(key) {
+      var _this$$parentInstance;
       var columnMetaData = {
         props: this.column.props,
         parent: {
@@ -326,12 +328,14 @@ var script$4 = {
           state: this.$data
         },
         context: {
-          index: this.index
+          index: this.index,
+          frozen: this.columnProp('frozen'),
+          size: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.size
         }
       };
-      return _objectSpread$8(_objectSpread$8({}, this.ptm("column.".concat(key), {
+      return mergeProps(this.ptm("column.".concat(key), {
         column: columnMetaData
-      })), this.ptmo(this.getColumnProp(), key, columnMetaData));
+      }), this.ptm("column.".concat(key), columnMetaData), this.ptmo(this.getColumnProp(), key, columnMetaData));
     },
     getColumnProp: function getColumnProp() {
       return this.column.props && this.column.props.pt ? this.column.props.pt : undefined;
@@ -369,18 +373,18 @@ var script$4 = {
   }
 };
 
-function _typeof$7(obj) { "@babel/helpers - typeof"; return _typeof$7 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$7(obj); }
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty$7(obj, key, value) { key = _toPropertyKey$7(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey$7(arg) { var key = _toPrimitive$7(arg, "string"); return _typeof$7(key) === "symbol" ? key : String(key); }
-function _toPrimitive$7(input, hint) { if (_typeof$7(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$7(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof$5(obj) { "@babel/helpers - typeof"; return _typeof$5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$5(obj); }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty$5(obj, key, value) { key = _toPropertyKey$5(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey$5(arg) { var key = _toPrimitive$5(arg, "string"); return _typeof$5(key) === "symbol" ? key : String(key); }
+function _toPrimitive$5(input, hint) { if (_typeof$5(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$5(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", mergeProps({
     style: $options.containerStyle,
     "class": $options.containerClass,
     role: "cell"
-  }, _objectSpread$7(_objectSpread$7({}, $options.getColumnPT('root')), $options.getColumnPT('footerCell'))), [$props.column.children && $props.column.children.footer ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.footer), {
+  }, _objectSpread$5(_objectSpread$5({}, $options.getColumnPT('root')), $options.getColumnPT('footerCell'))), [$props.column.children && $props.column.children.footer ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.footer), {
     key: 0,
     column: $props.column
   }, null, 8, ["column"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString($options.columnProp('footer')), 1)], 16);
@@ -388,12 +392,6 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
 
 script$4.render = render$4;
 
-function _typeof$6(obj) { "@babel/helpers - typeof"; return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$6(obj); }
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty$6(obj, key, value) { key = _toPropertyKey$6(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey$6(arg) { var key = _toPrimitive$6(arg, "string"); return _typeof$6(key) === "symbol" ? key : String(key); }
-function _toPrimitive$6(input, hint) { if (_typeof$6(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$6(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var script$3 = {
   name: 'HeaderCell',
   hostName: 'TreeTable',
@@ -449,6 +447,7 @@ var script$3 = {
       return ObjectUtils.getVNodeProp(this.column, prop);
     },
     getColumnPT: function getColumnPT(key) {
+      var _this$$parentInstance;
       var columnMetaData = {
         props: this.column.props,
         parent: {
@@ -456,12 +455,19 @@ var script$3 = {
           state: this.$data
         },
         context: {
-          index: this.index
+          index: this.index,
+          sorted: this.isColumnSorted(),
+          frozen: this.$parentInstance.scrollable && this.columnProp('frozen'),
+          resizable: this.resizableColumns,
+          scrollable: this.$parentInstance.scrollable,
+          scrollDirection: this.$parentInstance.scrollDirection,
+          showGridlines: this.$parentInstance.showGridlines,
+          size: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.size
         }
       };
-      return _objectSpread$6(_objectSpread$6({}, this.ptm("column.".concat(key), {
+      return mergeProps(this.ptm("column.".concat(key), {
         column: columnMetaData
-      })), this.ptmo(this.getColumnProp(), key, columnMetaData));
+      }), this.ptm("column.".concat(key), columnMetaData), this.ptmo(this.getColumnProp(), key, columnMetaData));
     },
     getColumnProp: function getColumnProp() {
       return this.column.props && this.column.props.pt ? this.column.props.pt : undefined; //@todo:
@@ -580,12 +586,12 @@ var script$3 = {
   }
 };
 
-function _typeof$5(obj) { "@babel/helpers - typeof"; return _typeof$5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$5(obj); }
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty$5(obj, key, value) { key = _toPropertyKey$5(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey$5(arg) { var key = _toPrimitive$5(arg, "string"); return _typeof$5(key) === "symbol" ? key : String(key); }
-function _toPrimitive$5(input, hint) { if (_typeof$5(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$5(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof$4(obj) { "@babel/helpers - typeof"; return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$4(obj); }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty$4(obj, key, value) { key = _toPropertyKey$4(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey$4(arg) { var key = _toPrimitive$4(arg, "string"); return _typeof$4(key) === "symbol" ? key : String(key); }
+function _toPrimitive$4(input, hint) { if (_typeof$4(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$4(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _hoisted_1$2 = ["tabindex", "aria-sort", "data-p-sortable-column", "data-p-resizable-column", "data-p-highlight", "data-p-frozen-column"];
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("th", mergeProps({
@@ -600,7 +606,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     tabindex: $options.columnProp('sortable') ? '0' : null,
     "aria-sort": $options.ariaSort,
     role: "columnheader"
-  }, _objectSpread$5(_objectSpread$5({}, $options.getColumnPT('root')), $options.getColumnPT('headerCell')), {
+  }, _objectSpread$4(_objectSpread$4({}, $options.getColumnPT('root')), $options.getColumnPT('headerCell')), {
     "data-p-sortable-column": $options.columnProp('sortable'),
     "data-p-resizable-column": $props.resizableColumns,
     "data-p-highlight": $options.isColumnSorted(),
@@ -619,11 +625,12 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('headerTitle')
   }, $options.getColumnPT('headerTitle')), toDisplayString($options.columnProp('header')), 17)) : createCommentVNode("", true), $options.columnProp('sortable') ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({
     key: 3
-  }, $options.getColumnPT('sort'))), [(openBlock(), createBlock(resolveDynamicComponent($props.column.children && $props.column.children.sorticon || $options.sortableColumnIcon), {
+  }, $options.getColumnPT('sort'))), [(openBlock(), createBlock(resolveDynamicComponent($props.column.children && $props.column.children.sorticon || $options.sortableColumnIcon), mergeProps({
     sorted: $options.sortState.sorted,
     sortOrder: $options.sortState.sortOrder,
-    "class": normalizeClass(_ctx.cx('sortIcon'))
-  }, null, 8, ["sorted", "sortOrder", "class"]))], 16)) : createCommentVNode("", true), $options.isMultiSorted() ? (openBlock(), createElementBlock("span", mergeProps({
+    "data-pc-section": "sorticon",
+    "class": _ctx.cx('sortIcon')
+  }, $options.getColumnPT('sortIcon')), null, 16, ["sorted", "sortOrder", "class"]))], 16)) : createCommentVNode("", true), $options.isMultiSorted() ? (openBlock(), createElementBlock("span", mergeProps({
     key: 4,
     "class": _ctx.cx('sortBadge')
   }, $options.getColumnPT('sortBadge')), toDisplayString($options.getMultiSortMetaIndex() + 1), 17)) : createCommentVNode("", true)], 16, _hoisted_1$2);
@@ -631,12 +638,6 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
 
 script$3.render = render$3;
 
-function _typeof$4(obj) { "@babel/helpers - typeof"; return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$4(obj); }
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty$4(obj, key, value) { key = _toPropertyKey$4(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey$4(arg) { var key = _toPrimitive$4(arg, "string"); return _typeof$4(key) === "symbol" ? key : String(key); }
-function _toPrimitive$4(input, hint) { if (_typeof$4(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$4(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var script$2 = {
   name: 'BodyCell',
   hostName: 'TreeTable',
@@ -712,6 +713,7 @@ var script$2 = {
       return ObjectUtils.getVNodeProp(this.column, prop);
     },
     getColumnPT: function getColumnPT(key) {
+      var _this$$parentInstance;
       var columnMetaData = {
         props: this.column.props,
         parent: {
@@ -719,18 +721,26 @@ var script$2 = {
           state: this.$data
         },
         context: {
-          index: this.index
+          index: this.index,
+          focused: this.checkboxFocused,
+          selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
+          selected: this.$parent.selected,
+          frozen: this.columnProp('frozen'),
+          scrollable: this.$parentInstance.scrollable,
+          scrollDirection: this.$parentInstance.scrollDirection,
+          showGridlines: this.$parentInstance.showGridlines,
+          size: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.size
         }
       };
-      return _objectSpread$4(_objectSpread$4({}, this.ptm("column.".concat(key), {
+      return mergeProps(this.ptm("column.".concat(key), {
         column: columnMetaData
-      })), this.ptmo(this.getColumnProp(), key, columnMetaData));
+      }), this.ptm("column.".concat(key), columnMetaData), this.ptmo(this.getColumnProp(), key, columnMetaData));
     },
     getColumnProp: function getColumnProp() {
       return this.column.props && this.column.props.pt ? this.column.props.pt : undefined; //@todo
     },
     getColumnCheckboxPT: function getColumnCheckboxPT(key) {
-      return this.ptmo(this.getColumnProp(), key, {
+      var columnMetaData = {
         props: this.column.props,
         parent: {
           props: this.$props,
@@ -741,7 +751,10 @@ var script$2 = {
           focused: this.checkboxFocused,
           partialChecked: this.partialChecked
         }
-      });
+      };
+      return mergeProps(this.ptm("column.".concat(key), {
+        column: columnMetaData
+      }), this.ptm("column.".concat(key), columnMetaData), this.ptmo(this.getColumnProp(), key, columnMetaData));
     },
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
@@ -844,7 +857,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[3] || (_cache[3] = function () {
       return $options.toggleCheckbox && $options.toggleCheckbox.apply($options, arguments);
     })
-  }, $options.getColumnPT('checkboxWrapper')), [createElementVNode("div", mergeProps({
+  }, $options.getColumnCheckboxPT('checkboxWrapper')), [createElementVNode("div", mergeProps({
     "class": "p-hidden-accessible"
   }, $options.getColumnPT('hiddenInputWrapper'), {
     "data-p-hidden-accessible": true
@@ -1216,7 +1229,7 @@ var script$1 = {
   },
   computed: {
     containerClass: function containerClass() {
-      return [this.node.styleClass, this.cx('root')];
+      return [this.node.styleClass, this.cx('row')];
     },
     expanded: function expanded() {
       return this.expandedKeys && this.expandedKeys[this.node.key] === true;
@@ -1235,6 +1248,15 @@ var script$1 = {
     },
     getAriaSelected: function getAriaSelected() {
       return this.selectionMode === 'single' || this.selectionMode === 'multiple' ? this.selected : null;
+    },
+    ptmOptions: function ptmOptions() {
+      return {
+        context: {
+          selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
+          selected: this.selected,
+          scrollable: this.$parentInstance.scrollable
+        }
+      };
     }
   },
   components: {
@@ -1267,7 +1289,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[3] || (_cache[3] = function () {
       return $options.onTouchEnd && $options.onTouchEnd.apply($options, arguments);
     })
-  }, _ctx.ptm('row'), {
+  }, _ctx.ptm('row', $options.ptmOptions), {
     "data-p-highlight": $options.selected
   }), [(openBlock(true), createElementBlock(Fragment, null, renderList($props.columns, function (col, i) {
     return openBlock(), createElementBlock(Fragment, {
@@ -1387,6 +1409,13 @@ var script = {
     columnProp: function columnProp(col, prop) {
       return ObjectUtils.getVNodeProp(col, prop);
     },
+    ptHeaderCellOptions: function ptHeaderCellOptions(column) {
+      return {
+        context: {
+          frozen: this.columnProp(column, 'frozen')
+        }
+      };
+    },
     onNodeToggle: function onNodeToggle(node) {
       var key = node.key;
       if (this.d_expandedKeys[key]) {
@@ -1492,7 +1521,7 @@ var script = {
       if (this.columnProp(column, 'sortable')) {
         var targetNode = event.target;
         var columnField = this.columnProp(column, 'sortField') || this.columnProp(column, 'field');
-        if (DomHandler.getAttribute(targetNode, 'data-p-sortable-column') === true || DomHandler.getAttribute(targetNode, 'data-pc-section') === 'headerTitle' || DomHandler.getAttribute(targetNode, 'data-pc-section') === 'sortIcon' || DomHandler.getAttribute(targetNode.parentElement, 'data-pc-section') === 'sortIcon') {
+        if (DomHandler.getAttribute(targetNode, 'data-p-sortable-column') === true || DomHandler.getAttribute(targetNode, 'data-pc-section') === 'headertitle' || DomHandler.getAttribute(targetNode, 'data-pc-section') === 'sorticon' || DomHandler.getAttribute(targetNode.parentElement, 'data-pc-section') === 'sorticon' || DomHandler.getAttribute(targetNode.parentElement.parentElement, 'data-pc-section') === 'sorticon') {
           DomHandler.clearSelection();
           if (this.sortMode === 'single') {
             if (this.d_sortField === columnField) {
@@ -2103,14 +2132,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["column", "resizableColumns", "sortField", "sortOrder", "multiSortMeta", "sortMode", "onColumnClick", "onColumnResizestart", "index", "pt"])) : createCommentVNode("", true)], 64);
   }), 128))], 16), $options.hasColumnFilter() ? (openBlock(), createElementBlock("tr", normalizeProps(mergeProps({
     key: 0
-  }, _ctx.ptm('headerFilterRow'))), [(openBlock(true), createElementBlock(Fragment, null, renderList($options.columns, function (col, i) {
+  }, _ctx.ptm('headerRow'))), [(openBlock(true), createElementBlock(Fragment, null, renderList($options.columns, function (col, i) {
     return openBlock(), createElementBlock(Fragment, {
       key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i
     }, [!$options.columnProp(col, 'hidden') ? (openBlock(), createElementBlock("th", mergeProps({
       key: 0,
       "class": $options.getFilterColumnHeaderClass(col),
       style: [$options.columnProp(col, 'style'), $options.columnProp(col, 'filterHeaderStyle')]
-    }, _ctx.ptm('headerFilterCell')), [col.children && col.children.filter ? (openBlock(), createBlock(resolveDynamicComponent(col.children.filter), {
+    }, _ctx.ptm('headerCell', $options.ptHeaderCellOptions(col))), [col.children && col.children.filter ? (openBlock(), createBlock(resolveDynamicComponent(col.children.filter), {
       key: 0,
       column: col,
       index: i