import QtQuick
import qs.Common
import qs.Services

LevelOSD {
    id: root

    readonly property var audio: AudioService.sink?.audio ?? null

    iconName: AudioService.sinkVolumeIconName
    insetIconName: "music_note"
    endIconName: AudioService.sinkIcon(AudioService.sink)
    iconInteractive: true
    iconLabel: audio?.muted ? I18n.tr("Unmute", "verb, button to unmute audio or a muted app") : I18n.tr("Mute")
    value: AudioService.sinkVolumePercent
    maximum: AudioService.sinkMaxVolume
    available: !!audio
    displayText: audio?.muted ? I18n.tr("Muted") : ""

    onIconClicked: AudioService.toggleMute()
    onLevelRequested: level => {
        SessionData.suppressOSDTemporarily();
        audio.volume = level / 100;
    }

    Connections {
        target: root.audio

        function onVolumeChanged() {
            if (SettingsData.osdVolumeEnabled)
                root.show();
        }

        function onMutedChanged() {
            if (SettingsData.osdVolumeEnabled)
                root.show();
        }
    }

    readonly property var audioSink: AudioService.sink

    onAudioSinkChanged: {
        if (shouldBeVisible && SettingsData.osdVolumeEnabled)
            show();
    }
}