From 5b7d3589287eb8630bd1fefea2185f1ecdf823b6 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 8 Apr 2024 15:01:20 +0300
Subject: [PATCH] Refactored BlockUI

---
 components/lib/blockui/BlockUI.vue                   |  4 ++--
 components/lib/blockui/style/BlockUIStyle.js         |  2 +-
 components/lib/themes/primeone/base/blockui/index.js | 11 ++++++-----
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/lib/blockui/BlockUI.vue b/components/lib/blockui/BlockUI.vue
index 2dc8b68fe..bdf67c929 100755
--- a/components/lib/blockui/BlockUI.vue
+++ b/components/lib/blockui/BlockUI.vue
@@ -32,10 +32,10 @@ export default {
     },
     methods: {
         block() {
-            let styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
+            let styleClass = 'p-blockui-mask p-component-overlay p-component-overlay-enter';
 
             if (this.fullScreen) {
-                styleClass += ' p-blockui-document';
+                styleClass += ' p-blockui-mask-document';
 
                 this.mask = DomHandler.createElement('div', {
                     style: {
diff --git a/components/lib/blockui/style/BlockUIStyle.js b/components/lib/blockui/style/BlockUIStyle.js
index 1a7ebf6f0..ed0429d49 100644
--- a/components/lib/blockui/style/BlockUIStyle.js
+++ b/components/lib/blockui/style/BlockUIStyle.js
@@ -1,7 +1,7 @@
 import BaseStyle from 'primevue/base/style';
 
 const classes = {
-    root: 'p-blockui-container'
+    root: 'p-blockui'
 };
 
 export default BaseStyle.extend({
diff --git a/components/lib/themes/primeone/base/blockui/index.js b/components/lib/themes/primeone/base/blockui/index.js
index b3b6b6481..cc1d38159 100644
--- a/components/lib/themes/primeone/base/blockui/index.js
+++ b/components/lib/themes/primeone/base/blockui/index.js
@@ -1,17 +1,18 @@
 export default {
     css: ({ dt }) => `
 .p-blockui {
-    border-radius: ${dt('rounded.base')};
-}
-.p-blockui-container {
     position: relative;
 }
 
-.p-blockui.p-component-overlay {
+.p-blockui-mask {
+    border-radius: ${dt('rounded.base')};
+}
+
+.p-blockui-mask.p-component-overlay {
     position: absolute;
 }
 
-.p-blockui-document.p-component-overlay {
+.p-blockui-mask-document.p-component-overlay {
     position: fixed;
 }
     `