primevue 3.44.0 → 3.46.0

package/treetable/style/treetablestyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"treetable",css:"\n@layer primevue {\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}\n",classes:{root:function(e){var t=e.props;return["p-treetable p-component",{"p-treetable-hoverable-rows":t.rowHover||e.instance.rowSelectionMode,"p-treetable-auto-layout":t.autoLayout,"p-treetable-resizable":t.resizableColumns,"p-treetable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-treetable-gridlines":t.showGridlines,"p-treetable-scrollable":t.scrollable,"p-treetable-scrollable-vertical":t.scrollable&&"vertical"===t.scrollDirection,"p-treetable-scrollable-horizontal":t.scrollable&&"horizontal"===t.scrollDirection,"p-treetable-scrollable-both":t.scrollable&&"both"===t.scrollDirection,"p-treetable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-treetable-responsive-scroll":"scroll"===t.responsiveLayout,"p-treetable-sm":"small"===t.size,"p-treetable-lg":"large"===t.size}]},loadingWrapper:"p-treetable-loading",loadingOverlay:"p-treetable-loading-overlay p-component-overlay",loadingIcon:"p-treetable-loading-icon",header:"p-treetable-header",paginator:function(e){var t=e.instance;return t.paginatorTop?"p-paginator-top":t.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-treetable-wrapper",thead:"p-treetable-thead",headerCell:function(e){var t=e.instance,l=e.props,n=e.column;return n&&t.hasColumnFilter()?["p-filter-column",{"p-frozen-column":t.columnProp(n,"frozen")}]:[{"p-sortable-column":t.columnProp("sortable"),"p-resizable-column":l.resizableColumns,"p-highlight":t.isColumnSorted(),"p-frozen-column":t.columnProp("frozen")}]},columnResizer:"p-column-resizer",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",tbody:"p-treetable-tbody",row:function(e){return[{"p-highlight":e.instance.selected}]},bodyCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},rowToggler:"p-treetable-toggler p-link",rowTogglerIcon:"p-tree-toggler-icon",checkboxWrapper:function(e){return["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":e.instance.checkboxFocused}]},checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-focus":t.checkboxFocused,"p-indeterminate":t.partialChecked}]},checkboxicon:"p-checkbox-icon",emptyMessage:"p-treetable-emptymessage",tfoot:"p-treetable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},footer:"p-treetable-footer",resizeHelper:"p-column-resizer-helper p-highlight"}});module.exports=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"treetable",css:"\n@layer primevue {\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;\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}\n",classes:{root:function(e){var t=e.props;return["p-treetable p-component",{"p-treetable-hoverable-rows":t.rowHover||e.instance.rowSelectionMode,"p-treetable-auto-layout":t.autoLayout,"p-treetable-resizable":t.resizableColumns,"p-treetable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-treetable-gridlines":t.showGridlines,"p-treetable-scrollable":t.scrollable,"p-treetable-scrollable-vertical":t.scrollable&&"vertical"===t.scrollDirection,"p-treetable-scrollable-horizontal":t.scrollable&&"horizontal"===t.scrollDirection,"p-treetable-scrollable-both":t.scrollable&&"both"===t.scrollDirection,"p-treetable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-treetable-responsive-scroll":"scroll"===t.responsiveLayout,"p-treetable-sm":"small"===t.size,"p-treetable-lg":"large"===t.size}]},loadingWrapper:"p-treetable-loading",loadingOverlay:"p-treetable-loading-overlay p-component-overlay",loadingIcon:"p-treetable-loading-icon",header:"p-treetable-header",paginator:function(e){var t=e.instance;return t.paginatorTop?"p-paginator-top":t.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-treetable-wrapper",thead:"p-treetable-thead",headerCell:function(e){var t=e.instance,l=e.props,n=e.column;return n&&t.hasColumnFilter()?["p-filter-column",{"p-frozen-column":t.columnProp(n,"frozen")}]:[{"p-sortable-column":t.columnProp("sortable"),"p-resizable-column":l.resizableColumns,"p-highlight":t.isColumnSorted(),"p-frozen-column":t.columnProp("frozen")}]},columnResizer:"p-column-resizer",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",tbody:"p-treetable-tbody",row:function(e){return[{"p-highlight":e.instance.selected}]},bodyCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},rowToggler:"p-treetable-toggler p-link",rowTogglerIcon:"p-tree-toggler-icon",checkboxWrapper:function(e){return["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":e.instance.checkboxFocused}]},checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-focus":t.checkboxFocused,"p-indeterminate":t.partialChecked}]},checkboxicon:"p-checkbox-icon",emptyMessage:"p-treetable-emptymessage",tfoot:"p-treetable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},footer:"p-treetable-footer",resizeHelper:"p-column-resizer-helper p-highlight"}});module.exports=t;

package/treetable/style/treetablestyle.esm.js

@@ -1,6 +1,6 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\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}\n";
+var css = "\n@layer primevue {\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;\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}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,

package/treetable/style/treetablestyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var t=e.extend({name:"treetable",css:"\n@layer primevue {\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}\n",classes:{root:function(e){var t=e.props;return["p-treetable p-component",{"p-treetable-hoverable-rows":t.rowHover||e.instance.rowSelectionMode,"p-treetable-auto-layout":t.autoLayout,"p-treetable-resizable":t.resizableColumns,"p-treetable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-treetable-gridlines":t.showGridlines,"p-treetable-scrollable":t.scrollable,"p-treetable-scrollable-vertical":t.scrollable&&"vertical"===t.scrollDirection,"p-treetable-scrollable-horizontal":t.scrollable&&"horizontal"===t.scrollDirection,"p-treetable-scrollable-both":t.scrollable&&"both"===t.scrollDirection,"p-treetable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-treetable-responsive-scroll":"scroll"===t.responsiveLayout,"p-treetable-sm":"small"===t.size,"p-treetable-lg":"large"===t.size}]},loadingWrapper:"p-treetable-loading",loadingOverlay:"p-treetable-loading-overlay p-component-overlay",loadingIcon:"p-treetable-loading-icon",header:"p-treetable-header",paginator:function(e){var t=e.instance;return t.paginatorTop?"p-paginator-top":t.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-treetable-wrapper",thead:"p-treetable-thead",headerCell:function(e){var t=e.instance,l=e.props,n=e.column;return n&&t.hasColumnFilter()?["p-filter-column",{"p-frozen-column":t.columnProp(n,"frozen")}]:[{"p-sortable-column":t.columnProp("sortable"),"p-resizable-column":l.resizableColumns,"p-highlight":t.isColumnSorted(),"p-frozen-column":t.columnProp("frozen")}]},columnResizer:"p-column-resizer",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",tbody:"p-treetable-tbody",row:function(e){return[{"p-highlight":e.instance.selected}]},bodyCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},rowToggler:"p-treetable-toggler p-link",rowTogglerIcon:"p-tree-toggler-icon",checkboxWrapper:function(e){return["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":e.instance.checkboxFocused}]},checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-focus":t.checkboxFocused,"p-indeterminate":t.partialChecked}]},checkboxicon:"p-checkbox-icon",emptyMessage:"p-treetable-emptymessage",tfoot:"p-treetable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},footer:"p-treetable-footer",resizeHelper:"p-column-resizer-helper p-highlight"}});export{t as default};
+import e from"primevue/base/style";var t=e.extend({name:"treetable",css:"\n@layer primevue {\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;\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}\n",classes:{root:function(e){var t=e.props;return["p-treetable p-component",{"p-treetable-hoverable-rows":t.rowHover||e.instance.rowSelectionMode,"p-treetable-auto-layout":t.autoLayout,"p-treetable-resizable":t.resizableColumns,"p-treetable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-treetable-gridlines":t.showGridlines,"p-treetable-scrollable":t.scrollable,"p-treetable-scrollable-vertical":t.scrollable&&"vertical"===t.scrollDirection,"p-treetable-scrollable-horizontal":t.scrollable&&"horizontal"===t.scrollDirection,"p-treetable-scrollable-both":t.scrollable&&"both"===t.scrollDirection,"p-treetable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-treetable-responsive-scroll":"scroll"===t.responsiveLayout,"p-treetable-sm":"small"===t.size,"p-treetable-lg":"large"===t.size}]},loadingWrapper:"p-treetable-loading",loadingOverlay:"p-treetable-loading-overlay p-component-overlay",loadingIcon:"p-treetable-loading-icon",header:"p-treetable-header",paginator:function(e){var t=e.instance;return t.paginatorTop?"p-paginator-top":t.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-treetable-wrapper",thead:"p-treetable-thead",headerCell:function(e){var t=e.instance,l=e.props,n=e.column;return n&&t.hasColumnFilter()?["p-filter-column",{"p-frozen-column":t.columnProp(n,"frozen")}]:[{"p-sortable-column":t.columnProp("sortable"),"p-resizable-column":l.resizableColumns,"p-highlight":t.isColumnSorted(),"p-frozen-column":t.columnProp("frozen")}]},columnResizer:"p-column-resizer",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",tbody:"p-treetable-tbody",row:function(e){return[{"p-highlight":e.instance.selected}]},bodyCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},rowToggler:"p-treetable-toggler p-link",rowTogglerIcon:"p-tree-toggler-icon",checkboxWrapper:function(e){return["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":e.instance.checkboxFocused}]},checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-focus":t.checkboxFocused,"p-indeterminate":t.partialChecked}]},checkboxicon:"p-checkbox-icon",emptyMessage:"p-treetable-emptymessage",tfoot:"p-treetable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},footer:"p-treetable-footer",resizeHelper:"p-column-resizer-helper p-highlight"}});export{t as default};

package/treetable/style/treetablestyle.js

@@ -7,7 +7,7 @@ this.primevue.treetable.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\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}\n";
+    var css = "\n@layer primevue {\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;\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}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,

package/treetable/style/treetablestyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.treetable=this.primevue.treetable||{},this.primevue.treetable.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"treetable",css:"\n@layer primevue {\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}\n",classes:{root:function(e){var t=e.props;return["p-treetable p-component",{"p-treetable-hoverable-rows":t.rowHover||e.instance.rowSelectionMode,"p-treetable-auto-layout":t.autoLayout,"p-treetable-resizable":t.resizableColumns,"p-treetable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-treetable-gridlines":t.showGridlines,"p-treetable-scrollable":t.scrollable,"p-treetable-scrollable-vertical":t.scrollable&&"vertical"===t.scrollDirection,"p-treetable-scrollable-horizontal":t.scrollable&&"horizontal"===t.scrollDirection,"p-treetable-scrollable-both":t.scrollable&&"both"===t.scrollDirection,"p-treetable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-treetable-responsive-scroll":"scroll"===t.responsiveLayout,"p-treetable-sm":"small"===t.size,"p-treetable-lg":"large"===t.size}]},loadingWrapper:"p-treetable-loading",loadingOverlay:"p-treetable-loading-overlay p-component-overlay",loadingIcon:"p-treetable-loading-icon",header:"p-treetable-header",paginator:function(e){var t=e.instance;return t.paginatorTop?"p-paginator-top":t.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-treetable-wrapper",thead:"p-treetable-thead",headerCell:function(e){var t=e.instance,l=e.props,r=e.column;return r&&t.hasColumnFilter()?["p-filter-column",{"p-frozen-column":t.columnProp(r,"frozen")}]:[{"p-sortable-column":t.columnProp("sortable"),"p-resizable-column":l.resizableColumns,"p-highlight":t.isColumnSorted(),"p-frozen-column":t.columnProp("frozen")}]},columnResizer:"p-column-resizer",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",tbody:"p-treetable-tbody",row:function(e){return[{"p-highlight":e.instance.selected}]},bodyCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},rowToggler:"p-treetable-toggler p-link",rowTogglerIcon:"p-tree-toggler-icon",checkboxWrapper:function(e){return["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":e.instance.checkboxFocused}]},checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-focus":t.checkboxFocused,"p-indeterminate":t.partialChecked}]},checkboxicon:"p-checkbox-icon",emptyMessage:"p-treetable-emptymessage",tfoot:"p-treetable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},footer:"p-treetable-footer",resizeHelper:"p-column-resizer-helper p-highlight"}})}();
+this.primevue=this.primevue||{},this.primevue.treetable=this.primevue.treetable||{},this.primevue.treetable.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"treetable",css:"\n@layer primevue {\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;\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}\n",classes:{root:function(e){var t=e.props;return["p-treetable p-component",{"p-treetable-hoverable-rows":t.rowHover||e.instance.rowSelectionMode,"p-treetable-auto-layout":t.autoLayout,"p-treetable-resizable":t.resizableColumns,"p-treetable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-treetable-gridlines":t.showGridlines,"p-treetable-scrollable":t.scrollable,"p-treetable-scrollable-vertical":t.scrollable&&"vertical"===t.scrollDirection,"p-treetable-scrollable-horizontal":t.scrollable&&"horizontal"===t.scrollDirection,"p-treetable-scrollable-both":t.scrollable&&"both"===t.scrollDirection,"p-treetable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-treetable-responsive-scroll":"scroll"===t.responsiveLayout,"p-treetable-sm":"small"===t.size,"p-treetable-lg":"large"===t.size}]},loadingWrapper:"p-treetable-loading",loadingOverlay:"p-treetable-loading-overlay p-component-overlay",loadingIcon:"p-treetable-loading-icon",header:"p-treetable-header",paginator:function(e){var t=e.instance;return t.paginatorTop?"p-paginator-top":t.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-treetable-wrapper",thead:"p-treetable-thead",headerCell:function(e){var t=e.instance,l=e.props,r=e.column;return r&&t.hasColumnFilter()?["p-filter-column",{"p-frozen-column":t.columnProp(r,"frozen")}]:[{"p-sortable-column":t.columnProp("sortable"),"p-resizable-column":l.resizableColumns,"p-highlight":t.isColumnSorted(),"p-frozen-column":t.columnProp("frozen")}]},columnResizer:"p-column-resizer",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",tbody:"p-treetable-tbody",row:function(e){return[{"p-highlight":e.instance.selected}]},bodyCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},rowToggler:"p-treetable-toggler p-link",rowTogglerIcon:"p-tree-toggler-icon",checkboxWrapper:function(e){return["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":e.instance.checkboxFocused}]},checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-focus":t.checkboxFocused,"p-indeterminate":t.partialChecked}]},checkboxicon:"p-checkbox-icon",emptyMessage:"p-treetable-emptymessage",tfoot:"p-treetable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},footer:"p-treetable-footer",resizeHelper:"p-column-resizer-helper p-highlight"}})}();

package/treetable/treetable.cjs.js

@@ -39,6 +39,10 @@ var script$5 = {
       type: null,
       "default": null
     },
+    dataKey: {
+      type: [String, Function],
+      "default": 'key'
+    },
     expandedKeys: {
       type: null,
       "default": null
@@ -53,7 +57,7 @@ var script$5 = {
     },
     metaKeySelection: {
       type: Boolean,
-      "default": true
+      "default": false
     },
     rows: {
       type: Number,
@@ -428,7 +432,7 @@ var script$3 = {
       });
     },
     onKeyDown: function onKeyDown(event) {
-      if ((event.code === 'Enter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
+      if ((event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
         this.$emit('column-click', {
           originalEvent: event,
           column: this.column
@@ -862,6 +866,10 @@ var script$1 = {
       type: null,
       "default": null
     },
+    dataKey: {
+      type: [String, Function],
+      "default": 'key'
+    },
     parentNode: {
       type: null,
       "default": null
@@ -934,6 +942,9 @@ var script$1 = {
     onTouchEnd: function onTouchEnd() {
       this.nodeTouched = true;
     },
+    nodeKey: function nodeKey(node) {
+      return utils.ObjectUtils.resolveFieldData(node, this.dataKey);
+    },
     onKeyDown: function onKeyDown(event, item) {
       switch (event.code) {
         case 'ArrowDown':
@@ -955,8 +966,11 @@ var script$1 = {
           this.onEndKey(event);
           break;
         case 'Enter':
+        case 'NumpadEnter':
         case 'Space':
-          this.onEnterKey(event, item);
+          if (!utils.DomHandler.isClickable(event.target)) {
+            this.onEnterKey(event, item);
+          }
           break;
         case 'Tab':
           this.onTabKey(event);
@@ -1067,10 +1081,10 @@ var script$1 = {
       });
     },
     propagateDown: function propagateDown(node, check, selectionKeys) {
-      if (check) selectionKeys[node.key] = {
+      if (check) selectionKeys[this.nodeKey(node)] = {
         checked: true,
         partialChecked: false
-      };else delete selectionKeys[node.key];
+      };else delete selectionKeys[this.nodeKey(node)];
       if (node.children && node.children.length) {
         var _iterator = _createForOfIteratorHelper$1(node.children),
           _step;
@@ -1096,7 +1110,7 @@ var script$1 = {
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var child = _step2.value;
-          if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
+          if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].checked) checkedChildCount++;else if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].partialChecked) childPartialSelected = true;
         }
       } catch (err) {
         _iterator2.e(err);
@@ -1104,18 +1118,18 @@ var script$1 = {
         _iterator2.f();
       }
       if (check && checkedChildCount === this.node.children.length) {
-        _selectionKeys[this.node.key] = {
+        _selectionKeys[this.nodeKey(this.node)] = {
           checked: true,
           partialChecked: false
         };
       } else {
         if (!check) {
-          delete _selectionKeys[this.node.key];
+          delete _selectionKeys[this.nodeKey(this.node)];
         }
-        if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.node.key] = {
+        if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.nodeKey(this.node)] = {
           checked: false,
           partialChecked: true
-        };else _selectionKeys[this.node.key] = {
+        };else _selectionKeys[this.nodeKey(this.node)] = {
           checked: false,
           partialChecked: false
         };
@@ -1136,7 +1150,7 @@ var script$1 = {
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var child = _step3.value;
-          if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
+          if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].checked) checkedChildCount++;else if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].partialChecked) childPartialSelected = true;
         }
       } catch (err) {
         _iterator3.e(err);
@@ -1144,18 +1158,18 @@ var script$1 = {
         _iterator3.f();
       }
       if (check && checkedChildCount === this.node.children.length) {
-        _selectionKeys[this.node.key] = {
+        _selectionKeys[this.nodeKey(this.node)] = {
           checked: true,
           partialChecked: false
         };
       } else {
         if (!check) {
-          delete _selectionKeys[this.node.key];
+          delete _selectionKeys[this.nodeKey(this.node)];
         }
-        if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.node.key] = {
+        if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.nodeKey(this.node)] = {
           checked: false,
           partialChecked: true
-        };else _selectionKeys[this.node.key] = {
+        };else _selectionKeys[this.nodeKey(this.node)] = {
           checked: false,
           partialChecked: false
         };
@@ -1183,19 +1197,19 @@ var script$1 = {
       return [this.node.styleClass, this.cx('row')];
     },
     expanded: function expanded() {
-      return this.expandedKeys && this.expandedKeys[this.node.key] === true;
+      return this.expandedKeys && this.expandedKeys[this.nodeKey(this.node)] === true;
     },
     leaf: function leaf() {
       return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);
     },
     selected: function selected() {
-      return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.node.key] === true : false;
+      return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.nodeKey(this.node)] === true : false;
     },
     checked: function checked() {
-      return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].checked : false;
+      return this.selectionKeys ? this.selectionKeys[this.nodeKey(this.node)] && this.selectionKeys[this.nodeKey(this.node)].checked : false;
     },
     partialChecked: function partialChecked() {
-      return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].partialChecked : false;
+      return this.selectionKeys ? this.selectionKeys[this.nodeKey(this.node)] && this.selectionKeys[this.nodeKey(this.node)].partialChecked : false;
     },
     getAriaSelected: function getAriaSelected() {
       return this.selectionMode === 'single' || this.selectionMode === 'multiple' ? this.selected : null;
@@ -1269,7 +1283,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, vue.renderList($props.node.children, function (childNode) {
     return vue.openBlock(), vue.createBlock(_component_TreeTableRow, {
-      key: childNode.key,
+      key: $options.nodeKey(childNode),
+      dataKey: $props.dataKey,
       columns: $props.columns,
       node: childNode,
       parentNode: $props.node,
@@ -1289,7 +1304,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       onCheckboxChange: $options.onCheckboxChange,
       pt: _ctx.pt
-    }, null, 8, ["columns", "node", "parentNode", "level", "expandedKeys", "selectionMode", "selectionKeys", "indentation", "ariaPosInset", "ariaSetSize", "templates", "onCheckboxChange", "pt"]);
+    }, null, 8, ["dataKey", "columns", "node", "parentNode", "level", "expandedKeys", "selectionMode", "selectionKeys", "indentation", "ariaPosInset", "ariaSetSize", "templates", "onCheckboxChange", "pt"]);
   }), 128)) : vue.createCommentVNode("", true)], 64);
 }
 
@@ -1312,10 +1327,11 @@ var script = {
   name: 'TreeTable',
   "extends": script$5,
   emits: ['node-expand', 'node-collapse', 'update:expandedKeys', 'update:selectionKeys', 'node-select', 'node-unselect', 'update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'column-resize-end'],
-  documentColumnResizeListener: null,
-  documentColumnResizeEndListener: null,
-  lastResizeHelperX: null,
-  resizeColumnElement: null,
+  provide: function provide() {
+    return {
+      $columns: this.d_columns
+    };
+  },
   data: function data() {
     return {
       d_expandedKeys: this.expandedKeys || {},
@@ -1324,9 +1340,16 @@ var script = {
       d_sortField: this.sortField,
       d_sortOrder: this.sortOrder,
       d_multiSortMeta: this.multiSortMeta ? _toConsumableArray(this.multiSortMeta) : [],
-      hasASelectedNode: false
+      hasASelectedNode: false,
+      d_columns: new utils.HelperSet({
+        type: 'Column'
+      })
     };
   },
+  documentColumnResizeListener: null,
+  documentColumnResizeEndListener: null,
+  lastResizeHelperX: null,
+  resizeColumnElement: null,
   watch: {
     expandedKeys: function expandedKeys(newValue) {
       this.d_expandedKeys = newValue;
@@ -1357,6 +1380,9 @@ var script = {
       this.updateScrollWidth();
     }
   },
+  beforeUnmount: function beforeUnmount() {
+    this.d_columns.clear();
+  },
   methods: {
     columnProp: function columnProp(col, prop) {
       return utils.ObjectUtils.getVNodeProp(col, prop);
@@ -1369,7 +1395,7 @@ var script = {
       };
     },
     onNodeToggle: function onNodeToggle(node) {
-      var key = node.key;
+      var key = this.nodeKey(node);
       if (this.d_expandedKeys[key]) {
         delete this.d_expandedKeys[key];
         this.$emit('node-collapse', node);
@@ -1387,9 +1413,13 @@ var script = {
         this.$emit('update:selectionKeys', _selectionKeys);
       }
     },
+    nodeKey: function nodeKey(node) {
+      return utils.ObjectUtils.resolveFieldData(node, this.dataKey);
+    },
     handleSelectionWithMetaKey: function handleSelectionWithMetaKey(event) {
       var originalEvent = event.originalEvent;
       var node = event.node;
+      var nodeKey = this.nodeKey(node);
       var metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
       var selected = this.isNodeSelected(node);
       var _selectionKeys;
@@ -1398,7 +1428,7 @@ var script = {
           _selectionKeys = {};
         } else {
           _selectionKeys = _objectSpread$1({}, this.selectionKeys);
-          delete _selectionKeys[node.key];
+          delete _selectionKeys[nodeKey];
         }
         this.$emit('node-unselect', node);
       } else {
@@ -1407,13 +1437,14 @@ var script = {
         } else if (this.isMultipleSelectionMode()) {
           _selectionKeys = !metaKey ? {} : this.selectionKeys ? _objectSpread$1({}, this.selectionKeys) : {};
         }
-        _selectionKeys[node.key] = true;
+        _selectionKeys[nodeKey] = true;
         this.$emit('node-select', node);
       }
       return _selectionKeys;
     },
     handleSelectionWithoutMetaKey: function handleSelectionWithoutMetaKey(event) {
       var node = event.node;
+      var nodeKey = this.nodeKey(node);
       var selected = this.isNodeSelected(node);
       var _selectionKeys;
       if (this.isSingleSelectionMode()) {
@@ -1422,17 +1453,17 @@ var script = {
           this.$emit('node-unselect', node);
         } else {
           _selectionKeys = {};
-          _selectionKeys[node.key] = true;
+          _selectionKeys[nodeKey] = true;
           this.$emit('node-select', node);
         }
       } else {
         if (selected) {
           _selectionKeys = _objectSpread$1({}, this.selectionKeys);
-          delete _selectionKeys[node.key];
+          delete _selectionKeys[nodeKey];
           this.$emit('node-unselect', node);
         } else {
           _selectionKeys = this.selectionKeys ? _objectSpread$1({}, this.selectionKeys) : {};
-          _selectionKeys[node.key] = true;
+          _selectionKeys[nodeKey] = true;
           this.$emit('node-select', node);
         }
       }
@@ -1675,7 +1706,7 @@ var script = {
       return matched;
     },
     isNodeSelected: function isNodeSelected(node) {
-      return this.selectionMode && this.selectionKeys ? this.selectionKeys[node.key] === true : false;
+      return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.nodeKey(node)] === true : false;
     },
     isNodeLeaf: function isNodeLeaf(node) {
       return node.leaf === false ? false : !(node.children && node.children.length);
@@ -1815,7 +1846,7 @@ var script = {
       }
     },
     onColumnKeyDown: function onColumnKeyDown(event, col) {
-      if (event.code === 'Enter' && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
+      if ((event.code === 'Enter' || event.code === 'NumpadEnter') && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
         this.onColumnHeaderClick(event, col);
       }
     },
@@ -1865,12 +1896,7 @@ var script = {
   },
   computed: {
     columns: function columns() {
-      var cols = [];
-      var children = this.$slots["default"]();
-      children.forEach(function (child) {
-        if (child.children && child.children instanceof Array) cols = [].concat(_toConsumableArray(cols), _toConsumableArray(child.children));else if (child.type.name === 'Column') cols.push(child);
-      });
-      return cols;
+      return this.d_columns.get(this);
     },
     processedData: function processedData() {
       if (this.lazy) {
@@ -1976,7 +2002,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     role: "table"
   }, _ctx.ptm('root'), {
     "data-pc-name": "treetable"
-  }), [_ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+  }), [vue.renderSlot(_ctx.$slots, "default"), _ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 0,
     "class": _ctx.cx('loadingWrapper')
   }, _ctx.ptm('loadingWrapper')), [vue.createElementVNode("div", vue.mergeProps({
@@ -2120,7 +2146,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, vue.renderList($options.dataToRender, function (node, index) {
     return vue.openBlock(), vue.createBlock(_component_TTRow, {
-      key: node.key,
+      key: $options.nodeKey(node),
+      dataKey: _ctx.dataKey,
       columns: $options.columns,
       node: node,
       level: 0,
@@ -2137,7 +2164,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onNodeClick: $options.onNodeClick,
       onCheckboxChange: $options.onCheckboxChange,
       pt: _ctx.pt
-    }, null, 8, ["columns", "node", "expandedKeys", "indentation", "selectionMode", "selectionKeys", "ariaSetSize", "ariaPosInset", "tabindex", "loadingMode", "templates", "onNodeToggle", "onNodeClick", "onCheckboxChange", "pt"]);
+    }, null, 8, ["dataKey", "columns", "node", "expandedKeys", "indentation", "selectionMode", "selectionKeys", "ariaSetSize", "ariaPosInset", "tabindex", "loadingMode", "templates", "onNodeToggle", "onNodeClick", "onCheckboxChange", "pt"]);
   }), 128)) : (vue.openBlock(), vue.createElementBlock("tr", vue.mergeProps({
     key: 1,
     "class": _ctx.cx('emptyMessage')