primevue 4.4.1 → 4.5.1

package/datatable/DataTable.vue

@@ -1,14 +1,16 @@
 <template>
     <div :class="cx('root')" data-scrollselectors=".p-datatable-wrapper" :data-p="dataP" v-bind="ptmi('root')">
         <slot></slot>
-        <div v-if="loading" :class="cx('mask')" v-bind="ptm('mask')">
-            <slot v-if="$slots.loading" name="loading"></slot>
-            <template v-else>
-                <component v-if="$slots.loadingicon" :is="$slots.loadingicon" :class="cx('loadingIcon')" />
-                <i v-else-if="loadingIcon" :class="[cx('loadingIcon'), 'pi-spin', loadingIcon]" v-bind="ptm('loadingIcon')" />
-                <SpinnerIcon v-else spin :class="cx('loadingIcon')" v-bind="ptm('loadingIcon')" />
-            </template>
-        </div>
+        <transition name="p-overlay-mask">
+            <div v-if="loading" :class="cx('mask')" v-bind="ptm('mask')">
+                <slot v-if="$slots.loading" name="loading"></slot>
+                <template v-else>
+                    <component v-if="$slots.loadingicon" :is="$slots.loadingicon" :class="cx('loadingIcon')" />
+                    <i v-else-if="loadingIcon" :class="[cx('loadingIcon'), 'pi-spin', loadingIcon]" v-bind="ptm('loadingIcon')" />
+                    <SpinnerIcon v-else spin :class="cx('loadingIcon')" v-bind="ptm('loadingIcon')" />
+                </template>
+            </div>
+        </transition>
         <div v-if="$slots.header" :class="cx('header')" v-bind="ptm('header')">
             <slot name="header"></slot>
         </div>

package/datatable/index.mjs

@@ -3123,7 +3123,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   }, 16, ["aria-label", "aria-expanded", "aria-controls", "class", "unstyled"])) : createCommentVNode("", true), createVNode(_component_Portal, null, {
     "default": withCtx(function () {
       return [createVNode(Transition, mergeProps({
-        name: "p-connected-overlay",
+        name: "p-anchored-overlay",
         onEnter: $options.onOverlayEnter,
         onAfterEnter: $options.onOverlayAfterEnter,
         onLeave: $options.onOverlayLeave,
@@ -6182,28 +6182,35 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('root'),
     "data-scrollselectors": ".p-datatable-wrapper",
     "data-p": $options.dataP
-  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default"), _ctx.loading ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 0,
-    "class": _ctx.cx('mask')
-  }, _ctx.ptm('mask')), [_ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", {
-    key: 0
-  }) : (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.$slots.loadingicon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.loadingicon), {
+  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default"), createVNode(Transition, {
+    name: "p-overlay-mask"
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.loading ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        "class": _ctx.cx('mask')
+      }, _ctx.ptm('mask')), [_ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", {
+        key: 0
+      }) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [_ctx.$slots.loadingicon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.loadingicon), {
+        key: 0,
+        "class": normalizeClass(_ctx.cx('loadingIcon'))
+      }, null, 8, ["class"])) : _ctx.loadingIcon ? (openBlock(), createElementBlock("i", mergeProps({
+        key: 1,
+        "class": [_ctx.cx('loadingIcon'), 'pi-spin', _ctx.loadingIcon]
+      }, _ctx.ptm('loadingIcon')), null, 16)) : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
+        key: 2,
+        spin: "",
+        "class": _ctx.cx('loadingIcon')
+      }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))], 64))], 16)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }), _ctx.$slots.header ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
-    "class": normalizeClass(_ctx.cx('loadingIcon'))
-  }, null, 8, ["class"])) : _ctx.loadingIcon ? (openBlock(), createElementBlock("i", mergeProps({
-    key: 1,
-    "class": [_ctx.cx('loadingIcon'), 'pi-spin', _ctx.loadingIcon]
-  }, _ctx.ptm('loadingIcon')), null, 16)) : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
-    key: 2,
-    spin: "",
-    "class": _ctx.cx('loadingIcon')
-  }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))], 64))], 16)) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 1,
     "class": _ctx.cx('header')
   }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header")], 16)) : createCommentVNode("", true), $options.paginatorTop ? (openBlock(), createBlock(_component_DTPaginator, {
-    key: 2,
+    key: 1,
     rows: $data.d_rows,
     first: $data.d_first,
     totalRecords: $options.totalRecordsLength,
@@ -6577,7 +6584,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 16, ["items", "columns", "style", "scrollHeight", "disabled", "pt"])], 16, _hoisted_2), $options.paginatorBottom ? (openBlock(), createBlock(_component_DTPaginator, {
-    key: 3,
+    key: 2,
     rows: $data.d_rows,
     first: $data.d_first,
     totalRecords: $options.totalRecordsLength,
@@ -6678,7 +6685,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     key: "8"
   } : undefined]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 4,
+    key: 3,
     "class": _ctx.cx('footer')
   }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true), createElementVNode("div", mergeProps({
     ref: "resizeHelper",
@@ -6687,7 +6694,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "display": "none"
     }
   }, _ctx.ptm('columnResizeIndicator')), null, 16), _ctx.reorderableColumns ? (openBlock(), createElementBlock("span", mergeProps({
-    key: 5,
+    key: 4,
     ref: "reorderIndicatorUp",
     "class": _ctx.cx('rowReorderIndicatorUp'),
     style: {
@@ -6695,7 +6702,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "display": "none"
     }
   }, _ctx.ptm('rowReorderIndicatorUp')), [(openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.rowreorderindicatorupicon || _ctx.$slots.reorderindicatorupicon || 'ArrowDownIcon')))], 16)) : createCommentVNode("", true), _ctx.reorderableColumns ? (openBlock(), createElementBlock("span", mergeProps({
-    key: 6,
+    key: 5,
     ref: "reorderIndicatorDown",
     "class": _ctx.cx('rowReorderIndicatorDown'),
     style: {