primevue 3.30.0 → 3.30.2

package/treetable/treetable.js

@@ -19,9 +19,10 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
     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',
@@ -31,7 +32,9 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           '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',
@@ -265,6 +268,10 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           type: String,
           "default": null
         },
+        size: {
+          type: String,
+          "default": null
+        },
         tableProps: {
           type: Object,
           "default": null
@@ -281,12 +288,6 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
       }
     };
 
-    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',
@@ -321,6 +322,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           return utils.ObjectUtils.getVNodeProp(this.column, prop);
         },
         getColumnPT: function getColumnPT(key) {
+          var _this$$parentInstance;
           var columnMetaData = {
             props: this.column.props,
             parent: {
@@ -328,12 +330,14 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
               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 vue.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;
@@ -371,18 +375,18 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
       }
     };
 
-    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 vue.openBlock(), vue.createElementBlock("td", vue.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 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children.footer), {
+      }, _objectSpread$5(_objectSpread$5({}, $options.getColumnPT('root')), $options.getColumnPT('footerCell'))), [$props.column.children && $props.column.children.footer ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children.footer), {
         key: 0,
         column: $props.column
       }, null, 8, ["column"])) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString($options.columnProp('footer')), 1)], 16);
@@ -390,12 +394,6 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
 
     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',
@@ -451,6 +449,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           return utils.ObjectUtils.getVNodeProp(this.column, prop);
         },
         getColumnPT: function getColumnPT(key) {
+          var _this$$parentInstance;
           var columnMetaData = {
             props: this.column.props,
             parent: {
@@ -458,12 +457,19 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
               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 vue.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:
@@ -582,12 +588,12 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
       }
     };
 
-    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 vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
@@ -602,7 +608,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         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(),
@@ -621,11 +627,12 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         "class": _ctx.cx('headerTitle')
       }, $options.getColumnPT('headerTitle')), vue.toDisplayString($options.columnProp('header')), 17)) : vue.createCommentVNode("", true), $options.columnProp('sortable') ? (vue.openBlock(), vue.createElementBlock("span", vue.normalizeProps(vue.mergeProps({
         key: 3
-      }, $options.getColumnPT('sort'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children && $props.column.children.sorticon || $options.sortableColumnIcon), {
+      }, $options.getColumnPT('sort'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children && $props.column.children.sorticon || $options.sortableColumnIcon), vue.mergeProps({
         sorted: $options.sortState.sorted,
         sortOrder: $options.sortState.sortOrder,
-        "class": vue.normalizeClass(_ctx.cx('sortIcon'))
-      }, null, 8, ["sorted", "sortOrder", "class"]))], 16)) : vue.createCommentVNode("", true), $options.isMultiSorted() ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+        "data-pc-section": "sorticon",
+        "class": _ctx.cx('sortIcon')
+      }, $options.getColumnPT('sortIcon')), null, 16, ["sorted", "sortOrder", "class"]))], 16)) : vue.createCommentVNode("", true), $options.isMultiSorted() ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         key: 4,
         "class": _ctx.cx('sortBadge')
       }, $options.getColumnPT('sortBadge')), vue.toDisplayString($options.getMultiSortMetaIndex() + 1), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_1$2);
@@ -633,12 +640,6 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
 
     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',
@@ -714,6 +715,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           return utils.ObjectUtils.getVNodeProp(this.column, prop);
         },
         getColumnPT: function getColumnPT(key) {
+          var _this$$parentInstance;
           var columnMetaData = {
             props: this.column.props,
             parent: {
@@ -721,18 +723,26 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
               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 vue.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,
@@ -743,7 +753,10 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
               focused: this.checkboxFocused,
               partialChecked: this.partialChecked
             }
-          });
+          };
+          return vue.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')) {
@@ -846,7 +859,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         onClick: _cache[3] || (_cache[3] = function () {
           return $options.toggleCheckbox && $options.toggleCheckbox.apply($options, arguments);
         })
-      }, $options.getColumnPT('checkboxWrapper')), [vue.createElementVNode("div", vue.mergeProps({
+      }, $options.getColumnCheckboxPT('checkboxWrapper')), [vue.createElementVNode("div", vue.mergeProps({
         "class": "p-hidden-accessible"
       }, $options.getColumnPT('hiddenInputWrapper'), {
         "data-p-hidden-accessible": true
@@ -1218,7 +1231,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
       },
       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;
@@ -1237,6 +1250,15 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         },
         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: {
@@ -1269,7 +1291,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         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
       }), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.columns, function (col, i) {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -1389,6 +1411,13 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         columnProp: function columnProp(col, prop) {
           return utils.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]) {
@@ -1494,7 +1523,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           if (this.columnProp(column, 'sortable')) {
             var targetNode = event.target;
             var columnField = this.columnProp(column, 'sortField') || this.columnProp(column, 'field');
-            if (utils.DomHandler.getAttribute(targetNode, 'data-p-sortable-column') === true || utils.DomHandler.getAttribute(targetNode, 'data-pc-section') === 'headerTitle' || utils.DomHandler.getAttribute(targetNode, 'data-pc-section') === 'sortIcon' || utils.DomHandler.getAttribute(targetNode.parentElement, 'data-pc-section') === 'sortIcon') {
+            if (utils.DomHandler.getAttribute(targetNode, 'data-p-sortable-column') === true || utils.DomHandler.getAttribute(targetNode, 'data-pc-section') === 'headertitle' || utils.DomHandler.getAttribute(targetNode, 'data-pc-section') === 'sorticon' || utils.DomHandler.getAttribute(targetNode.parentElement, 'data-pc-section') === 'sorticon' || utils.DomHandler.getAttribute(targetNode.parentElement.parentElement, 'data-pc-section') === 'sorticon') {
               utils.DomHandler.clearSelection();
               if (this.sortMode === 'single') {
                 if (this.d_sortField === columnField) {
@@ -2105,14 +2134,14 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         }, null, 8, ["column", "resizableColumns", "sortField", "sortOrder", "multiSortMeta", "sortMode", "onColumnClick", "onColumnResizestart", "index", "pt"])) : vue.createCommentVNode("", true)], 64);
       }), 128))], 16), $options.hasColumnFilter() ? (vue.openBlock(), vue.createElementBlock("tr", vue.normalizeProps(vue.mergeProps({
         key: 0
-      }, _ctx.ptm('headerFilterRow'))), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.columns, function (col, i) {
+      }, _ctx.ptm('headerRow'))), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.columns, function (col, i) {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i
         }, [!$options.columnProp(col, 'hidden') ? (vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
           key: 0,
           "class": $options.getFilterColumnHeaderClass(col),
           style: [$options.columnProp(col, 'style'), $options.columnProp(col, 'filterHeaderStyle')]
-        }, _ctx.ptm('headerFilterCell')), [col.children && col.children.filter ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(col.children.filter), {
+        }, _ctx.ptm('headerCell', $options.ptHeaderCellOptions(col))), [col.children && col.children.filter ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(col.children.filter), {
           key: 0,
           column: col,
           index: i