89 lines
2.6 KiB
QML
89 lines
2.6 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import QtQuick
|
|
import Quickshell
|
|
import qs.components
|
|
import Caelestia.Config
|
|
import qs.modules.sidebar as Sidebar
|
|
import qs.modules.bar.popouts as BarPopouts
|
|
|
|
Item {
|
|
id: root
|
|
|
|
required property DrawerVisibilities visibilities
|
|
required property Sidebar.Wrapper sidebar
|
|
required property BarPopouts.Wrapper popouts
|
|
property real horizontalStretch
|
|
|
|
readonly property PersistentProperties props: PersistentProperties {
|
|
property bool recordingListExpanded: false
|
|
property string recordingConfirmDelete
|
|
property string recordingMode
|
|
|
|
reloadableId: "utilities"
|
|
}
|
|
readonly property bool shouldBeActive: visibilities.sidebar || (visibilities.utilities && Config.utilities.enabled && !(visibilities.session && Config.session.enabled))
|
|
property real offsetScale: shouldBeActive ? 0 : 1
|
|
property real sidebarLerp
|
|
|
|
visible: offsetScale < 1
|
|
anchors.bottomMargin: (-implicitHeight - 5) * offsetScale
|
|
implicitHeight: content.implicitHeight + content.anchors.margins * 2
|
|
implicitWidth: sidebar.width * (1 - sidebar.offsetScale) * horizontalStretch * sidebarLerp + Tokens.sizes.utilities.width * (1 - sidebarLerp)
|
|
opacity: 1 - offsetScale
|
|
|
|
states: State {
|
|
name: "attachedToSidebar"
|
|
when: root.visibilities.sidebar
|
|
|
|
PropertyChanges {
|
|
root.sidebarLerp: 1
|
|
}
|
|
}
|
|
|
|
transitions: [
|
|
Transition {
|
|
from: ""
|
|
|
|
Anim {
|
|
property: "sidebarLerp"
|
|
duration: Tokens.anim.durations.expressiveDefaultSpatial / 2
|
|
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
|
}
|
|
},
|
|
Transition {
|
|
to: ""
|
|
|
|
Anim {
|
|
property: "sidebarLerp"
|
|
duration: Tokens.anim.durations.expressiveDefaultSpatial / 2
|
|
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
|
}
|
|
}
|
|
]
|
|
|
|
Behavior on offsetScale {
|
|
Anim {
|
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
|
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: content
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.margins: Tokens.padding.large
|
|
|
|
asynchronous: true
|
|
active: root.shouldBeActive || root.visible
|
|
|
|
sourceComponent: Content {
|
|
implicitWidth: root.implicitWidth - content.anchors.margins * 2
|
|
props: root.props
|
|
visibilities: root.visibilities
|
|
popouts: root.popouts
|
|
}
|
|
}
|
|
}
|