From cedfc22d336636347149595c29df97bd459e74a6 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Thu, 9 May 2024 16:38:36 -0400
Subject: [PATCH] implement allowPageInteraction that was missed

---
 src/ux-components/loader/loader.vue | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/ux-components/loader/loader.vue b/src/ux-components/loader/loader.vue
index 0da0b359..a84730c5 100644
--- a/src/ux-components/loader/loader.vue
+++ b/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: "";