implement allowPageInteraction that was missed

src/ux-components/loader/loader.vue

@@ -4,7 +4,12 @@
         class="loader"
         role="alert"
         aria-label="Loading new page"
-        :class="[loaderColor, loaderPosition]"></div>
+        :class="[
+            loaderColor,
+            loaderPosition,
+            allowPageInteraction ? 'allow-ui-interaction' : ''
+        ]"
+        @click="captureClick"></div>
 </template>
 
 <script>
@@ -12,6 +17,10 @@ export default {
     name: 'loader',
     /* Specify size in number value which translates to rem value. For example, 1.5 = 1.5rem = 24px */
     props: {
+        allowPageInteraction: {
+            type: Boolean,
+            default: false
+        },
         /* Color options: red, green, blue, white, black */
         loaderColor: {
             type: String
@@ -36,6 +45,13 @@ export default {
                 '--loader-height': `${this.height}rem`
             };
         }
+    },
+    methods: {
+        captureClick(event) {
+            if (!this.allowPageInteraction) {
+                event.stopPropagation();
+            }
+        }
     }
 };
 </script>
@@ -63,6 +79,11 @@ export default {
     }
   }
 
+  &.allow-ui-interaction::before {
+    //no-block to enable clicking on certain buttons with loaders while the loader is actives
+    pointer-events: none;
+  }
+
   //Spinner basics
   &:after {
       content: "";