z-bar-qt/Modules/Launcher/CarouselView.qml

import Quickshell
import QtQuick
import ZShell.Components
import ZShell.Config
import qs.Modules.Launcher.Items
import qs.Components
import qs.Helpers

CarouselView {
	id: root

	required property var panels
	readonly property var screen: QsWindow.window?.screen
	required property SearchBar search
	readonly property var values: Wallpapers.query(root.search.text.split(" ").slice(1).join(" "))
	required property var visibilities

	// Forwarded verbatim as a property of the same name onto every delegate
	// instance (the delegate declares `required property PersistentProperties visibilities`).
	delegateProperties: ({
			visibilities: root.visibilities
		})
	focalWidth: Config.launcher.sizes.wallpaperWidth
	glideDuration: 250
	glideEasingType: Easing.OutCubic
	implicitHeight: tileHeight + Tokens.spacing.small / 2 + Tokens.padding.large + Tokens.padding.normal
	itemSpacing: Tokens.spacing.small
	maxWidth: {
		if (!screen)
			return 0;
		const barMargins = Config.bar.border * 2;
		let margins = 0;
		if (visibilities.utilities || visibilities.sidebar)
			margins = panels.utilities.implicitWidth;
		return screen.width - (barMargins + margins) * 2 - Config.bar.rounding * 4;
	}
	minEdgeWidth: 56
	model: values
	tileHeight: focalWidth / 16 * 9

	delegate: Component {
		WallpaperTile {
		}   // your existing delegate file, unchanged
	}

	Component.onCompleted: {
		const idx = Wallpapers.list.findIndex(w => w.path === Wallpapers.actualCurrent);
		if (idx >= 0)
			jumpToIndex(idx);
	}
	Component.onDestruction: Wallpapers.stopPreview()
	onPreviewIndexChanged: (realIndex, modelData) => {
		Wallpapers.preview(modelData.path);
	}
}