primevue 3.30.2 → 3.32.0

package/datatable/datatable.js

@@ -85,7 +85,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
         var instance = _ref4.instance,
           props = _ref4.props,
           column = _ref4.column;
-        return column && !instance.columnProp(column, 'hidden') && (props.rowGroupMode !== 'subheader' || props.groupRowsBy !== columnProp(column, 'field')) ? ['p-filter-column', {
+        return column && !instance.columnProp(column, 'hidden') && (props.rowGroupMode !== 'subheader' || props.groupRowsBy !== instance.columnProp(column, 'field')) ? ['p-filter-column', {
           'p-frozen-column': instance.columnProp(column, 'frozen')
         }] : [{
           'p-sortable-column': instance.columnProp('sortable'),
@@ -1013,6 +1013,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
           if (this.editMode === 'cell') {
             switch (event.code) {
               case 'Enter':
+              case 'NumpadEnter':
                 this.completeEdit(event, 'enter');
                 break;
               case 'Escape':
@@ -2973,12 +2974,12 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
         })
       }, $options.getColumnPT('headerFilterClearButton', $options.ptmHeaderFilterClearParams)), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.filterClearIconTemplate || 'FilterSlashIcon'), vue.normalizeProps(vue.guardReactiveProps($options.getColumnPT('filterClearIcon'))), null, 16))], 16)) : vue.createCommentVNode("", true), vue.createVNode(_component_Portal, null, {
         "default": vue.withCtx(function () {
-          return [vue.createVNode(vue.Transition, {
+          return [vue.createVNode(vue.Transition, vue.mergeProps({
             name: "p-connected-overlay",
             onEnter: $options.onOverlayEnter,
             onLeave: $options.onOverlayLeave,
             onAfterLeave: $options.onOverlayAfterLeave
-          }, {
+          }, $options.getColumnPT('transition')), {
             "default": vue.withCtx(function () {
               return [$data.overlayVisible ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 0,
@@ -3166,7 +3167,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
               }]]) : vue.createCommentVNode("", true)];
             }),
             _: 1
-          }, 8, ["onEnter", "onLeave", "onAfterLeave"])];
+          }, 16, ["onEnter", "onLeave", "onAfterLeave"])];
         }),
         _: 1
       })], 16);
@@ -4247,7 +4248,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
           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') === 'headercontent' || 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') {
+            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') === 'headercontent' || 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' || targetNode.closest('[data-p-sortable-column="true"]')) {
               utils.DomHandler.clearSelection();
               if (this.sortMode === 'single') {
                 if (this.d_sortField === columnField) {
@@ -5529,14 +5530,18 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
           this.d_columnOrder = columnOrder;
         },
         createStyleElement: function createStyleElement() {
+          var _this$$primevue;
           this.styleElement = document.createElement('style');
           this.styleElement.type = 'text/css';
+          utils.DomHandler.setAttribute(this.styleElement, 'nonce', (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.csp) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.nonce);
           document.head.appendChild(this.styleElement);
         },
         createResponsiveStyle: function createResponsiveStyle() {
           if (!this.responsiveStyleElement) {
+            var _this$$primevue2;
             this.responsiveStyleElement = document.createElement('style');
             this.responsiveStyleElement.type = 'text/css';
+            utils.DomHandler.setAttribute(this.responsiveStyleElement, 'nonce', (_this$$primevue2 = this.$primevue) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.config) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.csp) === null || _this$$primevue2 === void 0 ? void 0 : _this$$primevue2.nonce);
             document.head.appendChild(this.responsiveStyleElement);
             var tableSelector = ".p-datatable-wrapper ".concat(this.virtualScrollerDisabled ? '' : '> .p-virtualscroller', " > .p-datatable-table");
             var selector = ".p-datatable[".concat(this.attributeSelector, "] > ").concat(tableSelector);