z-bar-qt/Components/IconTextButton.qml

import QtQuick
import QtQuick.Layouts
import ZShell.Config
import qs.Services

ButtonBase {
	id: root

	property alias icon: iconLabel.text
	readonly property alias iconLabel: iconLabel
	readonly property alias label: label
	property alias text: label.text

	activeColor: type === TextButton.Filled ? Colors.palette.m3primary : Colors.palette.m3secondary
	activeOnColor: {
		if (type === TextButton.Text)
			return Colors.palette.m3primary;
		return type === TextButton.Filled ? Colors.palette.m3onPrimary : Colors.palette.m3onSecondary;
	}
	horizontalPadding: Tokens.padding.small
	implicitHeight: row.implicitHeight + verticalPadding * 2
	implicitWidth: row.implicitWidth + horizontalPadding * 2
	inactiveColor: {
		if (!isToggle && type === TextButton.Filled)
			return Colors.palette.m3primary;
		return type === TextButton.Filled ? Colors.tPalette.m3surfaceContainer : Colors.palette.m3secondaryContainer;
	}
	inactiveOnColor: {
		if (!isToggle && type === TextButton.Filled)
			return Colors.palette.m3onPrimary;
		if (type === TextButton.Text)
			return Colors.palette.m3primary;
		return type === TextButton.Filled ? Colors.palette.m3onSurface : Colors.palette.m3onSecondaryContainer;
	}
	verticalPadding: Tokens.padding.extraSmall

	RowLayout {
		id: row

		anchors.centerIn: parent
		spacing: Tokens.spacing.small

		MaterialIcon {
			id: iconLabel

			Layout.alignment: Qt.AlignVCenter
			color: root.onColor
			fill: root.internalChecked ? 1 : 0
			font: {
				const f = Qt.font(root.font);
				f.pointSize = Math.round(root.font.pointSize * 1.2);
				f.family = "Material Symbols Rounded";
				return f;
			}

			Behavior on fill {
				Anim {
					type: Anim.DefaultEffects
				}
			}
		}

		CustomText {
			id: label

			Layout.alignment: Qt.AlignVCenter
			Layout.topMargin: -1
			color: root.onColor
			font: root.font
		}
	}
}