Minor changes

ykrods · Sep 2, 2024 · 3dce374 · 3dce374
1 parent 016bf01
commit 3dce374
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/Router.svelte b/src/Router.svelte
@@ -4,12 +4,12 @@
   import NotFound from "$src/pages/NotFound.svelte";
 
   const routes = {
-    "#Home": () => import("$src/pages/Home.svelte"),
+    "#Home": () => import("./pages/Home.svelte"),
     "#Form-basic": () => import("./pages/FormBasic.svelte"),
     "#Form-reactive": () => import("./pages/FormReactive.svelte"),
     "#Dropdown": () => import("./pages/Dropdown.svelte"),
     "#Dialog": () => import("./pages/Dialog.svelte"),
-    "#ProgressRing": () => import("$src/pages/ProgressRing.svelte"),
+    "#ProgressRing": () => import("./pages/ProgressRing.svelte"),
   };
 
   let RouteComponent: Component = $state();

diff --git a/src/pages/Dialog.svelte b/src/pages/Dialog.svelte
@@ -12,7 +12,7 @@
   <div>
     <Confirmation
       bind:open
-      title="Confirmation"
+      label="Confirmation"
       onConfirm={() => { result = "confirmed"; }}
       onCancel={() => { result = "canceled"; }}
     >

diff --git a/src/ui/Confirmation.svelte b/src/ui/Confirmation.svelte
@@ -1,23 +1,25 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
 
-  import "@shoelace-style/shoelace/dist/components/dialog/dialog";
+  import SlDialog from "@shoelace-style/shoelace/dist/components/dialog/dialog";
 
   import { SLButton } from "$src/shoelace";
 
+  type Props = Partial<SlDialog>;
+
   let {
     open = $bindable(false),
-    title = "",
     onConfirm = null,
     onCancel = null,
     children,
+    ...props
   }: {
     open: boolean
     title: string
     onConfirm?: () => any
     onCancel?: () => any
     children: Snippet
-  } = $props();
+  } & Props = $props();
 
   let dialog;
   let confirmed = $state(false);
@@ -50,7 +52,7 @@
     }
   });
 </script>
-<sl-dialog bind:this={dialog} label={title}>
+<sl-dialog bind:this={dialog} {...props}>
   {@render children()}
   <div slot="footer">
     <SLButton