AudioVisualizer: basic implementation

Modules/Settings/Bar/BarWidgetSettingsDialog.qml

@@ -123,6 +123,7 @@ Popup {
   function loadWidgetSettings() {
     const widgetSettingsMap = {
       "ActiveWindow": "WidgetSettings/ActiveWindowSettings.qml",
+      "AudioVisualizer": "WidgetSettings/AudioVisualizerSettings.qml",
       "Battery": "WidgetSettings/BatterySettings.qml",
       "Bluetooth": "WidgetSettings/BluetoothSettings.qml",
       "Brightness": "WidgetSettings/BrightnessSettings.qml",

Modules/Settings/Bar/WidgetSettings/AudioVisualizerSettings.qml

@@ -0,0 +1,30 @@
+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
+
+  function saveSettings() {
+    var settings = Object.assign({}, widgetData || {})
+    settings.width = parseInt(widthInput.text) || widgetMetadata.width
+    return settings
+  }
+
+  NTextInput {
+    id: widthInput
+    Layout.fillWidth: true
+    label: I18n.tr("bar.widget-settings.audio-visualizer.width.label")
+    description: I18n.tr("bar.widget-settings.audio-visualizer.width.description")
+    text: widgetData.width || widgetMetadata.width
+    placeholderText: I18n.tr("placeholders.enter-width-pixels")
+  }
+}