const { SystemTray } = ags.Service; const { Box, Button, Icon, MenuItem } = ags.Widget; const { Gtk } = imports.gi; import { EventBox } from '../common.js'; const SysTrayItem = item => MenuItem({ className: 'tray-item', child: Icon({ size: 24, }), submenu: item.menu, connections: [[item, btn => { btn.child.icon = item.icon; btn.tooltipMarkup = item.tooltipMarkup; }]] }); const SysTrayModule = () => ags.Widget({ type: Gtk.MenuBar, className: 'sys-tray', properties: [ ['items', new Map()], ['onAdded', (box, id) => { const item = SystemTray.getItem(id); if (box._items.has(id) || !item) return; const widget = SysTrayItem(item); box._items.set(id, widget); box.add(widget); box.show_all(); }], ['onRemoved', (box, id) => { if (!box._items.has(id)) return; box._items.get(id).destroy(); box._items.delete(id); }], ], connections: [ [SystemTray, (box, id) => box._onAdded(box, id), 'added'], [SystemTray, (box, id) => box._onRemoved(box, id), 'removed'], ], }); export const SysTray = SysTrayModule();