@cloudparker/moldex.js 0.0.29 → 0.0.30

package/dist/views/core/text/components/text-html/text-html.svelte

@@ -1,5 +1,6 @@
-<script lang="ts">import "../../../../../tailwind.css";
-let { input } = $props();
+<script lang="ts">
+	import '../../../../../tailwind.css';
+	let { input }: { input: string } = $props();
 </script>
 
 <span>

package/dist/views/core/text/components/text-phone/text-phone.svelte

@@ -1,7 +1,16 @@
-<script lang="ts">import { mdiPhone } from "../../../icon";
-import Icon from "../../../icon/components/icon/icon.svelte";
-import "../../../../../tailwind.css";
-let { input, buttonClassName, iconClassName, iconPath = mdiPhone } = $props();
+<script lang="ts">
+	import { mdiPhone } from '../../../icon';
+	import Icon from '../../../icon/components/icon/icon.svelte';
+	import '../../../../../tailwind.css';
+
+	type PropsType = {
+		input: string;
+		buttonClassName?: string;
+		iconPath?: string;
+		iconClassName?: string;
+	};
+
+	let { input, buttonClassName, iconClassName, iconPath = mdiPhone }: PropsType = $props();
 </script>
 
 <span class="flex items-center">

package/dist/views/core/toast/components/toast/toast.svelte

@@ -1,24 +1,47 @@
-<script module lang="ts"></script>
-
-<script lang="ts">import "../../../../../tailwind.css";
-let isPlaced = $state(false);
-let isOpened = $state(false);
-let { id, msg, duration = 3e3, className, children } = $props();
-export function openToast() {
-  isPlaced = true;
-  setTimeout(() => {
-    isOpened = true;
-    setTimeout(() => {
-      closeClose();
-    }, duration);
-  }, 0);
-}
-export function closeClose() {
-  isOpened = false;
-  setTimeout(() => {
-    isPlaced = false;
-  }, 300);
-}
+<script module lang="ts">
+	import type { Snippet } from 'svelte';
+
+	export type ToastPropsType = {
+		id?: string;
+		msg: string;
+		duration?: number;
+		className?: string;
+		children?: Snippet;
+	};
+</script>
+
+<script lang="ts">
+	import '../../../../../tailwind.css';
+
+	let isPlaced: boolean = $state(false);
+	let isOpened: boolean = $state(false);
+
+	let { id, msg, duration = 3000, className, children }: ToastPropsType = $props();
+
+	// export function toggleDialog() {
+	// 	if (isOpened) {
+	// 		closeDialog();
+	// 	} else {
+	// 		openDialog();
+	// 	}
+	// }
+
+	export function openToast() {
+		isPlaced = true;
+		setTimeout(() => {
+			isOpened = true;
+			setTimeout(() => {
+				closeClose();
+			}, duration);
+		}, 0);
+	}
+
+	export function closeClose() {
+		isOpened = false;
+		setTimeout(() => {
+			isPlaced = false;
+		}, 300);
+	}
 </script>
 
 {#if isPlaced}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudparker/moldex.js",
-    "version": "0.0.29",
+    "version": "0.0.30",
     "author": "cloudparker.com",
     "license": "MIT",
     "keywords": [