feat(ags popupwin): add blur option

devices/wim/config/ags/js/misc/popup.js

@@ -1,4 +1,5 @@
 import App from 'resource:///com/github/Aylur/ags/app.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
 
 import { Revealer, Box, Window } from 'resource:///com/github/Aylur/ags/widget.js';
 import { timeout } from 'resource:///com/github/Aylur/ags/utils.js';
@@ -17,6 +18,7 @@ export default ({
     // Window props
     name,
     child,
+    blur = false,
     closeOnUnfocus = 'released',
     visible = false,
     layer = 'overlay',
@@ -28,14 +30,20 @@ export default ({
         visible: false,
         ...props,
 
-        // Add way to make window open on startup
         setup: () => {
+            // Add way to make window open on startup
             const id = App.connect('config-parsed', () => {
                 if (visible) {
                     App.openWindow(name);
                 }
                 App.disconnect(id);
             });
+
+            if (blur) {
+                Hyprland.sendMessage('[[BATCH]] ' +
+                    `keyword layerrule ignorealpha[0.97],${name}; ` +
+                    `keyword layerrule blur,${name}`);
+            }
         },
 
         // Wrapping the revealer inside a box is needed

devices/wim/config/ags/js/overview/main.js

@@ -91,6 +91,7 @@ export const Overview = () => {
 export default () => {
     const window = PopupWindow({
         name: 'overview',
+        blur: true,
         closeOnUnfocus: 'none',
         onOpen: () => {
             window.setChild(Overview());

devices/wim/config/ags/js/quick-settings/button-grid.js

@@ -239,7 +239,7 @@ const FirstRow = () => Row({
             onOpen: (menu) => {
                 execAsync(`bluetoothctl scan ${menu.revealChild ?
                     'on' :
-                    'off'}`);
+                    'off'}`).catch(print);
             },
         }),
 

devices/wim/config/ags/scss/widgets/notification.scss

@@ -18,7 +18,6 @@ $background-color-10: rgba(238, 238, 238, 0.5);
 .notification {
   >box {
     all: unset;
-    box-shadow: 0 0 4.5px 0 rgba(0, 0, 0, 0.4);
     margin: 9px 9px 0;
     border: 2px solid $contrast-bg;
     border-radius: 15px;

devices/wim/config/ags/scss/widgets/player.scss

@@ -107,7 +107,6 @@
     margin: -8px;
     min-height: 20px;
     border-radius: 10px;
-    box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
     transition: background-color 0.5s ease-in-out;
   }