qmlfmt with 4 space

Modules/VolumePopup.qml

@@ -8,204 +8,205 @@ import qs.Services
 import qs.Widgets
 
 PanelWindow {
-  id: root
+    id: root
 
-  property var modelData
-  property bool volumePopupVisible: false
+    property var modelData
+    property bool volumePopupVisible: false
 
-  function show() {
-    root.volumePopupVisible = true
-    hideTimer.restart()
-  }
-
-  function resetHideTimer() {
-    if (root.volumePopupVisible)
-      hideTimer.restart()
-  }
-
-  screen: modelData
-  visible: volumePopupVisible
-  WlrLayershell.layer: WlrLayershell.Overlay
-  WlrLayershell.exclusiveZone: -1
-  WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
-  color: "transparent"
-
-  anchors {
-    top: true
-    left: true
-    right: true
-    bottom: true
-  }
-
-  Timer {
-    id: hideTimer
-
-    interval: 3000
-    repeat: false
-    onTriggered: {
-      if (!volumePopup.containsMouse)
-        root.volumePopupVisible = false
-      else
+    function show() {
+        root.volumePopupVisible = true
         hideTimer.restart()
     }
-  }
 
-  Connections {
-    function onVolumeChanged() {
-      root.show()
+    function resetHideTimer() {
+        if (root.volumePopupVisible)
+            hideTimer.restart()
     }
 
-    function onSinkChanged() {
-      if (root.volumePopupVisible)
-        root.show()
+    screen: modelData
+    visible: volumePopupVisible
+    WlrLayershell.layer: WlrLayershell.Overlay
+    WlrLayershell.exclusiveZone: -1
+    WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
+    color: "transparent"
+
+    anchors {
+        top: true
+        left: true
+        right: true
+        bottom: true
     }
 
-    target: AudioService
-  }
+    Timer {
+        id: hideTimer
 
-  Rectangle {
-    id: volumePopup
+        interval: 3000
+        repeat: false
+        onTriggered: {
+            if (!volumePopup.containsMouse)
+                root.volumePopupVisible = false
+            else
+                hideTimer.restart()
+        }
+    }
 
-    property bool containsMouse: popupMouseArea.containsMouse
+    Connections {
+        function onVolumeChanged() {
+            root.show()
+        }
 
-    width: Math.min(260, Screen.width - Theme.spacingM * 2)
-    height: volumeContent.height + Theme.spacingS * 2
-    anchors.horizontalCenter: parent.horizontalCenter
-    anchors.bottom: parent.bottom
-    anchors.bottomMargin: Theme.spacingM
-    color: Theme.popupBackground()
-    radius: Theme.cornerRadius
-    border.color: Qt.rgba(Theme.outline.r, Theme.outline.g,
-                          Theme.outline.b, 0.08)
-    border.width: 1
-    opacity: root.volumePopupVisible ? 1 : 0
-    scale: root.volumePopupVisible ? 1 : 0.9
-    layer.enabled: true
+        function onSinkChanged() {
+            if (root.volumePopupVisible)
+                root.show()
+        }
 
-    Column {
-      id: volumeContent
+        target: AudioService
+    }
 
-      anchors.centerIn: parent
-      width: parent.width - Theme.spacingS * 2
-      spacing: Theme.spacingXS
+    Rectangle {
+        id: volumePopup
 
-      Item {
-        property int gap: Theme.spacingS
+        property bool containsMouse: popupMouseArea.containsMouse
 
-        width: parent.width
-        height: 40
+        width: Math.min(260, Screen.width - Theme.spacingM * 2)
+        height: volumeContent.height + Theme.spacingS * 2
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: Theme.spacingM
+        color: Theme.popupBackground()
+        radius: Theme.cornerRadius
+        border.color: Qt.rgba(Theme.outline.r, Theme.outline.g,
+                              Theme.outline.b, 0.08)
+        border.width: 1
+        opacity: root.volumePopupVisible ? 1 : 0
+        scale: root.volumePopupVisible ? 1 : 0.9
+        layer.enabled: true
 
-        Rectangle {
-          width: Theme.iconSize
-          height: Theme.iconSize
-          radius: Theme.iconSize / 2
-          color: "transparent"
-          x: parent.gap
-          anchors.verticalCenter: parent.verticalCenter
+        Column {
+            id: volumeContent
 
-          DankIcon {
             anchors.centerIn: parent
-            name: AudioService.sink && AudioService.sink.audio
-                  && AudioService.sink.audio.muted ? "volume_off" : "volume_up"
-            size: Theme.iconSize
-            color: muteButton.containsMouse ? Theme.primary : Theme.surfaceText
-          }
+            width: parent.width - Theme.spacingS * 2
+            spacing: Theme.spacingXS
 
-          MouseArea {
-            id: muteButton
+            Item {
+                property int gap: Theme.spacingS
+
+                width: parent.width
+                height: 40
+
+                Rectangle {
+                    width: Theme.iconSize
+                    height: Theme.iconSize
+                    radius: Theme.iconSize / 2
+                    color: "transparent"
+                    x: parent.gap
+                    anchors.verticalCenter: parent.verticalCenter
+
+                    DankIcon {
+                        anchors.centerIn: parent
+                        name: AudioService.sink && AudioService.sink.audio
+                              && AudioService.sink.audio.muted ? "volume_off" : "volume_up"
+                        size: Theme.iconSize
+                        color: muteButton.containsMouse ? Theme.primary : Theme.surfaceText
+                    }
+
+                    MouseArea {
+                        id: muteButton
+
+                        anchors.fill: parent
+                        hoverEnabled: true
+                        cursorShape: Qt.PointingHandCursor
+                        onClicked: {
+                            AudioService.toggleMute()
+                            root.resetHideTimer()
+                        }
+                    }
+                }
+
+                DankSlider {
+                    id: volumeSlider
+
+                    width: parent.width - Theme.iconSize - parent.gap * 3
+                    height: 40
+                    x: parent.gap * 2 + Theme.iconSize
+                    anchors.verticalCenter: parent.verticalCenter
+                    minimum: 0
+                    maximum: 100
+                    enabled: AudioService.sink && AudioService.sink.audio
+                    showValue: true
+                    unit: "%"
+                    Component.onCompleted: {
+                        if (AudioService.sink && AudioService.sink.audio)
+                            value = Math.round(
+                                        AudioService.sink.audio.volume * 100)
+                    }
+                    onSliderValueChanged: function (newValue) {
+                        if (AudioService.sink && AudioService.sink.audio) {
+                            AudioService.sink.audio.volume = newValue / 100
+                            root.resetHideTimer()
+                        }
+                    }
+
+                    Connections {
+                        function onVolumeChanged() {
+                            volumeSlider.value = Math.round(
+                                        AudioService.sink.audio.volume * 100)
+                        }
+
+                        target: AudioService.sink
+                                && AudioService.sink.audio ? AudioService.sink.audio : null
+                    }
+                }
+            }
+        }
+
+        MouseArea {
+            id: popupMouseArea
 
             anchors.fill: parent
             hoverEnabled: true
-            cursorShape: Qt.PointingHandCursor
-            onClicked: {
-              AudioService.toggleMute()
-              root.resetHideTimer()
-            }
-          }
+            acceptedButtons: Qt.NoButton
+            propagateComposedEvents: true
+            z: -1
         }
 
-        DankSlider {
-          id: volumeSlider
-
-          width: parent.width - Theme.iconSize - parent.gap * 3
-          height: 40
-          x: parent.gap * 2 + Theme.iconSize
-          anchors.verticalCenter: parent.verticalCenter
-          minimum: 0
-          maximum: 100
-          enabled: AudioService.sink && AudioService.sink.audio
-          showValue: true
-          unit: "%"
-          Component.onCompleted: {
-            if (AudioService.sink && AudioService.sink.audio)
-              value = Math.round(AudioService.sink.audio.volume * 100)
-          }
-          onSliderValueChanged: function (newValue) {
-            if (AudioService.sink && AudioService.sink.audio) {
-              AudioService.sink.audio.volume = newValue / 100
-              root.resetHideTimer()
-            }
-          }
-
-          Connections {
-            function onVolumeChanged() {
-              volumeSlider.value = Math.round(
-                    AudioService.sink.audio.volume * 100)
-            }
-
-            target: AudioService.sink
-                    && AudioService.sink.audio ? AudioService.sink.audio : null
-          }
+        layer.effect: MultiEffect {
+            shadowEnabled: true
+            shadowHorizontalOffset: 0
+            shadowVerticalOffset: 4
+            shadowBlur: 0.8
+            shadowColor: Qt.rgba(0, 0, 0, 0.3)
+            shadowOpacity: 0.3
+        }
+
+        transform: Translate {
+            y: root.volumePopupVisible ? 0 : 20
+        }
+
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Theme.mediumDuration
+                easing.type: Theme.emphasizedEasing
+            }
+        }
+
+        Behavior on scale {
+            NumberAnimation {
+                duration: Theme.mediumDuration
+                easing.type: Theme.emphasizedEasing
+            }
+        }
+
+        Behavior on transform {
+            PropertyAnimation {
+                duration: Theme.mediumDuration
+                easing.type: Theme.emphasizedEasing
+            }
         }
-      }
     }
 
-    MouseArea {
-      id: popupMouseArea
-
-      anchors.fill: parent
-      hoverEnabled: true
-      acceptedButtons: Qt.NoButton
-      propagateComposedEvents: true
-      z: -1
+    mask: Region {
+        item: volumePopup
     }
-
-    layer.effect: MultiEffect {
-      shadowEnabled: true
-      shadowHorizontalOffset: 0
-      shadowVerticalOffset: 4
-      shadowBlur: 0.8
-      shadowColor: Qt.rgba(0, 0, 0, 0.3)
-      shadowOpacity: 0.3
-    }
-
-    transform: Translate {
-      y: root.volumePopupVisible ? 0 : 20
-    }
-
-    Behavior on opacity {
-      NumberAnimation {
-        duration: Theme.mediumDuration
-        easing.type: Theme.emphasizedEasing
-      }
-    }
-
-    Behavior on scale {
-      NumberAnimation {
-        duration: Theme.mediumDuration
-        easing.type: Theme.emphasizedEasing
-      }
-    }
-
-    Behavior on transform {
-      PropertyAnimation {
-        duration: Theme.mediumDuration
-        easing.type: Theme.emphasizedEasing
-      }
-    }
-  }
-
-  mask: Region {
-    item: volumePopup
-  }
 }