Notification monitors (#81)

* added monitor options for notifications

* added monitor options for notifications

* ..

* added changes

* Update widget/settings/pages/config/notifications/index.ts

* Added the ability for left/right anchors for notifications and updated types to reflect that.

* merge (not sure if I did this correct)

* Implemented Wallpaper Selector and Matugen's Wallpaper based auto-theming. (#73)

* Implement matugen - WIP

* Added matugen

* Add types and cleanup code

* Matugen implementation updates and added more options such as scheme and contrast.

* Code cleanup and matugen settings renamed for clarity.

* Makon maroon a primary matugen color.

* Updates to handle variations of matugen colors

* Finalizing matugen and wrapping up variations.

* Minor styling updates of the settings dialog.

* Do a swww dependency check.

* Dependency logic update

* Switch shouldn't double trigger notifications now when checking dependency.

* Logic was inverted

* Add matugen to dependency checker.

* Fixed dependency checking conditional

* Update dependency list in readme and check for matugen before doing matugen operations

* Styling fixes

* OSD Fix

* Remove unused code from wallpaper service.

* Color fixes for matugen.

* Nix updates for new dependencies

* Change default wallpaper to empty.

* Added custom notification service for startup, cleaned up code and updated readme.

* added options for bar media module (#88)

* added options for bar media module

* added reviewed changes

* cleaned up

* Made the media player more responsive and accurate. (#95)

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

options.ts

@@ -1,4 +1,5 @@
 import { opt, mkOptions } from "lib/option"
+import { NotificationAnchor, OSDAnchor, OSDOrientation } from "lib/types/options";
 import { MatugenScheme, MatugenTheme, MatugenVariation } from "lib/types/options";
 
 // WARN: CHANGING THESE VALUES WILL PREVENT MATUGEN COLOR GENERATION FOR THE CHANGED VALUE
@@ -101,7 +102,7 @@ const options = mkOptions(OPTIONS, {
         },
         osd: {
             enable: opt(true),
-            orientation: opt<"horizontal" | "vertical">("vertical"),
+            orientation: opt<OSDOrientation>("vertical"),
             bar_container: opt(colors.crust),
             icon_container: opt(tertiary_colors.lavender),
             bar_color: opt(tertiary_colors.lavender),
@@ -113,7 +114,7 @@ const options = mkOptions(OPTIONS, {
             active_monitor: opt(true),
             radius: opt("0.4em"),
             margins: opt("0px 5px 0px 0px"),
-            location: opt<"top left" | "top" | "top right" | "right" | "bottom right" | "bottom" | "bottom left" | "left">("right"),
+            location: opt<OSDAnchor>("right"),
         },
         bar: {
             floating: opt(false),
@@ -691,7 +692,7 @@ const options = mkOptions(OPTIONS, {
             truncation_size: opt(30)
         },
         notifications: {
-            show_total: opt(false)
+            show_total: opt(false),
         },
     },
 
@@ -799,7 +800,9 @@ const options = mkOptions(OPTIONS, {
     },
 
     notifications: {
-        position: opt<"top" | "top right" | "top left" | "bottom" | "bottom right" | "bottom left">("top right"),
+        position: opt<NotificationAnchor>("top right"),
+        monitor: opt(0),
+        active_monitor: opt(true),
         timeout: opt(7000),
         cache_actions: opt(true),
     },