@cloudparker/moldex.js 0.0.64 → 0.0.66

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

@@ -1,36 +1,24 @@
-<script lang="ts">
-	import '../../../../../tailwind.css';
-	import { dateFormat, dateToAgo, toDate } from '../../../../../services';
-
-	import { BROWSER } from 'esm-env';
-
-	type PropsType = {
-		input: Date | number | string | { seconds: number; nanoseconds: number };
-		format?: 'ago' | string;
-	};
-
-	let { input, format = 'DD-MM-YYYY hh:mm a' }: PropsType = $props();
-
-	let dateString: string = $state('');
-
-	function prepareDate(..._: any) {
-		// console.log('date data', data);
-		let date: Date | undefined;
-		if (input) {
-			date = toDate(input);
-		}
-		if (date) {
-			if (format == 'ago') {
-				dateString = dateToAgo(date)!;
-			} else {
-				dateString = dateFormat(date, format)!;
-			}
-		}
-	}
-
-	$effect(() => {
-		BROWSER && prepareDate(input);
-	});
+<script lang="ts">import "../../../../../tailwind.css";
+import { dateFormat, dateToAgo, toDate } from "../../../../../services";
+import { BROWSER } from "esm-env";
+let { input, format = "DD-MM-YYYY hh:mm a" } = $props();
+let dateString = $state("");
+function prepareDate(..._) {
+  let date;
+  if (input) {
+    date = toDate(input);
+  }
+  if (date) {
+    if (format == "ago") {
+      dateString = dateToAgo(date);
+    } else {
+      dateString = dateFormat(date, format);
+    }
+  }
+}
+$effect(() => {
+  BROWSER && prepareDate(input);
+});
 </script>
 
 <span>

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

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

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

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

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

@@ -1,16 +1,7 @@
-<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 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>
 
 <span class="flex items-center">

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

@@ -1,47 +1,24 @@
-<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 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>
 
 {#if isPlaced}

package/package.json

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