should add multimonitor support

.config/ags/widgets/indicators/indicatorvalues.js

@@ -1,7 +1,7 @@
 // This file is for brightness/volume indicators
 import Widget from 'resource:///com/github/Aylur/ags/widget.js';
 import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
-const { Box, Label, ProgressBar, Revealer } = Widget;
+const { Box, Label, ProgressBar } = Widget;
 import { MarginRevealer } from '../../lib/advancedwidgets.js';
 import Brightness from '../../services/brightness.js';
 import Indicator from '../../services/indicator.js';
@@ -12,7 +12,7 @@ const OsdValue = (name, labelSetup, progressSetup, props = {}) => {
         className: 'osd-label',
         label: `${name}`,
     });
-    const valueNumber =Label({
+    const valueNumber = Label({
         hexpand: false, className: 'osd-value-txt',
         setup: labelSetup,
     });
@@ -44,51 +44,44 @@ const OsdValue = (name, labelSetup, progressSetup, props = {}) => {
     });
 }
 
-const brightnessIndicator = OsdValue('Brightness',
-    (self) => self
-        .hook(Brightness, self => {
+export default () => {
+    const brightnessIndicator = OsdValue('Brightness',
+        (self) => self.hook(Brightness, self => {
             self.label = `${Math.round(Brightness.screen_value * 100)}`;
-        }, 'notify::screen-value')
-    ,
-    (self) => self
-        .hook(Brightness, (progress) => {
+        }, 'notify::screen-value'),
+        (self) => self.hook(Brightness, (progress) => {
             const updateValue = Brightness.screen_value;
             progress.value = updateValue;
-        }, 'notify::screen-value')
-    ,
-)
+        }, 'notify::screen-value'),
+    )
 
-const volumeIndicator = OsdValue('Volume',
-    (self) => self
-        .hook(Audio, (label) => {
+    const volumeIndicator = OsdValue('Volume',
+        (self) => self.hook(Audio, (label) => {
             label.label = `${Math.round(Audio.speaker?.volume * 100)}`;
-        })
-    ,
-    (self) => self
-        .hook(Audio, (progress) => {
+        }),
+        (self) => self.hook(Audio, (progress) => {
             const updateValue = Audio.speaker?.volume;
             if (!isNaN(updateValue)) progress.value = updateValue;
+        }),
+    );
+    return MarginRevealer({
+        transition: 'slide_down',
+        showClass: 'osd-show',
+        hideClass: 'osd-hide',
+        extraSetup: (self) => self
+            .hook(Indicator, (revealer, value) => {
+                if (value > -1) revealer.attribute.show();
+                else revealer.attribute.hide();
+            }, 'popup')
+        ,
+        child: Box({
+            hpack: 'center',
+            vertical: false,
+            className: 'spacing-h--10',
+            children: [
+                brightnessIndicator,
+                volumeIndicator,
+            ]
         })
-    ,
-);
-
-export default () => MarginRevealer({
-    transition: 'slide_down',
-    showClass: 'osd-show',
-    hideClass: 'osd-hide',
-    extraSetup: (self) => self
-        .hook(Indicator, (revealer, value) => {
-            if (value > -1) revealer.attribute.show();
-            else revealer.attribute.hide();
-        }, 'popup')
-    ,
-    child: Box({
-        hpack: 'center',
-        vertical: false,
-        className: 'spacing-h--10',
-        children: [
-            brightnessIndicator,
-            volumeIndicator,
-        ]
-    })
-});
+    });
+}