utilities: add toasts

1 files changed, 135 insertions, 0 deletions

diff --git a/modules/utilities/toasts/Toasts.qml b/modules/utilities/toasts/Toasts.qml
new file mode 100644
index 0000000..c23790d
--- /dev/null
+++ b/modules/utilities/toasts/Toasts.qml
@@ -0,0 +1,135 @@
+pragma ComponentBehavior: Bound
+
+import qs.components
+import qs.config
+import Caelestia
+import Quickshell
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    readonly property int spacing: Appearance.spacing.small
+    property bool flag
+
+    implicitWidth: Config.utilities.sizes.width - Appearance.padding.normal * 2
+    implicitHeight: {
+        let h = -spacing;
+        for (let i = 0; i < repeater.count; i++) {
+            const item = repeater.itemAt(i);
+            if (!item.modelData.closed && !item.previewHidden)
+                h += item.implicitHeight + spacing;
+        }
+        return h;
+    }
+
+    Repeater {
+        id: repeater
+
+        model: ScriptModel {
+            values: {
+                const toasts = [];
+                let count = 0;
+                for (const toast of Toaster.toasts) {
+                    toasts.push(toast);
+                    if (!toast.closed) {
+                        count++;
+                        if (count > Config.utilities.maxToasts)
+                            break;
+                    }
+                }
+                return toasts;
+            }
+            onValuesChanged: root.flagChanged()
+        }
+
+        MouseArea {
+            id: toast
+
+            required property int index
+            required property Toast modelData
+
+            readonly property bool previewHidden: {
+                let extraHidden = 0;
+                for (let i = 0; i < index; i++)
+                    if (Toaster.toasts[i].closed)
+                        extraHidden++;
+                return index >= Config.utilities.maxToasts + extraHidden;
+            }
+
+            opacity: modelData.closed || previewHidden ? 0 : 1
+            scale: modelData.closed || previewHidden ? 0.7 : 1
+
+            anchors.bottomMargin: {
+                root.flag; // Force update
+                let y = 0;
+                for (let i = 0; i < index; i++) {
+                    const item = repeater.itemAt(i);
+                    if (item && !item.modelData.closed && !item.previewHidden)
+                        y += item.implicitHeight + root.spacing;
+                }
+                return y;
+            }
+
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.bottom: parent.bottom
+            implicitHeight: toastInner.implicitHeight
+
+            acceptedButtons: Qt.LeftButton | Qt.MiddleButton | Qt.RightButton
+            onClicked: modelData.close()
+
+            Component.onCompleted: modelData.lock(this)
+
+            Anim {
+                Component.onCompleted: running = !toast.previewHidden
+
+                target: toast
+                properties: "opacity,scale"
+                from: 0
+                to: 1
+                duration: Appearance.anim.durations.expressiveDefaultSpatial
+                easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
+            }
+
+            ParallelAnimation {
+                running: toast.modelData.closed
+                onStarted: toast.anchors.bottomMargin = toast.anchors.bottomMargin
+                onFinished: toast.modelData.unlock(toast)
+
+                Anim {
+                    target: toast
+                    property: "opacity"
+                    to: 0
+                }
+                Anim {
+                    target: toast
+                    property: "scale"
+                    to: 0.7
+                }
+            }
+
+            ToastItem {
+                id: toastInner
+
+                modelData: toast.modelData
+            }
+
+            Behavior on opacity {
+                Anim {}
+            }
+
+            Behavior on scale {
+                Anim {}
+            }
+
+            Behavior on anchors.bottomMargin {
+                Anim {
+                    duration: Appearance.anim.durations.expressiveDefaultSpatial
+                    easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
+                }
+            }
+        }
+    }
+}