summaryrefslogtreecommitdiff
path: root/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml
diff options
context:
space:
mode:
Diffstat (limited to 'raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml')
-rw-r--r--raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml1981
1 files changed, 0 insertions, 1981 deletions
diff --git a/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml b/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml
deleted file mode 100644
index 3721e35..0000000
--- a/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml
+++ /dev/null
@@ -1,1981 +0,0 @@
-import QtQuick
-import QtQuick.Effects
-import Quickshell
-import Quickshell.Widgets
-import Quickshell.Hyprland
-import Quickshell.I3
-import qs.Common
-import qs.Services
-import qs.Widgets
-
-Item {
- id: root
-
- property bool isVertical: axis?.isVertical ?? false
- property var axis: null
- property string screenName: ""
- property real widgetHeight: 30
- property real barThickness: 48
- property var barConfig: null
- property var blurBarWindow: null
- property var hyprlandOverviewLoader: null
- property var parentScreen: null
-
- readonly property real _leftMargin: {
- if (isVertical)
- return 0;
- root.x;
- if (!root.parent)
- return 0;
- const gap = root.mapToItem(null, 0, 0).x;
- return (gap > 0 && gap < 30) ? gap + 5 : 0;
- }
- readonly property real _rightMargin: {
- if (isVertical)
- return 0;
- root.x;
- root.width;
- if (!root.parent || !blurBarWindow)
- return 0;
- const gap = blurBarWindow.width - root.mapToItem(null, root.width, 0).x;
- return (gap > 0 && gap < 30) ? gap + 5 : 0;
- }
- readonly property real _topMargin: {
- if (!isVertical)
- return 0;
- root.y;
- if (!root.parent)
- return 0;
- const gap = root.mapToItem(null, 0, 0).y;
- return (gap > 0 && gap < 30) ? gap + 5 : 0;
- }
- readonly property real _bottomMargin: {
- if (!isVertical)
- return 0;
- root.y;
- root.height;
- if (!root.parent || !blurBarWindow)
- return 0;
- const gap = blurBarWindow.height - root.mapToItem(null, 0, root.height).y;
- return (gap > 0 && gap < 30) ? gap + 5 : 0;
- }
-
- property int _desktopEntriesUpdateTrigger: 0
- readonly property var sortedToplevels: {
- return CompositorService.filterCurrentWorkspace(CompositorService.sortedToplevels, screenName);
- }
-
- readonly property string effectiveScreenName: {
- if (!SettingsData.workspaceFollowFocus)
- return root.screenName;
-
- switch (CompositorService.compositor) {
- case "niri":
- return NiriService.currentOutput || root.screenName;
- case "hyprland":
- return Hyprland.focusedWorkspace?.monitor?.name || root.screenName;
- case "dwl":
- return DwlService.activeOutput || root.screenName;
- case "sway":
- case "scroll":
- case "miracle":
- const focusedWs = I3.workspaces?.values?.find(ws => ws.focused === true);
- return focusedWs?.monitor?.name || root.screenName;
- default:
- return root.screenName;
- }
- }
-
- readonly property bool useExtWorkspace: DMSService.forceExtWorkspace || (!CompositorService.isNiri && !CompositorService.isHyprland && !CompositorService.isDwl && !CompositorService.isSway && !CompositorService.isScroll && !CompositorService.isMiracle && ExtWorkspaceService.extWorkspaceAvailable)
-
- Connections {
- target: DesktopEntries
- function onApplicationsChanged() {
- _desktopEntriesUpdateTrigger++;
- }
- }
-
- property var currentWorkspace: {
- if (useExtWorkspace)
- return getExtWorkspaceActiveWorkspace();
-
- switch (CompositorService.compositor) {
- case "niri":
- return getNiriActiveWorkspace();
- case "hyprland":
- return getHyprlandActiveWorkspace();
- case "dwl":
- const activeTags = getDwlActiveTags();
- return activeTags.length > 0 ? activeTags[0] : -1;
- case "sway":
- case "scroll":
- case "miracle":
- return getSwayActiveWorkspace();
- default:
- return 1;
- }
- }
- property var dwlActiveTags: {
- if (CompositorService.isDwl) {
- return getDwlActiveTags();
- }
- return [];
- }
- property var workspaceList: {
- if (useExtWorkspace) {
- const baseList = getExtWorkspaceWorkspaces();
- return SettingsData.showWorkspacePadding ? padWorkspaces(baseList) : baseList;
- }
-
- let baseList;
- switch (CompositorService.compositor) {
- case "niri":
- baseList = getNiriWorkspaces();
- break;
- case "hyprland":
- baseList = getHyprlandWorkspaces();
- break;
- case "dwl":
- baseList = getDwlTags();
- break;
- case "sway":
- case "scroll":
- case "miracle":
- baseList = getSwayWorkspaces();
- break;
- default:
- return [1];
- }
- return SettingsData.showWorkspacePadding ? padWorkspaces(baseList) : baseList;
- }
-
- function getSwayWorkspaces() {
- const workspaces = I3.workspaces?.values || [];
- if (workspaces.length === 0)
- return [
- {
- "num": 1
- }
- ];
-
- function mapWorkspace(ws) {
- return {
- "num": ws.number,
- "name": ws.name,
- "focused": ws.focused,
- "active": ws.active,
- "urgent": ws.urgent,
- "monitor": ws.monitor
- };
- }
-
- if (!root.screenName || SettingsData.workspaceFollowFocus) {
- return workspaces.slice().sort((a, b) => a.num - b.num).map(mapWorkspace);
- }
-
- const monitorWorkspaces = workspaces.filter(ws => ws.monitor?.name === root.screenName);
- return monitorWorkspaces.length > 0 ? monitorWorkspaces.sort((a, b) => a.num - b.num).map(mapWorkspace) : [
- {
- "num": 1
- }
- ];
- }
-
- function getSwayActiveWorkspace() {
- if (!root.screenName || SettingsData.workspaceFollowFocus) {
- const focusedWs = I3.workspaces?.values?.find(ws => ws.focused === true);
- return focusedWs ? focusedWs.num : 1;
- }
-
- const focusedWs = I3.workspaces?.values?.find(ws => ws.monitor?.name === root.screenName && ws.focused === true);
- return focusedWs ? focusedWs.num : 1;
- }
-
- function getHyprlandWorkspaces() {
- const workspaces = Hyprland.workspaces?.values || [];
- if (workspaces.length === 0) {
- return [
- {
- id: 1,
- name: "1"
- }
- ];
- }
-
- let filtered = workspaces.filter(ws => ws.id > -1);
- if (filtered.length === 0) {
- return [
- {
- id: 1,
- name: "1"
- }
- ];
- }
-
- if (!root.screenName || SettingsData.workspaceFollowFocus) {
- filtered = filtered.slice().sort((a, b) => a.id - b.id);
- } else {
- const monitorWorkspaces = filtered.filter(ws => ws.monitor?.name === root.screenName);
- filtered = monitorWorkspaces.length > 0 ? monitorWorkspaces.sort((a, b) => a.id - b.id) : [
- {
- id: 1,
- name: "1"
- }
- ];
- }
-
- if (!SettingsData.showOccupiedWorkspacesOnly) {
- return filtered;
- }
-
- const hyprlandToplevels = Array.from(Hyprland.toplevels?.values || []);
- const activeWsId = root.currentWorkspace;
- return filtered.filter(ws => {
- if (ws.id === activeWsId)
- return true;
- return hyprlandToplevels.some(tl => tl.workspace?.id === ws.id);
- });
- }
-
- function getHyprlandActiveWorkspace() {
- if (!root.screenName || SettingsData.workspaceFollowFocus) {
- return Hyprland.focusedWorkspace?.id || 1;
- }
-
- const monitor = Hyprland.monitors?.values?.find(m => m.name === root.screenName);
- return monitor?.activeWorkspace?.id || 1;
- }
-
- function getWorkspaceIcons(ws) {
- _desktopEntriesUpdateTrigger;
- if (!SettingsData.showWorkspaceApps || !ws) {
- return [];
- }
-
- let targetWorkspaceId;
- if (CompositorService.isNiri) {
- if (!ws || typeof ws !== "object") {
- const wsNumber = typeof ws === "number" ? ws : -1;
- if (wsNumber <= 0) {
- return [];
- }
- const workspace = NiriService.allWorkspaces.find(w => w.idx + 1 === wsNumber && w.output === root.effectiveScreenName);
- if (!workspace) {
- return [];
- }
- targetWorkspaceId = workspace.id;
- } else {
- if (ws.id === undefined || ws.id === -1 || ws.idx === -1) {
- return [];
- }
- targetWorkspaceId = ws.id;
- }
- } else if (CompositorService.isHyprland) {
- targetWorkspaceId = ws.id !== undefined ? ws.id : ws;
- } else if (CompositorService.isDwl) {
- if (typeof ws !== "object" || ws.tag === undefined) {
- return [];
- }
- targetWorkspaceId = ws.tag;
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- targetWorkspaceId = ws.num !== undefined ? ws.num : ws;
- } else {
- return [];
- }
-
- const wins = CompositorService.isNiri ? (NiriService.windows || []) : CompositorService.sortedToplevels;
-
- const byApp = {};
- let isActiveWs = false;
- if (CompositorService.isNiri) {
- isActiveWs = NiriService.allWorkspaces.some(ws => ws.id === targetWorkspaceId && ws.is_active);
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- const focusedWs = I3.workspaces?.values?.find(ws => ws.focused === true);
- isActiveWs = focusedWs ? (focusedWs.num === targetWorkspaceId) : false;
- } else if (CompositorService.isDwl) {
- const output = DwlService.getOutputState(root.effectiveScreenName);
- if (output && output.tags) {
- const tag = output.tags.find(t => t.tag === targetWorkspaceId);
- isActiveWs = tag ? (tag.state === 1) : false;
- }
- } else {
- isActiveWs = targetWorkspaceId === root.currentWorkspace;
- }
-
- wins.forEach((w, i) => {
- if (!w) {
- return;
- }
-
- let winWs = null;
- if (CompositorService.isNiri) {
- winWs = w.workspace_id;
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- winWs = w.workspace?.num;
- } else {
- const hyprlandToplevels = Array.from(Hyprland.toplevels?.values || []);
- const hyprToplevel = hyprlandToplevels.find(ht => ht.wayland === w);
- winWs = hyprToplevel?.workspace?.id;
- }
-
- if (winWs === undefined || winWs === null || winWs !== targetWorkspaceId) {
- return;
- }
-
- const keyBase = (w.app_id || w.appId || w.class || w.windowClass || "unknown");
- const moddedId = Paths.moddedAppId(keyBase);
- const key = isActiveWs || !SettingsData.groupWorkspaceApps ? `${moddedId}_${i}` : moddedId;
-
- if (!byApp[key]) {
- const isQuickshell = keyBase === "org.quickshell" || keyBase === "com.danklinux.dms";
- const isSteamApp = Paths.isSteamApp(moddedId);
- const desktopEntry = DesktopEntries.heuristicLookup(moddedId);
- const icon = Paths.getAppIcon(moddedId, desktopEntry);
- const appName = Paths.getAppName(moddedId, desktopEntry);
- byApp[key] = {
- "type": "icon",
- "icon": icon,
- "isQuickshell": isQuickshell,
- "isSteamApp": isSteamApp,
- "active": !!((w.activated || w.is_focused) || (CompositorService.isNiri && w.is_focused)),
- "count": 1,
- "windowId": w.address || w.id,
- "fallbackText": appName || ""
- };
- } else {
- byApp[key].count++;
- if ((w.activated || w.is_focused) || (CompositorService.isNiri && w.is_focused)) {
- byApp[key].active = true;
- }
- }
- });
-
- return Object.values(byApp);
- }
-
- function padWorkspaces(list) {
- const padded = list.slice();
- let placeholder;
- if (useExtWorkspace) {
- placeholder = {
- "id": "",
- "name": "",
- "active": false,
- "hidden": true
- };
- } else if (CompositorService.isNiri) {
- placeholder = {
- "id": -1,
- "idx": -1,
- "name": ""
- };
- } else if (CompositorService.isHyprland) {
- placeholder = {
- "id": -1,
- "name": ""
- };
- } else if (CompositorService.isDwl) {
- placeholder = {
- "tag": -1
- };
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- placeholder = {
- "num": -1
- };
- } else {
- placeholder = -1;
- }
- while (padded.length < 3) {
- padded.push(placeholder);
- }
- return padded;
- }
-
- function getNiriWorkspaces() {
- if (NiriService.allWorkspaces.length === 0) {
- return [
- {
- "id": 1,
- "idx": 0,
- "name": ""
- },
- {
- "id": 2,
- "idx": 1,
- "name": ""
- }
- ];
- }
-
- const fallbackWorkspaces = [
- {
- "id": 1,
- "idx": 0,
- "name": ""
- },
- {
- "id": 2,
- "idx": 1,
- "name": ""
- }
- ];
-
- let workspaces;
- if (!root.screenName || SettingsData.workspaceFollowFocus) {
- const currentWorkspaces = NiriService.getCurrentOutputWorkspaces();
- workspaces = currentWorkspaces.length > 0 ? currentWorkspaces : fallbackWorkspaces;
- } else {
- const displayWorkspaces = NiriService.allWorkspaces.filter(ws => ws.output === root.screenName);
- workspaces = displayWorkspaces.length > 0 ? displayWorkspaces : fallbackWorkspaces;
- }
-
- workspaces = workspaces.slice().sort((a, b) => a.idx - b.idx);
-
- if (!SettingsData.showOccupiedWorkspacesOnly) {
- return workspaces;
- }
-
- return workspaces.filter(ws => {
- if (ws.is_active)
- return true;
- return NiriService.windows?.some(win => win.workspace_id === ws.id) ?? false;
- });
- }
-
- function getNiriActiveWorkspace() {
- if (NiriService.allWorkspaces.length === 0) {
- return 1;
- }
-
- if (!root.screenName || SettingsData.workspaceFollowFocus) {
- return NiriService.getCurrentWorkspaceNumber();
- }
-
- const activeWs = NiriService.allWorkspaces.find(ws => ws.output === root.screenName && ws.is_active);
- return activeWs ? activeWs.idx : 1;
- }
-
- function getDwlTags() {
- if (!DwlService.dwlAvailable)
- return [];
-
- const targetScreen = root.effectiveScreenName;
- const output = DwlService.getOutputState(targetScreen);
- if (!output || !output.tags || output.tags.length === 0)
- return [];
-
- if (SettingsData.dwlShowAllTags) {
- return output.tags.map(tag => ({
- "tag": tag.tag,
- "state": tag.state,
- "clients": tag.clients,
- "focused": tag.focused
- }));
- }
-
- const visibleTagIndices = DwlService.getVisibleTags(targetScreen);
- return visibleTagIndices.map(tagIndex => {
- const tagData = output.tags.find(t => t.tag === tagIndex);
- return {
- "tag": tagIndex,
- "state": tagData?.state ?? 0,
- "clients": tagData?.clients ?? 0,
- "focused": tagData?.focused ?? false
- };
- });
- }
-
- function getDwlActiveTags() {
- if (!DwlService.dwlAvailable)
- return [];
-
- return DwlService.getActiveTags(root.effectiveScreenName);
- }
-
- function getExtWorkspaceWorkspaces() {
- const groups = ExtWorkspaceService.groups;
- if (!ExtWorkspaceService.extWorkspaceAvailable || groups.length === 0) {
- return [
- {
- "id": "1",
- "name": "1",
- "active": false
- }
- ];
- }
-
- const group = groups.find(g => g.outputs && g.outputs.includes(root.screenName));
- if (!group || !group.workspaces) {
- return [
- {
- "id": "1",
- "name": "1",
- "active": false
- }
- ];
- }
-
- let visible = group.workspaces.filter(ws => !ws.hidden);
-
- const hasValidCoordinates = visible.some(ws => ws.coordinates && ws.coordinates.length > 0);
- if (hasValidCoordinates) {
- visible = visible.sort((a, b) => {
- const coordsA = a.coordinates || [0, 0];
- const coordsB = b.coordinates || [0, 0];
- if (coordsA[0] !== coordsB[0])
- return coordsA[0] - coordsB[0];
- return coordsA[1] - coordsB[1];
- });
- }
-
- visible = visible.map(ws => ({
- id: ws.id,
- name: ws.name,
- coordinates: ws.coordinates,
- state: ws.state,
- active: ws.active,
- urgent: ws.urgent,
- hidden: ws.hidden,
- groupID: group.id
- }));
-
- return visible.length > 0 ? visible : [
- {
- "id": "1",
- "name": "1",
- "active": false
- }
- ];
- }
-
- function getExtWorkspaceActiveWorkspace() {
- if (!ExtWorkspaceService.extWorkspaceAvailable) {
- return 1;
- }
-
- const activeWs = ExtWorkspaceService.getActiveWorkspaceForOutput(root.screenName);
- return activeWs ? (activeWs.id || activeWs.name || "1") : "1";
- }
-
- readonly property real dpr: parentScreen ? CompositorService.getScreenScale(parentScreen) : 1
- readonly property real padding: (root.barConfig?.removeWidgetPadding ?? false) ? 0 : Theme.snap((root.barConfig?.widgetPadding ?? 12) * (widgetHeight / 30), dpr)
- readonly property real visualWidth: isVertical ? widgetHeight : (workspaceRow.implicitWidth + padding * 2)
- readonly property real visualHeight: isVertical ? (workspaceRow.implicitHeight + padding * 2) : widgetHeight
- readonly property real appIconSize: Theme.barIconSize(barThickness, -6 + SettingsData.workspaceAppIconSizeOffset, root.barConfig?.maximizeWidgetIcons, root.barConfig?.iconScale)
-
- function getRealWorkspaces() {
- return root.workspaceList.filter(ws => {
- if (useExtWorkspace)
- return ws && (ws.id !== "" || ws.name !== "") && !ws.hidden;
- if (CompositorService.isNiri)
- return ws && ws.idx !== -1;
- if (CompositorService.isHyprland)
- return ws && ws.id !== -1;
- if (CompositorService.isDwl)
- return ws && ws.tag !== -1;
- if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle)
- return ws && ws.num !== -1;
- return ws !== -1;
- });
- }
-
- function switchToWorkspaceByModelData(data) {
- if (!data)
- return;
-
- if (root.useExtWorkspace && (data.id || data.name)) {
- ExtWorkspaceService.activateWorkspace(data.id || data.name, data.groupID || "");
- return;
- }
-
- switch (CompositorService.compositor) {
- case "niri":
- if (data.idx !== undefined)
- NiriService.switchToWorkspace(data.idx);
- break;
- case "hyprland":
- if (data.id)
- Hyprland.dispatch(`workspace ${data.id}`);
- break;
- case "dwl":
- if (data.tag !== undefined)
- DwlService.switchToTag(root.screenName, data.tag);
- break;
- case "sway":
- case "scroll":
- case "miracle":
- if (data.num)
- try {
- I3.dispatch(`workspace number ${data.num}`);
- } catch (_) {}
- break;
- }
- }
-
- function findClosestWorkspaceIndex(localX, localY) {
- if (workspaceRepeater.count === 0)
- return -1;
-
- let closestIdx = -1;
- let closestDist = Infinity;
-
- for (let i = 0; i < workspaceRepeater.count; i++) {
- const item = workspaceRepeater.itemAt(i);
- if (!item)
- continue;
- const center = item.mapToItem(root, item.width / 2, item.height / 2);
- const dist = isVertical ? Math.abs(localY - center.y) : Math.abs(localX - center.x);
- if (dist < closestDist) {
- closestDist = dist;
- closestIdx = i;
- }
- }
- return closestIdx;
- }
-
- function switchWorkspace(direction) {
- if (useExtWorkspace) {
- const realWorkspaces = getRealWorkspaces();
- if (realWorkspaces.length < 2) {
- return;
- }
-
- const currentIndex = realWorkspaces.findIndex(ws => (ws.id || ws.name) === root.currentWorkspace);
- const validIndex = currentIndex === -1 ? 0 : currentIndex;
- const nextIndex = direction > 0 ? Math.min(validIndex + 1, realWorkspaces.length - 1) : Math.max(validIndex - 1, 0);
-
- if (nextIndex === validIndex) {
- return;
- }
-
- const nextWorkspace = realWorkspaces[nextIndex];
- ExtWorkspaceService.activateWorkspace(nextWorkspace.id || nextWorkspace.name, nextWorkspace.groupID || "");
- } else if (CompositorService.isNiri) {
- const realWorkspaces = getRealWorkspaces();
- if (realWorkspaces.length < 2) {
- return;
- }
-
- const currentIndex = realWorkspaces.findIndex(ws => ws && ws.idx === root.currentWorkspace);
- const validIndex = currentIndex === -1 ? 0 : currentIndex;
- const nextIndex = direction > 0 ? Math.min(validIndex + 1, realWorkspaces.length - 1) : Math.max(validIndex - 1, 0);
-
- if (nextIndex === validIndex) {
- return;
- }
-
- const nextWorkspace = realWorkspaces[nextIndex];
- if (!nextWorkspace || nextWorkspace.idx === undefined) {
- return;
- }
- NiriService.switchToWorkspace(nextWorkspace.idx);
- } else if (CompositorService.isHyprland) {
- const realWorkspaces = getRealWorkspaces();
- if (realWorkspaces.length < 2) {
- return;
- }
-
- const currentIndex = realWorkspaces.findIndex(ws => ws.id === root.currentWorkspace);
- const validIndex = currentIndex === -1 ? 0 : currentIndex;
- const nextIndex = direction > 0 ? Math.min(validIndex + 1, realWorkspaces.length - 1) : Math.max(validIndex - 1, 0);
-
- if (nextIndex === validIndex) {
- return;
- }
-
- Hyprland.dispatch(`workspace ${realWorkspaces[nextIndex].id}`);
- } else if (CompositorService.isDwl) {
- const realWorkspaces = getRealWorkspaces();
- if (realWorkspaces.length < 2) {
- return;
- }
-
- const currentIndex = realWorkspaces.findIndex(ws => ws.tag === root.currentWorkspace);
- const validIndex = currentIndex === -1 ? 0 : currentIndex;
- const nextIndex = direction > 0 ? Math.min(validIndex + 1, realWorkspaces.length - 1) : Math.max(validIndex - 1, 0);
-
- if (nextIndex === validIndex) {
- return;
- }
-
- DwlService.switchToTag(root.screenName, realWorkspaces[nextIndex].tag);
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- const realWorkspaces = getRealWorkspaces();
- if (realWorkspaces.length < 2) {
- return;
- }
-
- const currentIndex = realWorkspaces.findIndex(ws => ws.num === root.currentWorkspace);
- const validIndex = currentIndex === -1 ? 0 : currentIndex;
- const nextIndex = direction > 0 ? Math.min(validIndex + 1, realWorkspaces.length - 1) : Math.max(validIndex - 1, 0);
-
- if (nextIndex === validIndex) {
- return;
- }
-
- try {
- I3.dispatch(`workspace number ${realWorkspaces[nextIndex].num}`);
- } catch (_) {}
- }
- }
-
- function getWorkspaceIndexFallback(modelData, index) {
- if (root.useExtWorkspace)
- return index + 1;
- if (CompositorService.isNiri)
- return (modelData?.idx !== undefined && modelData?.idx !== -1) ? modelData.idx : "";
- if (CompositorService.isHyprland)
- return modelData?.id || "";
- if (CompositorService.isDwl)
- return (modelData?.tag !== undefined) ? (modelData.tag + 1) : "";
- if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle)
- return modelData?.num || "";
- return modelData - 1;
- }
-
- function getWorkspaceIndex(modelData, index) {
- let isPlaceholder;
- if (root.useExtWorkspace) {
- isPlaceholder = modelData?.hidden === true;
- } else if (CompositorService.isNiri) {
- isPlaceholder = modelData?.idx === -1;
- } else if (CompositorService.isHyprland) {
- isPlaceholder = modelData?.id === -1;
- } else if (CompositorService.isDwl) {
- isPlaceholder = modelData?.tag === -1;
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- isPlaceholder = modelData?.num === -1;
- } else {
- isPlaceholder = modelData === -1;
- }
-
- if (isPlaceholder)
- return index + 1;
-
- let workspaceName = "";
- if (SettingsData.showWorkspaceName) {
- workspaceName = modelData?.name ?? "";
-
- if (workspaceName && workspaceName !== "") {
- if (root.isVertical) {
- workspaceName = workspaceName.charAt(0);
- }
- } else {
- workspaceName = "";
- }
- }
-
- if (workspaceName) {
- if (SettingsData.showWorkspaceIndex) {
- const indexLabel = getWorkspaceIndexFallback(modelData, index);
- return indexLabel ? `${indexLabel}: ${workspaceName}` : workspaceName;
- }
- return workspaceName;
- }
-
- return getWorkspaceIndexFallback(modelData, index);
- }
-
- readonly property bool hasNativeWorkspaceSupport: CompositorService.isNiri || CompositorService.isHyprland || CompositorService.isDwl || CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle
- readonly property bool hasWorkspaces: getRealWorkspaces().length > 0
- readonly property bool shouldShow: hasNativeWorkspaceSupport || (useExtWorkspace && hasWorkspaces)
-
- width: shouldShow ? (isVertical ? barThickness : visualWidth) : 0
- height: shouldShow ? (isVertical ? visualHeight : barThickness) : 0
- visible: shouldShow
-
- Item {
- id: visualBackground
- width: root.visualWidth
- height: root.visualHeight
- anchors.centerIn: parent
-
- Rectangle {
- id: outline
- anchors.centerIn: parent
- width: {
- const borderWidth = (barConfig?.widgetOutlineEnabled ?? false) ? (barConfig?.widgetOutlineThickness ?? 1) : 0;
- return parent.width + borderWidth * 2;
- }
- height: {
- const borderWidth = (barConfig?.widgetOutlineEnabled ?? false) ? (barConfig?.widgetOutlineThickness ?? 1) : 0;
- return parent.height + borderWidth * 2;
- }
- radius: (barConfig?.noBackground ?? false) ? 0 : Theme.cornerRadius
- color: "transparent"
- border.width: {
- if (barConfig?.widgetOutlineEnabled ?? false) {
- return barConfig?.widgetOutlineThickness ?? 1;
- }
- return 0;
- }
- border.color: {
- if (!(barConfig?.widgetOutlineEnabled ?? false)) {
- return "transparent";
- }
- const colorOption = barConfig?.widgetOutlineColor || "primary";
- const opacity = barConfig?.widgetOutlineOpacity ?? 1.0;
- switch (colorOption) {
- case "surfaceText":
- return Theme.withAlpha(Theme.surfaceText, opacity);
- case "secondary":
- return Theme.withAlpha(Theme.secondary, opacity);
- case "primary":
- return Theme.withAlpha(Theme.primary, opacity);
- default:
- return Theme.withAlpha(Theme.primary, opacity);
- }
- }
- }
-
- Rectangle {
- id: background
- anchors.fill: parent
- radius: (barConfig?.noBackground ?? false) ? 0 : Theme.cornerRadius
- color: {
- if ((barConfig?.noBackground ?? false))
- return "transparent";
- const baseColor = Theme.widgetBaseBackgroundColor;
- const transparency = (root.barConfig && root.barConfig.widgetTransparency !== undefined) ? root.barConfig.widgetTransparency : 1.0;
- if (Theme.widgetBackgroundHasAlpha) {
- return Qt.rgba(baseColor.r, baseColor.g, baseColor.b, baseColor.a * transparency);
- }
- return Theme.withAlpha(baseColor, transparency);
- }
- }
- }
-
- MouseArea {
- id: edgeMouseArea
- z: -1
- x: -root._leftMargin
- y: -root._topMargin
- width: root.width + root._leftMargin + root._rightMargin
- height: root.height + root._topMargin + root._bottomMargin
- acceptedButtons: Qt.LeftButton | Qt.RightButton
- hoverEnabled: true
- cursorShape: Qt.PointingHandCursor
-
- property real touchpadAccumulator: 0
- property real mouseAccumulator: 0
- property bool scrollInProgress: false
-
- Timer {
- id: scrollCooldown
- interval: 100
- onTriggered: parent.scrollInProgress = false
- }
-
- onClicked: mouse => {
- const rootPos = edgeMouseArea.mapToItem(root, mouse.x, mouse.y);
- switch (mouse.button) {
- case Qt.RightButton:
- if (CompositorService.isNiri) {
- NiriService.toggleOverview();
- } else if (CompositorService.isHyprland && root.hyprlandOverviewLoader?.item) {
- root.hyprlandOverviewLoader.item.overviewOpen = !root.hyprlandOverviewLoader.item.overviewOpen;
- }
- break;
- case Qt.LeftButton:
- const idx = root.findClosestWorkspaceIndex(rootPos.x, rootPos.y);
- if (idx >= 0)
- root.switchToWorkspaceByModelData(root.workspaceList[idx]);
- break;
- }
- }
-
- onWheel: wheel => {
- if (Math.abs(wheel.angleDelta.x) > Math.abs(wheel.angleDelta.y)) {
- wheel.accepted = false;
- return;
- }
-
- if (scrollInProgress)
- return;
-
- const delta = wheel.angleDelta.y;
- const isTouchpad = wheel.pixelDelta && wheel.pixelDelta.y !== 0;
- const reverse = SettingsData.reverseScrolling ? -1 : 1;
-
- if (isTouchpad) {
- touchpadAccumulator += delta;
- if (Math.abs(touchpadAccumulator) < 500)
- return;
- const direction = touchpadAccumulator * reverse < 0 ? 1 : -1;
- root.switchWorkspace(direction);
- scrollInProgress = true;
- scrollCooldown.restart();
- touchpadAccumulator = 0;
- return;
- }
-
- mouseAccumulator += delta;
- if (Math.abs(mouseAccumulator) < 120)
- return;
- const direction = mouseAccumulator * reverse < 0 ? 1 : -1;
- root.switchWorkspace(direction);
- scrollInProgress = true;
- scrollCooldown.restart();
- mouseAccumulator = 0;
- }
- }
-
- property int dragSourceIndex: -1
- property int dragTargetIndex: -1
- property bool suppressShiftAnimation: false
-
- onWorkspaceListChanged: {
- if (dragSourceIndex >= 0) {
- dragSourceIndex = -1;
- dragTargetIndex = -1;
- suppressShiftAnimation = false;
- }
- }
-
- Flow {
- id: workspaceRow
-
- x: isVertical ? visualBackground.x : (parent.width - implicitWidth) / 2
- y: isVertical ? (parent.height - implicitHeight) / 2 : visualBackground.y
- spacing: Theme.spacingS
- flow: isVertical ? Flow.TopToBottom : Flow.LeftToRight
-
- Repeater {
- id: workspaceRepeater
- model: ScriptModel {
- values: root.workspaceList
- }
-
- Item {
- id: delegateRoot
-
- property bool isDropTarget: root.dragTargetIndex === index
-
- z: dragHandler.dragging ? 1000 : 1
-
- property real shiftOffset: {
- if (root.dragSourceIndex < 0 || index === root.dragSourceIndex)
- return 0;
- const dragIdx = root.dragSourceIndex;
- const dropIdx = root.dragTargetIndex;
- if (dropIdx < 0)
- return 0;
- const shiftAmount = delegateRoot.width + Theme.spacingS;
- if (dragIdx < dropIdx && index > dragIdx && index <= dropIdx)
- return -shiftAmount;
- if (dragIdx > dropIdx && index >= dropIdx && index < dragIdx)
- return shiftAmount;
- return 0;
- }
-
- transform: Translate {
- x: root.isVertical ? 0 : delegateRoot.shiftOffset
- y: root.isVertical ? delegateRoot.shiftOffset : 0
- Behavior on x {
- enabled: !root.suppressShiftAnimation
- NumberAnimation {
- duration: 150
- easing.type: Easing.OutCubic
- }
- }
- Behavior on y {
- enabled: !root.suppressShiftAnimation
- NumberAnimation {
- duration: 150
- easing.type: Easing.OutCubic
- }
- }
- }
-
- property bool isActive: {
- if (root.useExtWorkspace)
- return (modelData?.id || modelData?.name) === root.currentWorkspace;
- if (CompositorService.isNiri)
- return !!(modelData && modelData.idx === root.currentWorkspace);
- if (CompositorService.isHyprland)
- return !!(modelData && modelData.id === root.currentWorkspace);
- if (CompositorService.isDwl)
- return !!(modelData && root.dwlActiveTags.includes(modelData.tag));
- if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle)
- return !!(modelData && modelData.num === root.currentWorkspace);
- return modelData === root.currentWorkspace;
- }
- property bool isOccupied: {
- if (CompositorService.isHyprland)
- return Array.from(Hyprland.toplevels?.values || []).some(tl => tl.workspace?.id === modelData?.id);
- if (CompositorService.isDwl)
- return modelData.clients > 0;
- if (CompositorService.isNiri) {
- const workspace = NiriService.allWorkspaces.find(ws => ws.idx + 1 === modelData && ws.output === root.effectiveScreenName);
- return workspace ? (NiriService.windows?.some(win => win.workspace_id === workspace.id) ?? false) : false;
- }
- return false;
- }
- property bool isPlaceholder: {
- if (root.useExtWorkspace)
- return !!(modelData && modelData.hidden);
- if (CompositorService.isNiri)
- return !!(modelData && modelData.idx === -1);
- if (CompositorService.isHyprland)
- return !!(modelData && modelData.id === -1);
- if (CompositorService.isDwl)
- return !!(modelData && modelData.tag === -1);
- if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle)
- return !!(modelData && modelData.num === -1);
- return modelData === -1;
- }
- property bool isHovered: mouseArea.containsMouse
-
- property var loadedWorkspaceData: null
- property bool loadedIsUrgent: false
- property bool isUrgent: {
- if (root.useExtWorkspace)
- return modelData?.urgent ?? false;
- if (CompositorService.isHyprland)
- return modelData?.urgent ?? false;
- if (CompositorService.isNiri)
- return loadedIsUrgent;
- if (CompositorService.isDwl)
- return modelData?.state === 2;
- if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle)
- return loadedIsUrgent;
- return false;
- }
- readonly property var loadedIconData: {
- if (isPlaceholder)
- return null;
- const name = modelData?.name;
- if (!name)
- return null;
- return SettingsData.getWorkspaceNameIcon(name);
- }
- readonly property bool loadedHasIcon: loadedIconData !== null
- property var loadedIcons: []
-
- readonly property int stableIconCount: {
- if (!SettingsData.showWorkspaceApps || isPlaceholder)
- return 0;
-
- let targetWorkspaceId;
- if (root.useExtWorkspace) {
- targetWorkspaceId = modelData?.id || modelData?.name;
- } else if (CompositorService.isNiri) {
- targetWorkspaceId = modelData?.id;
- } else if (CompositorService.isHyprland) {
- targetWorkspaceId = modelData?.id;
- } else if (CompositorService.isDwl) {
- targetWorkspaceId = modelData?.tag;
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- targetWorkspaceId = modelData?.num;
- }
- if (targetWorkspaceId === undefined || targetWorkspaceId === null)
- return 0;
-
- const wins = CompositorService.isNiri ? (NiriService.windows || []) : CompositorService.sortedToplevels;
- const seen = {};
- let groupedCount = 0;
- let totalCount = 0;
-
- for (let i = 0; i < wins.length; i++) {
- const w = wins[i];
- if (!w)
- continue;
-
- let winWs = null;
- if (CompositorService.isNiri) {
- winWs = w.workspace_id;
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- winWs = w.workspace?.num;
- } else if (CompositorService.isHyprland) {
- const hyprlandToplevels = Array.from(Hyprland.toplevels?.values || []);
- const hyprToplevel = hyprlandToplevels.find(ht => ht.wayland === w);
- winWs = hyprToplevel?.workspace?.id;
- }
-
- if (winWs !== targetWorkspaceId)
- continue;
- totalCount++;
-
- const appKey = w.app_id || w.appId || w.class || w.windowClass || "unknown";
- if (!seen[appKey]) {
- seen[appKey] = true;
- groupedCount++;
- }
- }
-
- return (SettingsData.groupWorkspaceApps && !isActive) ? groupedCount : totalCount;
- }
-
- readonly property real baseWidth: root.isVertical ? (SettingsData.showWorkspaceApps ? Math.max(widgetHeight * 0.7, root.appIconSize + Theme.spacingXS * 2) : widgetHeight * 0.5) : (isActive ? Math.max(root.widgetHeight * 1.05, root.appIconSize * 1.6) : Math.max(root.widgetHeight * 0.7, root.appIconSize * 1.2))
- readonly property real baseHeight: root.isVertical ? (isActive ? Math.max(root.widgetHeight * 1.05, root.appIconSize * 1.6) : Math.max(root.widgetHeight * 0.7, root.appIconSize * 1.2)) : (SettingsData.showWorkspaceApps ? Math.max(widgetHeight * 0.7, root.appIconSize + Theme.spacingXS * 2) : widgetHeight * 0.5)
- readonly property bool hasWorkspaceName: SettingsData.showWorkspaceName && modelData?.name && modelData.name !== ""
- readonly property bool workspaceNamesEnabled: SettingsData.showWorkspaceName && (CompositorService.isNiri || CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle)
- readonly property real contentImplicitWidth: appIconsLoader.item?.contentWidth ?? 0
- readonly property real contentImplicitHeight: appIconsLoader.item?.contentHeight ?? 0
-
- readonly property real iconsExtraWidth: {
- if (!root.isVertical && SettingsData.showWorkspaceApps && stableIconCount > 0) {
- const numIcons = Math.min(stableIconCount, SettingsData.maxWorkspaceIcons);
- return numIcons * root.appIconSize + (numIcons > 0 ? (numIcons - 1) * Theme.spacingXS : 0) + (isActive ? Theme.spacingXS : 0);
- }
- return 0;
- }
- readonly property real iconsExtraHeight: {
- if (root.isVertical && SettingsData.showWorkspaceApps && stableIconCount > 0) {
- const numIcons = Math.min(stableIconCount, SettingsData.maxWorkspaceIcons);
- return numIcons * root.appIconSize + (numIcons > 0 ? (numIcons - 1) * Theme.spacingXS : 0) + (isActive ? Theme.spacingXS : 0);
- }
- return 0;
- }
-
- readonly property real visualWidth: {
- if (contentImplicitWidth <= 0)
- return baseWidth + iconsExtraWidth;
- const padding = root.isVertical ? Theme.spacingXS : Theme.spacingS;
- return Math.max(baseWidth + iconsExtraWidth, contentImplicitWidth + padding);
- }
- readonly property real visualHeight: {
- if (contentImplicitHeight <= 0)
- return baseHeight + iconsExtraHeight;
- const padding = root.isVertical ? Theme.spacingS : Theme.spacingXS;
- return Math.max(baseHeight + iconsExtraHeight, contentImplicitHeight + padding);
- }
-
- readonly property color unfocusedColor: {
- switch (SettingsData.workspaceUnfocusedColorMode) {
- case "s":
- return Theme.surface;
- case "sc":
- return Theme.surfaceContainer;
- case "sch":
- return Theme.surfaceContainerHigh;
- default:
- return Theme.surfaceTextAlpha;
- }
- }
-
- readonly property color activeColor: {
- switch (SettingsData.workspaceColorMode) {
- case "s":
- return Theme.surface;
- case "sc":
- return Theme.surfaceContainer;
- case "sch":
- return Theme.surfaceContainerHigh;
- case "none":
- return unfocusedColor;
- default:
- return Theme.primary;
- }
- }
-
- readonly property color occupiedColor: {
- switch (SettingsData.workspaceOccupiedColorMode) {
- case "sec":
- return Theme.secondary;
- case "s":
- return Theme.surface;
- case "sc":
- return Theme.surfaceContainer;
- case "sch":
- return Theme.surfaceContainerHigh;
- case "schh":
- return Theme.surfaceContainerHighest;
- default:
- return unfocusedColor;
- }
- }
-
- readonly property color urgentColor: {
- switch (SettingsData.workspaceUrgentColorMode) {
- case "primary":
- return Theme.primary;
- case "secondary":
- return Theme.secondary;
- case "s":
- return Theme.surface;
- case "sc":
- return Theme.surfaceContainer;
- default:
- return Theme.error;
- }
- }
-
- readonly property color focusedBorderColor: {
- switch (SettingsData.workspaceFocusedBorderColor) {
- case "surfaceText":
- return Theme.surfaceText;
- case "secondary":
- return Theme.secondary;
- default:
- return Theme.primary;
- }
- }
-
- function getContrastingIconColor(bgColor) {
- const luminance = 0.299 * bgColor.r + 0.587 * bgColor.g + 0.114 * bgColor.b;
- return luminance > 0.4 ? Qt.rgba(0.15, 0.15, 0.15, 1) : Qt.rgba(0.8, 0.8, 0.8, 1);
- }
-
- readonly property color quickshellIconActiveColor: getContrastingIconColor(activeColor)
- readonly property color quickshellIconInactiveColor: getContrastingIconColor(unfocusedColor)
-
- Item {
- id: dragHandler
- anchors.fill: parent
- property bool dragging: false
- property point dragStartPos: Qt.point(0, 0)
- property real dragAxisOffset: 0
-
- Connections {
- target: root
- function onWorkspaceListChanged() {
- if (dragHandler.dragging) {
- dragHandler.dragging = false;
- dragHandler.dragAxisOffset = 0;
- mouseArea.mousePressed = false;
- }
- }
- }
- }
-
- MouseArea {
- id: mouseArea
- anchors.fill: parent
- hoverEnabled: !isPlaceholder
- cursorShape: isPlaceholder ? Qt.ArrowCursor : (dragHandler.dragging ? Qt.ClosedHandCursor : Qt.PointingHandCursor)
- enabled: !isPlaceholder
- acceptedButtons: Qt.LeftButton | Qt.RightButton
-
- property bool mousePressed: false
-
- onPressed: mouse => {
- if (mouse.button === Qt.LeftButton && CompositorService.isNiri && SettingsData.workspaceDragReorder && !isPlaceholder) {
- mousePressed = true;
- dragHandler.dragStartPos = Qt.point(mouse.x, mouse.y);
- }
- }
-
- onPositionChanged: mouse => {
- if (!mousePressed || !CompositorService.isNiri || !SettingsData.workspaceDragReorder || isPlaceholder)
- return;
-
- if (!dragHandler.dragging) {
- const distance = root.isVertical ? Math.abs(mouse.y - dragHandler.dragStartPos.y) : Math.abs(mouse.x - dragHandler.dragStartPos.x);
- if (distance > 5) {
- dragHandler.dragging = true;
- root.dragSourceIndex = index;
- root.dragTargetIndex = index;
- }
- }
-
- if (!dragHandler.dragging)
- return;
-
- const rawAxisOffset = root.isVertical ? (mouse.y - dragHandler.dragStartPos.y) : (mouse.x - dragHandler.dragStartPos.x);
-
- const itemSize = (root.isVertical ? delegateRoot.height : delegateRoot.width) + Theme.spacingS;
- const maxOffsetPositive = (root.workspaceList.length - 1 - index) * itemSize;
- const maxOffsetNegative = -index * itemSize;
- const axisOffset = Math.max(maxOffsetNegative, Math.min(maxOffsetPositive, rawAxisOffset));
- dragHandler.dragAxisOffset = axisOffset;
-
- const slotOffset = Math.round(axisOffset / itemSize);
- const newTargetIndex = Math.max(0, Math.min(root.workspaceList.length - 1, index + slotOffset));
-
- if (newTargetIndex !== root.dragTargetIndex) {
- root.dragTargetIndex = newTargetIndex;
- }
- }
-
- onReleased: mouse => {
- const wasDragging = dragHandler.dragging;
- const didReorder = wasDragging && root.dragTargetIndex >= 0 && root.dragTargetIndex !== root.dragSourceIndex;
-
- if (didReorder) {
- const sourceWs = root.workspaceList[root.dragSourceIndex];
- const targetWs = root.workspaceList[root.dragTargetIndex];
-
- if (sourceWs && targetWs && sourceWs.idx !== undefined && targetWs.idx !== undefined) {
- root.suppressShiftAnimation = true;
- NiriService.moveWorkspaceToIndex(sourceWs.idx, targetWs.idx);
- Qt.callLater(() => root.suppressShiftAnimation = false);
- }
- }
-
- mousePressed = false;
- dragHandler.dragging = false;
- dragHandler.dragAxisOffset = 0;
- root.dragSourceIndex = -1;
- root.dragTargetIndex = -1;
-
- if (wasDragging || isPlaceholder)
- return;
-
- if (mouse.button === Qt.LeftButton) {
- if (root.useExtWorkspace && (modelData?.id || modelData?.name)) {
- ExtWorkspaceService.activateWorkspace(modelData.id || modelData.name, modelData.groupID || "");
- } else if (CompositorService.isNiri) {
- if (modelData && modelData.idx !== undefined) {
- NiriService.switchToWorkspace(modelData.idx);
- }
- } else if (CompositorService.isHyprland && modelData?.id) {
- Hyprland.dispatch(`workspace ${modelData.id}`);
- } else if (CompositorService.isDwl && modelData?.tag !== undefined) {
- DwlService.switchToTag(root.screenName, modelData.tag);
- } else if ((CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) && modelData?.num) {
- try {
- I3.dispatch(`workspace number ${modelData.num}`);
- } catch (_) {}
- }
- } else if (mouse.button === Qt.RightButton) {
- if (CompositorService.isNiri) {
- NiriService.toggleOverview();
- } else if (CompositorService.isHyprland && root.hyprlandOverviewLoader?.item) {
- root.hyprlandOverviewLoader.item.overviewOpen = !root.hyprlandOverviewLoader.item.overviewOpen;
- } else if (CompositorService.isDwl && modelData?.tag !== undefined) {
- DwlService.toggleTag(root.screenName, modelData.tag);
- }
- }
- }
- }
-
- Timer {
- id: dataUpdateTimer
- interval: 50
- onTriggered: {
- if (isPlaceholder) {
- delegateRoot.loadedWorkspaceData = null;
- delegateRoot.loadedIcons = [];
- delegateRoot.loadedIsUrgent = false;
- return;
- }
-
- var wsData = null;
- if (root.useExtWorkspace) {
- wsData = modelData;
- } else if (CompositorService.isNiri) {
- wsData = modelData || null;
- } else if (CompositorService.isHyprland) {
- wsData = modelData;
- } else if (CompositorService.isDwl) {
- wsData = modelData;
- } else if (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- wsData = modelData;
- }
- delegateRoot.loadedWorkspaceData = wsData;
- if (CompositorService.isNiri) {
- const workspaceId = wsData?.id;
- delegateRoot.loadedIsUrgent = workspaceId ? NiriService.windows.some(w => w.workspace_id === workspaceId && w.is_urgent) : false;
- } else {
- delegateRoot.loadedIsUrgent = wsData?.urgent ?? false;
- }
-
- if (SettingsData.showWorkspaceApps) {
- if (CompositorService.isDwl || CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle) {
- delegateRoot.loadedIcons = root.getWorkspaceIcons(modelData);
- } else if (CompositorService.isNiri) {
- delegateRoot.loadedIcons = root.getWorkspaceIcons(isPlaceholder ? null : modelData);
- } else {
- delegateRoot.loadedIcons = root.getWorkspaceIcons(CompositorService.isHyprland ? modelData : (modelData === -1 ? null : modelData));
- }
- } else {
- delegateRoot.loadedIcons = [];
- }
- }
- }
-
- function updateAllData() {
- dataUpdateTimer.restart();
- }
-
- width: root.isVertical ? root.widgetHeight : visualWidth
- height: root.isVertical ? visualHeight : root.widgetHeight
-
- Behavior on width {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on height {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Rectangle {
- id: focusedBorderRing
- x: root.isVertical ? (root.widgetHeight - width) / 2 : (parent.width - width) / 2
- y: root.isVertical ? (parent.height - height) / 2 : (root.widgetHeight - height) / 2
- width: {
- const borderWidth = (SettingsData.workspaceFocusedBorderEnabled && isActive && !isPlaceholder) ? SettingsData.workspaceFocusedBorderThickness : 0;
- return delegateRoot.visualWidth + borderWidth * 2;
- }
- height: {
- const borderWidth = (SettingsData.workspaceFocusedBorderEnabled && isActive && !isPlaceholder) ? SettingsData.workspaceFocusedBorderThickness : 0;
- return delegateRoot.visualHeight + borderWidth * 2;
- }
- radius: Theme.cornerRadius
- color: "transparent"
- border.width: (SettingsData.workspaceFocusedBorderEnabled && isActive && !isPlaceholder) ? SettingsData.workspaceFocusedBorderThickness : 0
- border.color: (SettingsData.workspaceFocusedBorderEnabled && isActive && !isPlaceholder) ? focusedBorderColor : "transparent"
-
- Behavior on width {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on height {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on border.width {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on border.color {
- ColorAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
- }
-
- Rectangle {
- id: visualContent
- width: delegateRoot.visualWidth
- height: delegateRoot.visualHeight
- x: root.isVertical ? (root.widgetHeight - width) / 2 : (parent.width - width) / 2
- y: root.isVertical ? (parent.height - height) / 2 : (root.widgetHeight - height) / 2
- radius: Theme.cornerRadius
- color: isActive ? activeColor : isUrgent ? urgentColor : isPlaceholder ? Theme.surfaceTextLight : isHovered ? Theme.withAlpha(unfocusedColor, 0.7) : isOccupied ? occupiedColor : unfocusedColor
- opacity: dragHandler.dragging ? 0.8 : 1.0
-
- border.width: dragHandler.dragging ? 2 : (isUrgent ? 2 : (isDropTarget ? 2 : 0))
- border.color: dragHandler.dragging ? Theme.primary : (isUrgent ? urgentColor : (isDropTarget ? Theme.primary : "transparent"))
-
- transform: Translate {
- x: root.isVertical ? 0 : (dragHandler.dragging ? dragHandler.dragAxisOffset : 0)
- y: root.isVertical ? (dragHandler.dragging ? dragHandler.dragAxisOffset : 0) : 0
- }
-
- Behavior on opacity {
- NumberAnimation {
- duration: Theme.shortDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on width {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on height {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on color {
- ColorAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on border.width {
- NumberAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Behavior on border.color {
- ColorAnimation {
- duration: Theme.mediumDuration
- easing.type: Theme.emphasizedEasing
- }
- }
-
- Loader {
- id: appIconsLoader
- anchors.fill: parent
- active: SettingsData.showWorkspaceApps || SettingsData.showWorkspaceIndex || SettingsData.showWorkspaceName || loadedHasIcon
- sourceComponent: Item {
- id: contentRoot
- readonly property real contentWidth: contentRow.item?.implicitWidth ?? 0
- readonly property real contentHeight: contentRow.item?.implicitHeight ?? 0
-
- Loader {
- id: contentRow
- anchors.centerIn: parent
- sourceComponent: root.isVertical ? columnLayout : rowLayout
- }
-
- Component {
- id: rowLayout
- Row {
- spacing: 4
- visible: loadedIcons.length > 0 || SettingsData.showWorkspaceIndex || SettingsData.showWorkspaceName || loadedHasIcon
-
- Item {
- visible: loadedHasIcon && loadedIconData?.type === "icon"
- width: wsIcon.width
- height: root.appIconSize
-
- DankIcon {
- id: wsIcon
- anchors.verticalCenter: parent.verticalCenter
- name: loadedIconData?.value ?? ""
- size: Theme.barTextSize(barThickness, barConfig?.fontScale, barConfig?.maximizeWidgetText)
- color: (isActive || isUrgent) ? Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) : isPlaceholder ? Theme.surfaceTextAlpha : Theme.surfaceTextMedium
- weight: (isActive && !isPlaceholder) ? 500 : 400
- }
- }
-
- Item {
- visible: loadedHasIcon && loadedIconData?.type === "text"
- width: wsText.implicitWidth
- height: root.appIconSize
-
- StyledText {
- id: wsText
- anchors.verticalCenter: parent.verticalCenter
- text: loadedIconData?.value ?? ""
- color: (isActive || isUrgent) ? Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) : isPlaceholder ? Theme.surfaceTextAlpha : Theme.surfaceTextMedium
- font.pixelSize: Theme.barTextSize(barThickness, barConfig?.fontScale, barConfig?.maximizeWidgetText)
- font.weight: (isActive && !isPlaceholder) ? Font.DemiBold : Font.Normal
- }
- }
-
- Item {
- visible: ((SettingsData.showWorkspaceIndex || SettingsData.showWorkspaceName) && !loadedHasIcon) || (loadedHasIcon && SettingsData.showWorkspaceName && hasWorkspaceName)
- width: wsIndexText.implicitWidth
- height: root.appIconSize
-
- StyledText {
- id: wsIndexText
- anchors.verticalCenter: parent.verticalCenter
- text: loadedHasIcon ? (modelData?.name ?? "") : root.getWorkspaceIndex(modelData, index)
- color: (isActive || isUrgent) ? Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) : isPlaceholder ? Theme.surfaceTextAlpha : Theme.surfaceTextMedium
- font.pixelSize: Theme.barTextSize(barThickness, barConfig?.fontScale, barConfig?.maximizeWidgetText)
- font.weight: (isActive && !isPlaceholder) ? Font.DemiBold : Font.Normal
- }
- }
-
- Repeater {
- model: ScriptModel {
- values: loadedIcons.slice(0, SettingsData.maxWorkspaceIcons)
- }
- delegate: Item {
- width: root.appIconSize
- height: root.appIconSize
- readonly property bool appHighlightActive: SettingsData.workspaceActiveAppHighlightEnabled && modelData.active
- readonly property color appBorderColor: appHighlightActive ? focusedBorderColor : Theme.primarySelected
- readonly property color appGlyphColor: appHighlightActive ? focusedBorderColor : Theme.primary
- readonly property real appOpacity: modelData.active ? 1.0 : rowAppMouseArea.containsMouse ? 0.8 : 0.6
-
- IconImage {
- id: rowAppIcon
- anchors.fill: parent
- source: modelData.icon || ""
- opacity: modelData.active ? 1.0 : rowAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: !modelData.isQuickshell && !modelData.isSteamApp && status === Image.Ready
- }
-
- Rectangle {
- anchors.fill: parent
- visible: !modelData.isQuickshell && !modelData.isSteamApp && rowAppIcon.status !== Image.Ready
- color: Theme.surfaceContainer
- radius: Theme.cornerRadius * (root.appIconSize / 40)
- border.width: 1
- border.color: appBorderColor
- opacity: appOpacity
-
- StyledText {
- anchors.centerIn: parent
- text: (modelData.fallbackText || "?").charAt(0).toUpperCase()
- font.pixelSize: parent.width * 0.45
- color: appGlyphColor
- font.weight: Font.Bold
- }
- }
-
- Rectangle {
- anchors.fill: parent
- visible: !modelData.isQuickshell && modelData.isSteamApp && rowSteamIcon.status !== Image.Ready
- color: Theme.surfaceContainer
- radius: Theme.cornerRadius * (root.appIconSize / 40)
- border.width: 1
- border.color: appBorderColor
- opacity: appOpacity
-
- DankIcon {
- anchors.centerIn: parent
- size: parent.width * 0.7
- name: "sports_esports"
- color: appGlyphColor
- }
- }
-
- IconImage {
- anchors.fill: parent
- source: modelData.icon
- opacity: modelData.active ? 1.0 : rowAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: modelData.isQuickshell
- layer.enabled: true
- layer.effect: MultiEffect {
- saturation: 0
- colorization: 1
- colorizationColor: appHighlightActive ? focusedBorderColor : (isActive ? quickshellIconActiveColor : quickshellIconInactiveColor)
- }
- }
-
- IconImage {
- id: rowSteamIcon
- anchors.fill: parent
- source: modelData.icon
- opacity: modelData.active ? 1.0 : rowAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: modelData.isSteamApp && modelData.icon
- }
-
- DankIcon {
- anchors.centerIn: parent
- size: root.appIconSize
- name: "sports_esports"
- color: appHighlightActive ? focusedBorderColor : Theme.widgetTextColor
- opacity: modelData.active ? 1.0 : rowAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: modelData.isSteamApp && !modelData.icon
- }
-
- Rectangle {
- anchors.fill: parent
- visible: (rowAppIcon.visible || rowSteamIcon.visible || modelData.isQuickshell) && appHighlightActive
- color: "transparent"
- radius: Theme.cornerRadius * (root.appIconSize / 40)
- border.width: 1
- border.color: focusedBorderColor
- z: 1
- }
-
- MouseArea {
- id: rowAppMouseArea
- anchors.fill: parent
- enabled: isActive
- cursorShape: Qt.PointingHandCursor
- onClicked: {
- const winId = modelData.windowId;
- if (!winId)
- return;
- if (CompositorService.isHyprland) {
- Hyprland.dispatch(`focuswindow address:${winId}`);
- } else if (CompositorService.isNiri) {
- NiriService.focusWindow(winId);
- }
- }
- }
-
- Rectangle {
- visible: modelData.count > 1 && !isActive
- width: root.appIconSize * 0.67
- height: root.appIconSize * 0.67
- radius: root.appIconSize * 0.33
- color: "black"
- border.color: "white"
- border.width: 1
- anchors.right: parent.right
- anchors.bottom: parent.bottom
- z: 2
-
- Text {
- anchors.centerIn: parent
- text: modelData.count
- font.pixelSize: root.appIconSize * 0.44
- color: "white"
- }
- }
- }
- }
- }
- }
-
- Component {
- id: columnLayout
- Column {
- spacing: 4
- visible: loadedIcons.length > 0 || SettingsData.showWorkspaceIndex || SettingsData.showWorkspaceName || loadedHasIcon
-
- DankIcon {
- visible: loadedHasIcon && loadedIconData?.type === "icon"
- anchors.horizontalCenter: parent.horizontalCenter
- name: loadedIconData?.value ?? ""
- size: Theme.barTextSize(barThickness, barConfig?.fontScale, barConfig?.maximizeWidgetText)
- color: (isActive || isUrgent) ? Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) : isPlaceholder ? Theme.surfaceTextAlpha : Theme.surfaceTextMedium
- weight: (isActive && !isPlaceholder) ? 500 : 400
- }
-
- StyledText {
- visible: loadedHasIcon && loadedIconData?.type === "text"
- anchors.horizontalCenter: parent.horizontalCenter
- text: loadedIconData?.value ?? ""
- color: (isActive || isUrgent) ? Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) : isPlaceholder ? Theme.surfaceTextAlpha : Theme.surfaceTextMedium
- font.pixelSize: Theme.barTextSize(barThickness, barConfig?.fontScale, barConfig?.maximizeWidgetText)
- font.weight: (isActive && !isPlaceholder) ? Font.DemiBold : Font.Normal
- }
-
- StyledText {
- visible: ((SettingsData.showWorkspaceIndex || SettingsData.showWorkspaceName) && !loadedHasIcon) || (loadedHasIcon && SettingsData.showWorkspaceName && hasWorkspaceName)
- anchors.horizontalCenter: parent.horizontalCenter
- text: loadedHasIcon ? (root.isVertical ? (modelData?.name ?? "").charAt(0) : (modelData?.name ?? "")) : root.getWorkspaceIndex(modelData, index)
- color: (isActive || isUrgent) ? Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) : isPlaceholder ? Theme.surfaceTextAlpha : Theme.surfaceTextMedium
- font.pixelSize: Theme.barTextSize(barThickness, barConfig?.fontScale, barConfig?.maximizeWidgetText)
- font.weight: (isActive && !isPlaceholder) ? Font.DemiBold : Font.Normal
- }
-
- Repeater {
- model: ScriptModel {
- values: loadedIcons.slice(0, SettingsData.maxWorkspaceIcons)
- }
- delegate: Item {
- width: root.appIconSize
- height: root.appIconSize
- readonly property bool appHighlightActive: SettingsData.workspaceActiveAppHighlightEnabled && modelData.active
- readonly property color appBorderColor: appHighlightActive ? focusedBorderColor : Theme.primarySelected
- readonly property color appGlyphColor: appHighlightActive ? focusedBorderColor : Theme.primary
- readonly property real appOpacity: modelData.active ? 1.0 : colAppMouseArea.containsMouse ? 0.8 : 0.6
-
- IconImage {
- id: colAppIcon
- anchors.fill: parent
- source: modelData.icon || ""
- opacity: modelData.active ? 1.0 : colAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: !modelData.isQuickshell && !modelData.isSteamApp && status === Image.Ready
- }
-
- Rectangle {
- anchors.fill: parent
- visible: !modelData.isQuickshell && !modelData.isSteamApp && colAppIcon.status !== Image.Ready
- color: Theme.surfaceContainer
- radius: Theme.cornerRadius * (root.appIconSize / 40)
- border.width: 1
- border.color: appBorderColor
- opacity: appOpacity
-
- StyledText {
- anchors.centerIn: parent
- text: (modelData.fallbackText || "?").charAt(0).toUpperCase()
- font.pixelSize: parent.width * 0.45
- color: appGlyphColor
- font.weight: Font.Bold
- }
- }
-
- Rectangle {
- anchors.fill: parent
- visible: !modelData.isQuickshell && modelData.isSteamApp && colSteamIcon.status !== Image.Ready
- color: Theme.surfaceContainer
- radius: Theme.cornerRadius * (root.appIconSize / 40)
- border.width: 1
- border.color: appBorderColor
- opacity: appOpacity
-
- DankIcon {
- anchors.centerIn: parent
- size: parent.width * 0.7
- name: "sports_esports"
- color: appGlyphColor
- }
- }
-
- IconImage {
- anchors.fill: parent
- source: modelData.icon
- opacity: modelData.active ? 1.0 : colAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: modelData.isQuickshell
- layer.enabled: true
- layer.effect: MultiEffect {
- saturation: 0
- colorization: 1
- colorizationColor: appHighlightActive ? focusedBorderColor : (isActive ? quickshellIconActiveColor : quickshellIconInactiveColor)
- }
- }
-
- IconImage {
- id: colSteamIcon
- anchors.fill: parent
- source: modelData.icon
- opacity: modelData.active ? 1.0 : colAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: modelData.isSteamApp && modelData.icon
- }
-
- DankIcon {
- anchors.centerIn: parent
- size: root.appIconSize
- name: "sports_esports"
- color: appHighlightActive ? focusedBorderColor : Theme.widgetTextColor
- opacity: modelData.active ? 1.0 : colAppMouseArea.containsMouse ? 0.8 : 0.6
- visible: modelData.isSteamApp && !modelData.icon
- }
-
- Rectangle {
- anchors.fill: parent
- visible: (colAppIcon.visible || colSteamIcon.visible || modelData.isQuickshell) && appHighlightActive
- color: "transparent"
- radius: Theme.cornerRadius * (root.appIconSize / 40)
- border.width: 1
- border.color: focusedBorderColor
- z: 1
- }
-
- MouseArea {
- id: colAppMouseArea
- anchors.fill: parent
- enabled: isActive
- cursorShape: Qt.PointingHandCursor
- onClicked: {
- const winId = modelData.windowId;
- if (!winId)
- return;
- if (CompositorService.isHyprland) {
- Hyprland.dispatch(`focuswindow address:${winId}`);
- } else if (CompositorService.isNiri) {
- NiriService.focusWindow(winId);
- }
- }
- }
-
- Rectangle {
- visible: modelData.count > 1 && !isActive
- width: root.appIconSize * 0.67
- height: root.appIconSize * 0.67
- radius: root.appIconSize * 0.33
- color: "black"
- border.color: "white"
- border.width: 1
- anchors.right: parent.right
- anchors.bottom: parent.bottom
- z: 2
-
- Text {
- anchors.centerIn: parent
- text: modelData.count
- font.pixelSize: root.appIconSize * 0.44
- color: "white"
- }
- }
- }
- }
- }
- }
- }
- }
- }
-
- Component.onCompleted: updateAllData()
-
- Connections {
- target: CompositorService
- function onSortedToplevelsChanged() {
- delegateRoot.updateAllData();
- }
- }
- Connections {
- target: NiriService
- enabled: CompositorService.isNiri
- function onAllWorkspacesChanged() {
- delegateRoot.updateAllData();
- }
- function onWindowUrgentChanged() {
- delegateRoot.updateAllData();
- }
- function onWindowsChanged() {
- delegateRoot.updateAllData();
- }
- }
- Connections {
- target: SettingsData
- function onShowWorkspaceAppsChanged() {
- delegateRoot.updateAllData();
- }
- function onWorkspaceNameIconsChanged() {
- delegateRoot.updateAllData();
- }
- function onAppIdSubstitutionsChanged() {
- delegateRoot.updateAllData();
- }
- }
- Connections {
- target: DwlService
- enabled: CompositorService.isDwl
- function onStateChanged() {
- delegateRoot.updateAllData();
- }
- }
- Connections {
- target: Hyprland.workspaces
- enabled: CompositorService.isHyprland
- function onValuesChanged() {
- delegateRoot.updateAllData();
- }
- }
- Connections {
- target: I3.workspaces
- enabled: (CompositorService.isSway || CompositorService.isScroll || CompositorService.isMiracle)
- function onValuesChanged() {
- delegateRoot.updateAllData();
- }
- }
- Connections {
- target: ExtWorkspaceService
- enabled: root.useExtWorkspace
- function onStateChanged() {
- delegateRoot.updateAllData();
- }
- }
- }
- }
- }
-
- Component.onCompleted: {
- if (useExtWorkspace && !DMSService.activeSubscriptions.includes("extworkspace")) {
- DMSService.addSubscription("extworkspace");
- }
- _updateBlurRegistration();
- }
-
- property bool _blurRegistered: false
- readonly property bool _shouldBlur: BlurService.enabled && blurBarWindow && blurBarWindow.registerBlurWidget && !(barConfig?.noBackground ?? false) && root.visible && root.width > 0
-
- on_ShouldBlurChanged: _updateBlurRegistration()
-
- function _updateBlurRegistration() {
- if (_shouldBlur && !_blurRegistered) {
- blurBarWindow.registerBlurWidget(visualBackground);
- _blurRegistered = true;
- } else if (!_shouldBlur && _blurRegistered) {
- if (blurBarWindow && blurBarWindow.unregisterBlurWidget)
- blurBarWindow.unregisterBlurWidget(visualBackground);
- _blurRegistered = false;
- }
- }
-
- Component.onDestruction: {
- if (_blurRegistered && blurBarWindow && blurBarWindow.unregisterBlurWidget)
- blurBarWindow.unregisterBlurWidget(visualBackground);
- }
-}
generated by cgit v1.3 (git 2.53.0) at 2026-07-15 01:43:49 +0000