@functionalcms/svelte-components 4.7.6 → 4.8.0

package/dist/components/presentation/Dialog.svelte

@@ -1,10 +1,30 @@
-<script type='ts'>
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { EventHandler } from 'svelte/elements';
+
 	interface Props {
 		children: Snippet;
+		css: string;
+		isOpen: boolean;
+		onClose: EventHandler<Event, HTMLDialogElement> | undefined;
+		showModal: boolean;
+	}
+
+	let { children, onClose, css, isOpen = false }: Props = $props();
+	let dialog: any;
+
+	export function showModal() {
+		dialog.showModal();
+	}
+	export function close() {
+		dialog.close();
+	}
+
+    if(isOpen) {
+        dialog.showModal();
     }
-    let { children } = $props();
-    let dialog: any;
 </script>
-<dialog bind:this={dialog} on:close>
-    {@render children?.()}
-</dialog>
+
+<dialog bind:this={dialog} onclose={onClose} class={css}>
+	{@render children?.()}
+</dialog>

package/dist/components/presentation/Dialog.svelte.d.ts

@@ -1,31 +1,15 @@
-export default Dialog;
-type Dialog = SvelteComponent<$$ComponentProps, {
-    close: Event;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: "" | undefined;
-};
-declare const Dialog: $$__sveltets_2_IsomorphicComponent<{
-    children: any;
-}, {
-    close: Event;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type $$ComponentProps = {
-    children: any;
-};
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+import type { Snippet } from 'svelte';
+import type { EventHandler } from 'svelte/elements';
+interface Props {
+    children: Snippet;
+    css: string;
+    isOpen: boolean;
+    onClose: EventHandler<Event, HTMLDialogElement> | undefined;
+    showModal: boolean;
 }
+declare const Dialog: import("svelte").Component<Props, {
+    showModal: () => void;
+    close: () => void;
+}, "">;
+type Dialog = ReturnType<typeof Dialog>;
+export default Dialog;

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export { default as Drawer } from './components/presentation/Drawer.svelte';
 export { default as Disclose } from './components/presentation/Disclose.svelte';
 export { default as EmptyState } from './components/presentation/EmptyState.svelte';
 export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';
+export { default as Dialog } from './components/presentation/Dialog.svelte';
 export { default as ListMenu } from './components/menu/ListMenu.svelte';
 export { default as DynamicMenu } from './components/menu/DynamicMenu.svelte';
 export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte';

package/dist/index.js

@@ -25,6 +25,7 @@ export { default as Drawer } from './components/presentation/Drawer.svelte';
 export { default as Disclose } from './components/presentation/Disclose.svelte';
 export { default as EmptyState } from './components/presentation/EmptyState.svelte';
 export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';
+export { default as Dialog } from './components/presentation/Dialog.svelte';
 /*
  * Menu
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.7.6",
+	"version": "4.8.0",
 	"watch": {
 		"build": {
 			"patterns": [