{ if (open && !get(selection).has(item)) { selectItem(item); } }} > {#if item instanceof ListFileItem || item instanceof ListTrackItem} {$_('menu.metadata.name')} {$_('menu.metadata.description')} <Button variant="outline" on:click={() => { dbUtils.applyToFile(item.getFileId(), (file) => { if (item instanceof ListFileItem && node instanceof GPXFile) { file.metadata.name = name; file.metadata.desc = description; } else if (item instanceof ListTrackItem && node instanceof Track) { file.trk[item.getTrackIndex()].name = name; file.trk[item.getTrackIndex()].desc = description; } return file; }); openEditMetadata = false; }} > <Save size="16" class="mr-1" /> {$_('menu.metadata.save')} </Button> </Popover.Content> </Popover.Root> {/if} <span class="w-full text-left truncate py-1 flex flex-row items-center" on:contextmenu={(e) => { if (e.ctrlKey) { // Add to selection instead of opening context menu e.preventDefault(); e.stopPropagation(); $selection.toggle(item); } }} on:mouseenter={() => { if (item instanceof ListWaypointItem) { let layer = gpxLayers.get(item.getFileId()); let file = getFile(item.getFileId()); if (layer && file) { let waypoint = file.wpt[item.getWaypointIndex()]; if (waypoint) { layer.showWaypointPopup(waypoint); } } } }} on:mouseleave={() => { if (item instanceof ListWaypointItem) { let layer = gpxLayers.get(item.getFileId()); if (layer) { layer.hideWaypointPopup(); } } }} > {#if item.level === ListLevel.SEGMENT} <Waypoints size="16" class="mr-1 shrink-0" /> {:else if item.level === ListLevel.WAYPOINT} <MapPin size="16" class="mr-1 shrink-0" /> {/if} <span class="grow truncate"> {label} </span> </span> </Button> </ContextMenu.Trigger> <ContextMenu.Content> {#if $verticalFileView} {#if item instanceof ListFileItem} <ContextMenu.Item disabled={!singleSelection} on:click={() => dbUtils.applyToFile( item.getFileId(), (file) => file.replaceTracks(file.trk.length, file.trk.length, [new Track()])[0] )} > <Plus size="16" class="mr-1" /> {$_('menu.new_track')} </ContextMenu.Item> {:else if item instanceof ListTrackItem} <ContextMenu.Item disabled={!singleSelection} on:click={() => { let trackIndex = item.getTrackIndex(); dbUtils.applyToFile( item.getFileId(), (file) => file.replaceTrackSegments( trackIndex, file.trk[trackIndex].trkseg.length, file.trk[trackIndex].trkseg.length, [new TrackSegment()] )[0] ); }} > <Plus size="16" class="mr-1" /> {$_('menu.new_segment')} </ContextMenu.Item> {/if} {/if} {#if item instanceof ListFileItem || item instanceof ListTrackItem} <ContextMenu.Item disabled={!singleSelection} on:click={() => (openEditMetadata = true)}> <Info size="16" class="mr-1" /> {$_('menu.metadata.button')} </ContextMenu.Item> <ContextMenu.Separator /> {/if} {#if item.level !== ListLevel.WAYPOINTS} <ContextMenu.Item on:click={dbUtils.duplicateSelection}> <Copy size="16" class="mr-1" /> {$_('menu.duplicate')} <Shortcut key="D" ctrl={true} /></ContextMenu.Item > <ContextMenu.Separator /> {/if} <ContextMenu.Item on:click={dbUtils.deleteSelection} ><Trash2 size="16" class="mr-1" /> {$_('menu.delete')} <Shortcut key="⌫" ctrl={true} /></ContextMenu.Item > </ContextMenu.Content> </ContextMenu.Root>