kossLAN/dots
1
0
Fork 0
mirror of https://github.com/kossLAN/dots.git synced 2025-11-04 22:49:50 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

update settings schema

Browse source
This commit is contained in:
kossLAN 2025-06-10 21:46:33 -04:00
parent b55f89a00d
commit 9aa51c86da
Signed by: kossLAN
SSH key fingerprint: SHA256:bdV0x+wdQHGJ6LgmstH3KV8OpWY+OOFmJcPcB0wQPV8
25 changed files with 342 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

6
ShellSettings.qml
View file

@ -5,7 +5,8 @@ import Quickshell
import Quickshell.Io
Singleton {
property alias settings: jsonAdapter
property alias settings: jsonAdapter.settings
property alias colors: jsonAdapter.colors
FileView {
path: `${Quickshell.env("XDG_DATA_HOME")}/quickshell/settings.json`
@ -16,9 +17,12 @@ Singleton {
JsonAdapter {
id: jsonAdapter
property QtObject settings: QtObject {
property int barHeight: 25
property string wallpaperUrl: Qt.resolvedUrl("root:resources/wallpapers/pixelart0.jpg")
property string colorScheme: "scheme-fruit-salad"
}
property var colors: {
"background": "#131313",

2
bar/ActiveWindow.qml
View file

@ -5,7 +5,7 @@ import ".."
Text {
id: windowText
text: ToplevelManager.activeToplevel?.title ?? ""
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
font.pointSize: 11
visible: text !== ""
elide: Text.ElideRight

17
bar/Bar.qml
View file

@ -11,7 +11,7 @@ import ".."
PanelWindow {
id: root
color: ShellSettings.settings.colors["surface"]
color: ShellSettings.colors["surface"]
implicitHeight: ShellSettings.settings.barHeight
property alias popup: popupWindow
@ -75,6 +75,19 @@ PanelWindow {
// bar: root
// }
// Text {
// text: "home"
// color: "white"
// font.family: "Material Symbols Rounded"
// renderType: Text.NativeRendering
// textFormat: Text.PlainText
// font.pointSize: 12
//
// font.variableAxes: {
// "FILL": 1
// }
// }
BatteryIndicator {
id: batteryIndicator
popup: root.popup
@ -89,7 +102,7 @@ PanelWindow {
Clock {
id: clock
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
}
}
}

6
bar/HyprWorkspaces.qml
View file

@ -33,15 +33,15 @@ RowLayout {
}
color: {
let value = Qt.color(ShellSettings.settings.colors["secondary"]).darker(2);
let value = Qt.color(ShellSettings.colors["secondary"]).darker(2);
if (!modelData?.id || !Hyprland.focusedMonitor?.activeWorkspace?.id)
return value;
if (workspaceButton.containsMouse) {
value = ShellSettings.settings.colors["on_primary"];
value = ShellSettings.colors["on_primary"];
} else if (Hyprland.focusedMonitor.activeWorkspace.id == modelData.id) {
value = ShellSettings.settings.colors["primary"];
value = ShellSettings.colors["primary"];
}
return value;

6
bar/battery/BatteryIndicator.qml
View file

@ -59,7 +59,7 @@ Item {
Rectangle {
id: highlight
color: batteryButton.containsMouse ? ShellSettings.settings.colors["primary"] : "transparent"
color: batteryButton.containsMouse ? ShellSettings.colors["primary"] : "transparent"
// radius: width / 2
radius: 10
@ -96,7 +96,7 @@ Item {
Rectangle {
id: batteryBackground
color: Qt.color(ShellSettings.settings.colors["surface"]).lighter(4)
color: Qt.color(ShellSettings.colors["surface"]).lighter(4)
opacity: 0.75
anchors {
fill: parent
@ -107,7 +107,7 @@ Item {
Rectangle {
id: batteryPercentage
width: (parent.width - 4) * UPower.displayDevice.percentage
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
anchors {
left: batteryBackground.left

24
bar/control/ControlPanel.qml
View file

@ -48,7 +48,7 @@ PopupWindow {
// Add drop shadow effect
// Rectangle {
// id: shadowSource
// color: ShellSettings.settings.colors["surface"]
// color: ShellSettings.colors["surface"]
// radius: 8
// opacity: container.opacity
// width: container.width
@ -97,7 +97,7 @@ PopupWindow {
Rectangle {
id: container
color: ShellSettings.settings.colors["surface"]
color: ShellSettings.colors["surface"]
radius: 18
opacity: 0
width: parent.width - 10
@ -133,7 +133,7 @@ PopupWindow {
//
// Rectangle {
// radius: 20
// color: ShellSettings.settings.colors["surface_container_high"]
// color: ShellSettings.colors["surface_container_high"]
// Layout.fillWidth: true
// Layout.fillHeight: true
//
@ -153,7 +153,7 @@ PopupWindow {
//
// Text {
// text: "kossLAN"
// color: ShellSettings.settings.colors["inverse_surface"]
// color: ShellSettings.colors["inverse_surface"]
// font.pointSize: 12
// verticalAlignment: Text.AlignVCenter
// Layout.fillWidth: true
@ -165,7 +165,7 @@ PopupWindow {
//
// Rectangle {
// radius: 20
// color: ShellSettings.settings.colors["surface_container_high"]
// color: ShellSettings.colors["surface_container_high"]
// Layout.preferredWidth: powerButtons.implicitWidth + 10
// Layout.fillHeight: true
//
@ -195,7 +195,7 @@ PopupWindow {
//
// Rectangle {
// radius: 20
// color: ShellSettings.settings.colors["surface_bright"]
// color: ShellSettings.colors["surface_bright"]
// Layout.preferredWidth: 2
// Layout.fillHeight: true
// Layout.topMargin: 4
@ -217,7 +217,7 @@ PopupWindow {
Layout.fillWidth: true
Rectangle {
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
radius: 12
Layout.fillWidth: true
Layout.preferredHeight: 30
@ -232,7 +232,7 @@ PopupWindow {
Repeater {
model: [1, 2, 3, 4, 5]
delegate: Rectangle {
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
radius: width / 2
Layout.preferredWidth: 45
Layout.preferredHeight: 45
@ -250,14 +250,14 @@ PopupWindow {
Layout.preferredHeight: 55
Rectangle {
color: ShellSettings.settings.colors["primary"]
color: ShellSettings.colors["primary"]
radius: width / 2
Layout.fillWidth: true
Layout.fillHeight: true
}
Rectangle {
color: ShellSettings.settings.colors["primary"]
color: ShellSettings.colors["primary"]
radius: width / 2
Layout.fillWidth: true
Layout.fillHeight: true
@ -270,14 +270,14 @@ PopupWindow {
Layout.preferredHeight: 55
Rectangle {
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
radius: width / 2
Layout.fillWidth: true
Layout.fillHeight: true
}
Rectangle {
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
radius: width / 2
Layout.fillWidth: true
Layout.fillHeight: true

4
bar/control/volume/Card.qml
View file

@ -9,7 +9,7 @@ Rectangle {
id: root
required property PwNode node
required property var isSink
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
PwObjectTracker {
id: defaultSourceTracker
@ -27,7 +27,7 @@ Rectangle {
spacing: 10
Text {
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
text: {
// Taken from quickshell-examples

6
bar/control/volume/Mixer.qml
View file

@ -42,7 +42,7 @@ Rectangle {
anchors.fill: parent
Rectangle {
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
Widgets.IconButton {
id: arrowButton
@ -80,7 +80,7 @@ Rectangle {
Rectangle {
id: divider
color: ShellSettings.settings.colors["surface_bright"]
color: ShellSettings.colors["surface_bright"]
height: 2
width: parent.width
anchors.top: headerSection.bottom
@ -140,7 +140,7 @@ Rectangle {
height: root.baseHeight
Rectangle {
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
IconImage {
implicitSize: 32

4
bar/notifications/NotificationButton.qml
View file

@ -19,7 +19,7 @@ Item {
}
Rectangle {
color: mouseArea.containsMouse ? ShellSettings.settings.colors["primary"] : "transparent"
color: mouseArea.containsMouse ? ShellSettings.colors["primary"] : "transparent"
radius: 5
anchors {
@ -61,7 +61,7 @@ Item {
}
Rectangle {
color: mouseArea.containsMouse ? ShellSettings.settings.colors["inverse_primary"] : ShellSettings.settings.colors["inverse_surface"]
color: mouseArea.containsMouse ? ShellSettings.colors["inverse_primary"] : ShellSettings.colors["inverse_surface"]
anchors.fill: parent
}
}

2
bar/popups/MenuWindow.qml
View file

@ -102,7 +102,7 @@ PopupWindow {
WrapperRectangle {
id: popupContainer
color: ShellSettings.settings.colors["surface"]
color: ShellSettings.colors["surface"]
radius: 12
margin: 8
clip: true

2
bar/systray/SysTray.qml
View file

@ -77,7 +77,7 @@ RowLayout {
Rectangle {
id: trayContainer
color: trayButton.containsMouse ? ShellSettings.settings.colors["primary"] : "transparent"
color: trayButton.containsMouse ? ShellSettings.colors["primary"] : "transparent"
radius: width / 2
implicitHeight: parent.height - 2
implicitWidth: parent.height - 2

8
bar/systray/TrayMenuEntry.qml
View file

@ -31,7 +31,7 @@ ColumnLayout {
return "transparent";
if (entryArea.containsMouse)
return ShellSettings.settings.colors["primary"];
return ShellSettings.colors["primary"];
return "transparent";
}
@ -92,13 +92,13 @@ ColumnLayout {
text: root.menuData?.text ?? ""
verticalAlignment: Text.AlignVCenter
color: {
let color = Qt.color(ShellSettings.settings.colors["inverse_surface"]);
let color = Qt.color(ShellSettings.colors["inverse_surface"]);
if (!root.menuData?.enabled)
return color.darker(2);
if (entryArea.containsMouse)
return Qt.color(ShellSettings.settings.colors["inverse_primary"]);
return Qt.color(ShellSettings.colors["inverse_primary"]);
return color;
}
@ -141,7 +141,7 @@ ColumnLayout {
WrapperRectangle {
id: subTrayMenu
color: ShellSettings.settings.colors["surface_container"]
color: ShellSettings.colors["surface_container"]
radius: 8
visible: false
Layout.fillWidth: true

2
bar/systray/TrayMenuItem.qml
View file

@ -12,7 +12,7 @@ ColumnLayout {
Rectangle {
visible: (root.modelData?.isSeparator ?? false)
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
Layout.fillWidth: true
Layout.preferredHeight: 2
Layout.leftMargin: 8

12
launcher/Controller.qml
View file

@ -44,7 +44,7 @@ Singleton {
Rectangle {
id: container
color: ShellSettings.settings.colors["surface"]
color: ShellSettings.colors["surface"]
radius: 18
anchors {
@ -71,8 +71,8 @@ Singleton {
Layout.fillWidth: true
implicitHeight: searchbox.implicitHeight + 15
radius: 10
color: ShellSettings.settings.colors["surface_container"]
border.color: ShellSettings.settings.colors["secondary"]
color: ShellSettings.colors["surface_container"]
border.color: ShellSettings.colors["secondary"]
RowLayout {
id: searchbox
@ -82,7 +82,7 @@ Singleton {
TextInput {
id: search
Layout.fillWidth: true
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
focus: true
Keys.forwardTo: [list]
@ -256,7 +256,7 @@ Singleton {
highlight: Rectangle {
radius: 12
color: ShellSettings.settings.colors["primary"]
color: ShellSettings.colors["primary"]
}
keyNavigationEnabled: true
@ -297,7 +297,7 @@ Singleton {
}
Text {
text: modelData.name
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
Layout.alignment: Qt.AlignVCenter
}
}

10
notifications/ActiveToast.qml
View file

@ -19,7 +19,7 @@ Item {
Rectangle {
id: container
radius: 10
color: ShellSettings.settings.colors["surface_container"]
color: ShellSettings.colors["surface_container"]
anchors.fill: parent
Item {
@ -110,7 +110,7 @@ Item {
Text {
id: appName
text: root.notification.appName
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
font.pointSize: 11
font.bold: true
elide: Text.ElideRight
@ -124,7 +124,7 @@ Item {
Text {
id: summaryText
text: root.notification.summary
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
font.pointSize: 11
elide: Text.ElideRight
maximumLineCount: 1
@ -156,7 +156,7 @@ Item {
ctx.beginPath();
ctx.arc(centerX, centerY, radius, -Math.PI / 2, -Math.PI / 2 + 2 * Math.PI * progress);
ctx.strokeStyle = ShellSettings.settings.colors["primary"];
ctx.strokeStyle = ShellSettings.colors["primary"];
ctx.lineWidth = 2;
ctx.stroke();
}
@ -204,7 +204,7 @@ Item {
Text {
id: bodyText
text: root.notification.body
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
font.pointSize: 11
wrapMode: Text.Wrap
elide: Text.ElideRight

8
notifications/NotificationCenter.qml
View file

@ -140,7 +140,7 @@ Singleton {
required property int index
Layout.fillWidth: true
Layout.preferredHeight: groupContent.implicitHeight + 24
color: ShellSettings.settings.colors["surface_container"]
color: ShellSettings.colors["surface_container"]
antialiasing: true
topLeftRadius: index === 0 ? 25 : 5
@ -207,7 +207,7 @@ Singleton {
text: summaryGroup.modelData.summary
font.pixelSize: 16
font.weight: Font.Medium
color: ShellSettings.settings.colors["on_surface"]
color: ShellSettings.colors["on_surface"]
wrapMode: Text.WordWrap
maximumLineCount: 2
elide: Text.ElideRight
@ -218,7 +218,7 @@ Singleton {
Text {
text: "now"
font.pixelSize: 14
color: ShellSettings.settings.colors["on_surface_variant"]
color: ShellSettings.colors["on_surface_variant"]
Layout.alignment: Qt.AlignVCenter
}
}
@ -242,7 +242,7 @@ Singleton {
Layout.fillWidth: true
text: bodyDelegate.modelData.body
font.pixelSize: 14
color: ShellSettings.settings.colors["on_surface_variant"]
color: ShellSettings.colors["on_surface_variant"]
wrapMode: Text.WordWrap
maximumLineCount: 4
elide: Text.ElideRight

10
settings/Controller.qml
View file

@ -37,7 +37,7 @@ Singleton {
activeAsync: persist.windowOpen
FloatingWindow {
color: ShellSettings.settings.colors["surface"]
color: ShellSettings.colors["surface"]
implicitWidth: 840
implicitHeight: 845
@ -90,7 +90,7 @@ Singleton {
}
Rectangle {
color: ShellSettings.settings.colors["surface_container"]
color: ShellSettings.colors["surface_container"]
radius: 20
Layout.fillWidth: true
Layout.fillHeight: true
@ -122,7 +122,7 @@ Singleton {
width: 100
height: 100
color: paletteSelect.containsMouse ? ShellSettings.settings.colors["surface_container_highest"] : ShellSettings.settings.colors["surface_container_high"]
color: paletteSelect.containsMouse ? ShellSettings.colors["surface_container_highest"] : ShellSettings.colors["surface_container_high"]
radius: 20
MouseArea {
@ -214,7 +214,7 @@ Singleton {
}
Rectangle {
color: ShellSettings.settings.colors["surface_container_high"]
color: ShellSettings.colors["surface_container_high"]
Layout.fillWidth: true
Layout.preferredHeight: 1
}
@ -251,7 +251,7 @@ Singleton {
radius: 20
border {
color: ShellSettings.settings.colors["primary"]
color: ShellSettings.colors["primary"]
width: 2
}

1
shell.qml
View file

@ -1,5 +1,6 @@
//@ pragma UseQApplication
//@ pragma IconTheme Papirus-Dark
import Quickshell
import QtQuick
import "bar" as Bar

36
volume-osd/Controller.qml
View file

@ -52,10 +52,28 @@ Scope {
Rectangle {
anchors.fill: parent
radius: width / 2
color: ShellSettings.settings.colors["surface"]
color: ShellSettings.colors["surface"]
Item {
ColumnLayout {
spacing: 10
anchors {
fill: parent
margins: 8
}
Rectangle {
radius: width / 2
Layout.fillWidth: true
Layout.preferredHeight: width
}
Rectangle {
id: sliderContainer
color: "gray"
Layout.fillWidth: true
Layout.fillHeight: true
layer.enabled: true
layer.effect: OpacityMask {
source: Rectangle {
@ -73,14 +91,9 @@ Scope {
}
}
anchors {
fill: parent
margins: 8
}
Rectangle {
radius: width / 2
color: ShellSettings.settings.colors["primary"]
color: ShellSettings.colors["primary"]
implicitHeight: Math.max(parent.width, parent.height * (Pipewire.defaultAudioSink?.audio.volume ?? 0))
anchors {
@ -101,12 +114,13 @@ Scope {
}
}
}
}
// Rectangle {
// anchors.fill: parent
// radius: 8
// color: {
// let color = ShellSettings.settings.colors["surface"];
// let color = ShellSettings.colors["surface"];
// return Qt.rgba(color.r, color.g, color.b, 0.8);
// }
//
@ -128,7 +142,7 @@ Scope {
// implicitHeight: 10
// radius: 20
// color: {
// let color = ShellSettings.settings.colors["inverse_surface"];
// let color = ShellSettings.colors["inverse_surface"];
// return Qt.rgba(color.r, color.g, color.b, 0.5);
// }
//
@ -143,7 +157,7 @@ Scope {
// }
//
// Rectangle {
// color: ShellSettings.settings.colors["primary"]
// color: ShellSettings.colors["primary"]
// anchors {
// left: parent.left
// top: parent.top

2
wallpaper/Controller.qml
View file

@ -61,7 +61,7 @@ Scope {
onRead: data => {
console.log(ShellSettings.settings.colorScheme);
try {
ShellSettings.settings.colors = JSON.parse(data)['colors']['dark'];
ShellSettings.colors = JSON.parse(data)['colors']['dark'];
} catch (e) {}
}
}

6
widgets/IconButton.qml
View file

@ -10,8 +10,8 @@ Item {
property var padding: 0
property var radius: 20
property var activeRectangle: true
property var color: ShellSettings.settings.colors["inverse_surface"]
property var activeColor: ShellSettings.settings.colors["inverse_primary"]
property var color: ShellSettings.colors["inverse_surface"]
property var activeColor: ShellSettings.colors["inverse_primary"]
signal clicked
implicitWidth: implicitSize
@ -19,7 +19,7 @@ Item {
Rectangle {
id: iconBackground
color: ShellSettings.settings.colors["primary"]
color: ShellSettings.colors["primary"]
radius: root.radius
visible: iconButton.containsMouse && root.activeRectangle
anchors.fill: parent

3
widgets/MaterialButton.qml Normal file
View file

@ -0,0 +1,3 @@
import QtQuick
Rectangle {}

4
widgets/RoundSlider.qml
View file

@ -8,13 +8,13 @@ import ".."
Slider {
id: slider
implicitHeight: 8
property var accentColor: ShellSettings.settings.colors["primary"]
property var accentColor: ShellSettings.colors["primary"]
background: Rectangle {
id: sliderContainer
width: slider.availableWidth
height: slider.implicitHeight
color: ShellSettings.settings.colors["inverse_surface"]
color: ShellSettings.colors["inverse_surface"]
radius: 4
anchors.verticalCenter: parent.verticalCenter

2
widgets/Separator.qml
View file

@ -2,7 +2,7 @@ import QtQuick
import ".."
Rectangle {
color: ShellSettings.settings.colors["primary"]
color: ShellSettings.colors["primary"]
radius: 5
width: 7.5
height: 7.5

204
widgets/TextButton.qml Normal file
View file

@ -0,0 +1,204 @@
import QtQuick
import Qt5Compat.GraphicalEffects
import Quickshell
import Quickshell.Widgets
import ".."
Item {
id: root
property string icon
property bool enabled: true
property bool highlight: true
property bool clickable: false
property bool useMask: true
property bool useVariableFill: false
property real size: 18
property real outerSize: size
property color hoverColor: ShellSettings.colors["inverse_primary"]
property color iconColor: ShellSettings.colors["primary"]
property real buttonRadius: 6
property real padding: 4
property real fillValue: 0.0
property real fillTarget: 0.0
property real fillHover: 1.0
property real fillNormal: 0.0
property int fillDuration: 300
signal clicked(var mouse)
implicitWidth: outerSize + (padding * 2)
implicitHeight: outerSize + (padding * 2)
Rectangle {
id: backgroundRect
anchors.fill: parent
radius: root.buttonRadius
color: mouseArea.containsMouse && root.highlight ? root.hoverColor : "transparent"
visible: root.highlight
Behavior on color {
ColorAnimation {
duration: 200
easing.type: Easing.InOutCubic
}
}
}
NumberAnimation {
id: fillAnimation
target: root
property: "fillValue"
duration: root.fillDuration
easing.type: Easing.OutCubic
to: root.fillTarget
}
Text {
id: variableFillIcon
visible: root.useVariableFill
anchors.centerIn: parent
font.family: "Material Symbols Outlined"
renderType: Text.NativeRendering
textFormat: Text.PlainText
font.pointSize: root.size * 0.8
text: root.icon
color: root.enabled ?? root.iconColor
opacity: root.enabled ? 1.0 : 0.5
font.variableAxes: {
"FILL": root.fillValue.toFixed(1)
}
Behavior on color {
ColorAnimation {
duration: 200
easing.type: Easing.InOutCubic
}
}
}
Item {
id: maskedIcon
visible: root.useMask && !root.useVariableFill
anchors.centerIn: parent
width: root.size
height: root.size
smooth: true
layer.enabled: true
layer.effect: OpacityMask {
source: Rectangle {
width: root.size
height: root.size
color: "white"
}
maskSource: IconImage {
mipmap: true
implicitSize: root.size
source: Quickshell.iconPath(root.icon)
opacity: root.enabled ? 1.0 : 0.5
smooth: true
}
}
transform: Translate {
x: mouseArea.containsMouse ? -1 : 0
y: mouseArea.containsMouse ? -2 : 0
Behavior on x {
NumberAnimation {
duration: 450
easing.type: Easing.OutElastic
easing.amplitude: 1.0
easing.period: 0.3
}
}
Behavior on y {
NumberAnimation {
duration: 450
easing.type: Easing.OutElastic
easing.amplitude: 1.0
easing.period: 0.3
}
}
}
Rectangle {
anchors.fill: parent
color: root.enabled ?? root.iconColor
Behavior on color {
ColorAnimation {
duration: 200
easing.type: Easing.InOutCubic
}
}
}
}
IconImage {
id: unmaskedIcon
visible: !root.useMask && !root.useVariableFill
anchors.centerIn: parent
source: Quickshell.iconPath(root.icon)
implicitSize: root.size
opacity: root.enabled ? 1.0 : 0.5
transform: Translate {
x: mouseArea.containsMouse ? -1 : 0
y: mouseArea.containsMouse ? -2 : 0
Behavior on x {
NumberAnimation {
duration: 350
easing.type: Easing.OutElastic
easing.amplitude: 1.0
easing.period: 0.6
}
}
Behavior on y {
NumberAnimation {
duration: 350
easing.type: Easing.OutElastic
easing.amplitude: 1.0
easing.period: 0.6
}
}
}
Behavior on opacity {
NumberAnimation {
duration: 200
easing.type: Easing.InOutCubic
}
}
}
MouseArea {
id: mouseArea
anchors.fill: parent
cursorShape: root.clickable ? Qt.PointingHandCursor : ""
enabled: root.clickable && root.enabled
hoverEnabled: true
acceptedButtons: Qt.LeftButton | Qt.RightButton | Qt.MiddleButton
onClicked: function (mouse) {
root.clicked(mouse);
}
onContainsMouseChanged: {
if (root.useVariableFill) {
root.fillTarget = containsMouse ? root.fillHover : root.fillNormal;
fillAnimation.restart();
}
}
}
Component.onCompleted: {
if (useVariableFill) {
fillValue = fillNormal;
}
}
}