feat: Add new input, select, and tooltip components with validation and accessibility features

- Introduced Input component with support for various input types, validation, and error handling.
- Added MedialibImage component for displaying images with lazy loading and caption support.
- Implemented Pagination component for navigating through pages with ellipsis for large page sets.
- Created SearchableSelect component allowing users to search and select options from a dropdown.
- Developed Select component with integrated styling and validation.
- Added Tooltip component for displaying additional information on hover/focus.
This commit is contained in:
2026-02-25 20:15:23 +00:00
parent 74bb860d4f
commit 602fd6101f
13 changed files with 1807 additions and 0 deletions

View File

@@ -4,6 +4,8 @@
import { _, locale } from "./lib/i18n/index"
import LoadingBar from "./widgets/LoadingBar.svelte"
import ToastContainer from "./widgets/ToastContainer.svelte"
import DebugFooterInfo from "./widgets/DebugFooterInfo.svelte"
import { initScrollRestoration } from "./lib/navigation"
import {
SUPPORTED_LANGUAGES,
LANGUAGE_LABELS,
@@ -17,6 +19,8 @@
} from "./lib/i18n"
export let url = ""
initScrollRestoration()
if (url) {
// ssr
let l = url.split("?")
@@ -110,3 +114,7 @@
<p>{$_("page.home.text")}</p>
{/if}
</main>
<footer class="text-center p-2">
<DebugFooterInfo />
</footer>