Add settings to toggle which LockKeys to watch. Doesn't work yet. My settings are coming back undefined

Modules/Settings/Bar/WidgetSettings/LockKeysSettings.qml

@@ -0,0 +1,49 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import qs.Commons
+import qs.Widgets
+import qs.Services
+
+ColumnLayout {
+  id: root
+  spacing: Style.marginM
+
+  // Properties to receive data from parent
+  property var widgetData: null
+  property var widgetMetadata: null
+
+  // Local state
+  property bool valueShowCapsLock: widgetData.showCapsLock !== undefined ? widgetData.showCapsLock : widgetMetadata.showCapsLock
+  property bool valueShowNumLock: widgetData.showNumLock !== undefined ? widgetData.showNumLock : widgetMetadata.showNumLock
+  property bool valueShowScrollLock: widgetData.showScrollLock !== undefined ? widgetData.showScrollLock : widgetMetadata.showScrollLock
+
+  function saveSettings() {
+    var settings = Object.assign({}, widgetData || {})
+    settings.showCapsLock = valueShowCapsLock
+    settings.showNumLock = valueShowNumLock
+    settings.showScrollLock = valueShowScrollLock
+    return settings
+  }
+
+  NToggle {
+    label: "Caps Lock"
+    description: "Display caps lock status"
+    checked: valueShowCapsLock
+    onToggled: checked => valueShowCapsLock = checked
+  }
+
+  NToggle {
+    label: "Num Lock"
+    description: "Display num lock status"
+    checked: valueShowNumLock
+    onToggled: checked => valueShowNumLock = checked
+  }
+
+  NToggle {
+    label: "Scroll Lock"
+    description: "Display scroll lock status"
+    checked: valueShowScrollLock
+    onToggled: checked => valueShowScrollLock = checked
+  }
+}