starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-18 23:53:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Implement back button and selectable registrars

Browse Source
This commit is contained in:
Aleksi Lassila
2024-04-16 01:50:13 +03:00
parent f519fb7447
commit 32bde1ff9e
16 changed files with 197 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/components/HeroCarousel/HeroCarousel.svelte
View File

@@ -7,6 +7,9 @@
import PageDots from '../HeroShowcase/PageDots.svelte';
import SidebarMargin from '../SidebarMargin.svelte';
import type { Readable, Writable } from 'svelte/store';
import { createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher();
export let urls: Promise<string[]>;
@@ -47,15 +50,21 @@
<Container
class="flex-1 flex"
on:enter
on:navigate={({ detail }) => {
on:navigate={(event) => {
const detail = event.detail;
if (!backgroundHasFocus) return;
if (detail.options.direction === 'right') {
if (onNext()) detail.preventNavigation();
} else if (detail.options.direction === 'left') {
if (onPrevious()) detail.preventNavigation();
} else if (detail.options.direction === 'up') {
Selectable.giveFocus('left', false);
detail.preventNavigation();
if (detail.direction === 'right') {
if (onNext()) {
detail.preventNavigation();
detail.stopPropagation();
}
} else if (detail.direction === 'left') {
if (onPrevious()) {
detail.preventNavigation();
detail.stopPropagation();
}
} else {
dispatch('navigate', detail);
}
}}
bind:hasFocusWithin