fix: #1803 cleanups for noUnusedLocals and noUnusedParameters (#1804)

* fix: #1803

* fix: update

Author: shinokada

src/lib/alert/Alert.svelte

@@ -25,7 +25,7 @@
 
   let ref: HTMLDivElement | undefined = $state(undefined);
 
-  function close(event: MouseEvent) {
+  function close() {
     if (ref?.dispatchEvent(new Event("close", { bubbles: true, cancelable: true }))) {
       alertStatus = false;
     }

src/lib/badge/Badge.svelte

@@ -20,7 +20,7 @@
 
   let ref: HTMLDivElement | undefined = $state(undefined);
 
-  const close = (ev: Event) => {
+  const close = () => {
     if (ref?.dispatchEvent(new Event("close", { bubbles: true, cancelable: true }))) {
       badgeStatus = false;
     }

src/lib/carousel/Carousel.svelte

@@ -57,7 +57,7 @@
   const nextSlide = () => changeSlide(_state.index + 1);
   const prevSlide = () => changeSlide(_state.index - 1);
 
-  const loop = (node: HTMLElement) => {
+  const loop = () => {
     // loop timer
     /* eslint-disable  @typescript-eslint/no-explicit-any */
     let intervalId: any;
@@ -127,7 +127,7 @@
   let onDragStop = $derived(
     activeDragGesture === undefined
       ? undefined
-      : (evt: MouseEvent | TouchEvent) => {
+      : () => {
           // These might be exposed one day, keep them safely tucked away as constants.
           const SWIPE_MAX_DURATION = 250;
           const SWIPE_MIN_DISTANCE = 30;

src/lib/dialog/Dialog.svelte

@@ -14,7 +14,7 @@
 
   let { base, form: formCls, close: closeCls } = dialog();
 
-  const close = (dlg: HTMLDialogElement) => (open = false);
+  const close = () => (open = false);
 
   // Prefer requestClose when available to trigger a cancellable "cancel" event; otherwise synthesize it.
   const cancel = (dlg: HTMLDialogElement) => {
@@ -34,7 +34,7 @@
     if (ev.defaultPrevented) return;
 
     ev.preventDefault(); // prevent anyway, we need clean close
-    if (!permanent) close(ev.currentTarget);
+    if (!permanent) close();
   }
 
   function _onclick(ev: MouseEvent & { currentTarget: HTMLDialogElement }) {
@@ -50,7 +50,7 @@
     }
 
     if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {
-      return close(dlg);
+      return close();
     }
   }
 
@@ -82,7 +82,7 @@
       if (result === false) return;
     }
 
-    close(dlg);
+    close();
   }
 
   function _ontoggle(ev: ToggleEvent & { currentTarget: HTMLDialogElement }) {
@@ -112,7 +112,7 @@
 
   let ref: HTMLDialogElement | undefined = $state(undefined);
 
-  function close_handler(ev: MouseEvent) {
+  function close_handler() {
     if (form) {
       // dialog/form mechanism will close the dialog
       return;

src/lib/forms/input-field/Input.svelte

@@ -103,7 +103,7 @@
     }
   });
 
-  function defaultHandleInput(event: Event) {
+  function defaultHandleInput(_event: Event) {
     // Ensure value is treated as a string to safely check its length
     const currentValueAsString = String(value || "");
     if (currentValueAsString.length > 0) {
@@ -112,12 +112,12 @@
     updateSuggestions();
   }
 
-  function defaultHandleFocus(event: FocusEvent) {
+  function defaultHandleFocus() {
     isFocused = true;
     updateSuggestions();
   }
 
-  function defaultHandleBlur(event: FocusEvent) {
+  function defaultHandleBlur() {
     // Small delay to allow click on suggestion to fire first
     setTimeout(() => {
       isFocused = false;
@@ -174,14 +174,14 @@
     if (resolvedOnFocus) {
       resolvedOnFocus(event);
     }
-    defaultHandleFocus(event);
+    defaultHandleFocus();
   }
 
   function handleBlur(event: FocusEvent) {
     if (resolvedOnBlur) {
       resolvedOnBlur(event);
     }
-    defaultHandleBlur(event);
+    defaultHandleBlur();
   }
 
   function handleKeydown(event: KeyboardEvent) {

src/lib/forms/tags/Tags.svelte

@@ -51,10 +51,6 @@
     });
   }
 
-  const checkDropdownPosition = () => {
-    if (!inputContainer) return;
-  };
-
   const handleKeys = (event: KeyboardEvent) => {
     if (event.key === "Enter") {
       event.preventDefault();
@@ -102,10 +98,6 @@
     }
   };
 
-  const handleInput = () => {
-    checkDropdownPosition();
-  };
-
   const deleteField = (index: number) => {
     value = value.filter((_, i) => i !== index);
     errorMessage = "";
@@ -135,7 +127,7 @@
   });
 </script>
 
-<svelte:window on:scroll={checkDropdownPosition} on:resize={checkDropdownPosition} />
+<svelte:window />
 
 {#if showAvailableTags && availableTags.length > 0}
   <P class={clsx(info(), classes?.info)}>Available tags: {availableTags.join(", ")}</P>
@@ -149,6 +141,10 @@
   {/if}
 {/if}
 
+{#if errorMessage}
+  <P class={clsx(error(), classes?.error)}>{errorMessage}</P>
+{/if}
+
 <div
   {...restProps}
   class={base({
@@ -164,7 +160,7 @@
     </div>
   {/each}
   <div class="relative w-full" bind:this={inputContainer}>
-    <input {...inputProps} {disabled} bind:this={inputElement} onkeydown={handleKeys} oninput={handleInput} bind:value={contents} placeholder={value.length === 0 ? placeholder : ""} type="text" autocomplete="off" class={inputCls({ class: clsx(styling.input) })} />
+    <input {...inputProps} {disabled} bind:this={inputElement} onkeydown={handleKeys} bind:value={contents} placeholder={value.length === 0 ? placeholder : ""} type="text" autocomplete="off" class={inputCls({ class: clsx(styling.input) })} />
     {#if availableTags.length > 0 && contents.trim() !== ""}
       {@const filteredSuggestions = availableTags.filter((tag) => tag.toLowerCase().includes(contents.trim().toLowerCase()) && (!unique || !value.some((t) => t.toLowerCase() === tag.toLowerCase())))}
       {#if filteredSuggestions.length > 0}

src/lib/forms/timepicker/Timepicker.svelte

@@ -22,7 +22,6 @@
 
   // State
   let selectedOption = $state("");
-  let dropdownOpen = $state(false);
   let showTimerange = $state(false);
 
   // Helper functions using date-fns
@@ -117,7 +116,6 @@
   }
 
   function handleDropdownSelect(option: TimePickerOption): void {
-    dropdownOpen = false;
     selectedOption = option.value;
     notifyChange();
   }
@@ -133,7 +131,6 @@
   }
 
   function applyTimerange(): void {
-    dropdownOpen = false;
     notifyChange();
   }
 

src/lib/mega-menu/MegaMenu.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { megamenu } from "./theme";
   import clsx from "clsx";
-  import type { MegaMenuProps, LinkType } from "$lib";
+  import type { MegaMenuProps } from "$lib";
   import Popper from "$lib/utils/Popper.svelte";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
@@ -10,14 +10,7 @@
   //  ulClass, extraClass
   warnThemeDeprecation("MegaMenu", { ulClass, extraClass }, { ulClass: "ul", extraClass: "extra" });
   const styling = $derived(classes ?? { ul: ulClass, extra: extraClass });
-
   const theme = getTheme("megamenu");
-
-  /* eslint-disable  @typescript-eslint/no-explicit-any */
-  interface LinkTypeLike extends LinkType {
-    [propName: string]: any;
-  }
-
   const { base, div, ul, extra: extraCls } = $derived(megamenu({ full, hasExtra: !!extra }));
 </script>
 

src/lib/navbar/NavHamburger.svelte

@@ -18,7 +18,7 @@
   const navBreakpoint = getContext<NavbarBreakpoint>("breakpoint");
   const { base, menu } = navbarHamburger({ breakpoint: navBreakpoint });
 
-  const toggle: MouseEventHandler<HTMLButtonElement> = (ev) => {
+  const toggle: MouseEventHandler<HTMLButtonElement> = () => {
     navState.hidden = !navState.hidden;
   };
 </script>

src/lib/rating/Review.svelte

@@ -4,7 +4,7 @@
   import type { ReviewProps } from "$lib/types";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
-  let { children, address, item1, item2, item3, review, class: className, classes, articleClass, divClass, div2Class, div3Class, imgClass, ulClass, liClass }: ReviewProps = $props();
+  let { children, address, item1, item2, item3, review, classes, articleClass, divClass, div2Class, div3Class, imgClass, ulClass, liClass }: ReviewProps = $props();
 
   warnThemeDeprecation("Review", { articleClass, divClass, div2Class, div3Class, imgClass, ulClass, liClass }, { articleClass: "article", divClass: "div", div2Class: "div2", div3Class: "div3", imgClass: "img", ulClass: "ul", liClass: "li" });
   const styling = $derived(