@cloudparker/moldex.js 0.0.64 → 0.0.66

package/dist/views/core/input/components/date-field/date-field.svelte

@@ -1,42 +1,33 @@
-<script lang="ts">
-	import { dateFormat, toDate } from '../../../../../services';
-	import InputField, { type InputFieldPropsType } from '../input-field/input-field.svelte';
-
-	let {
-		value = $bindable(null),
-		...props
-	}: InputFieldPropsType & { value?: Date | string | number | null | undefined } = $props();
-
-	let _value: string | undefined = $state(undefined);
-
-	$effect(() => {
-		if (value) {
-			_value = dateFormat(toDate(value)!, 'YYYY-MM-DD') as string;
-			console.log('_value', _value)
-		}
-	});
-
-	let inputFieldRef: any | null = $state(null);
-
-	export function focus() {
-		inputFieldRef?.focus();
-	}
-
-	export function getElement() {
-		return inputFieldRef;
-	}
-
-	export function select() {
-		inputFieldRef && inputFieldRef.select();
-	}
-
-	function handleInput(ev: Event) {
-		let target: HTMLInputElement = ev?.target as HTMLInputElement;
-		if (target?.value) {
-			value = toDate(target?.value) as Date;
-			console.log('handleInput value', value)
-		}
-	}
+<script lang="ts">import { dateFormat, toDate } from "../../../../../services";
+import InputField, {} from "../input-field/input-field.svelte";
+let {
+  value = $bindable(null),
+  ...props
+} = $props();
+let _value = $state(void 0);
+$effect(() => {
+  if (value) {
+    _value = dateFormat(toDate(value), "YYYY-MM-DD");
+    console.log("_value", _value);
+  }
+});
+let inputFieldRef = $state(null);
+export function focus() {
+  inputFieldRef?.focus();
+}
+export function getElement() {
+  return inputFieldRef;
+}
+export function select() {
+  inputFieldRef && inputFieldRef.select();
+}
+function handleInput(ev) {
+  let target = ev?.target;
+  if (target?.value) {
+    value = toDate(target?.value);
+    console.log("handleInput value", value);
+  }
+}
 </script>
 
 <InputField bind:this={inputFieldRef} {...props} type="date" value={_value} onInput={handleInput} />

package/dist/views/core/input/components/date-field/date-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldPropsType } from '../input-field/input-field.svelte';
+import { type InputFieldProps } from '../input-field/input-field.svelte';
 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;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DateField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType & {
+declare const DateField: $$__sveltets_2_IsomorphicComponent<InputFieldProps & {
     value?: Date | string | number | null | undefined;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/views/core/input/components/datetime-field/datetime-field.svelte

@@ -1,21 +1,15 @@
-<script lang="ts">
-	import InputField, { type InputFieldPropsType } from '../input-field/input-field.svelte';
-
-	let { value = $bindable(), ...props }: InputFieldPropsType = $props();
-
-	let inputFieldRef: any | null = $state(null);
-
-	export function focus() {
-		inputFieldRef?.focus();
-	}
-
-	export function getElement(){
-		return inputFieldRef;
-	}
-
-	export function select(){
-		  inputFieldRef && inputFieldRef.select();
-	}
+<script lang="ts">import InputField, {} from "../input-field/input-field.svelte";
+let { value = $bindable(), ...props } = $props();
+let inputFieldRef = $state(null);
+export function focus() {
+  inputFieldRef?.focus();
+}
+export function getElement() {
+  return inputFieldRef;
+}
+export function select() {
+  inputFieldRef && inputFieldRef.select();
+}
 </script>
 
 <InputField bind:this={inputFieldRef} {...props} type="datetime-local" bind:value />

package/dist/views/core/input/components/datetime-field/datetime-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldPropsType } from '../input-field/input-field.svelte';
+import { type InputFieldProps } from '../input-field/input-field.svelte';
 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;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DatetimeField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType, {
+declare const DatetimeField: $$__sveltets_2_IsomorphicComponent<InputFieldProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;

package/dist/views/core/input/components/email-field/email-field.svelte

@@ -1,20 +1,15 @@
-<script lang="ts">
-	import InputField, { type InputFieldPropsType } from '../input-field/input-field.svelte';
-
-	let { value = $bindable(''), ...props }: InputFieldPropsType = $props();
-	let inputFieldRef: any | null = $state(null);
-
-	export function focus() {
-		inputFieldRef?.focus();
-	}
-
-	export function getElement(){
-		return inputFieldRef;
-	}
-
-	export function select(){
-		  inputFieldRef && inputFieldRef.select();
-	}
+<script lang="ts">import InputField, {} from "../input-field/input-field.svelte";
+let { value = $bindable(""), ...props } = $props();
+let inputFieldRef = $state(null);
+export function focus() {
+  inputFieldRef?.focus();
+}
+export function getElement() {
+  return inputFieldRef;
+}
+export function select() {
+  inputFieldRef && inputFieldRef.select();
+}
 </script>
 
 <InputField

package/dist/views/core/input/components/email-field/email-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldPropsType } from '../input-field/input-field.svelte';
+import { type InputFieldProps } from '../input-field/input-field.svelte';
 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;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const EmailField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType, {
+declare const EmailField: $$__sveltets_2_IsomorphicComponent<InputFieldProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;

package/dist/views/core/input/components/file-field/file-field.svelte

@@ -1,81 +1,67 @@
-<script lang="ts">
-	import { ripple } from '../../../../../actions';
-	import { openFilePickerDialog } from '../../../../../services';
-	import { mdiAttachment } from '../../../icon';
-	import Icon from '../../../icon/components/icon/icon.svelte';
-	import InputField, { type InputFieldPropsType } from '../input-field/input-field.svelte';
-
-	let {
-		appearance,
-		size,
-		className,
-		accepts = '',
-		multiple = false,
-		value = $bindable(null),
-		...props
-	}: InputFieldPropsType & {
-		accepts?: string;
-		multiple?: boolean;
-		value?: File | File[] | null;
-	} = $props();
-
-	let btnRoundedClassName = $state('');
-	let btnIconSizeClassName = $state('');
-	let fileNameDisplay = $state('');
-
-	let inputFieldRef: any | null = $state(null);
-
-	export function focus() {
-		inputFieldRef?.focus();
-	}
-
-	export function getElement() {
-		return inputFieldRef;
-	}
-
-	export function select() {
-		inputFieldRef && inputFieldRef.select();
-	}
-
-	async function handleFileAttachment<T extends File | File[]>() {
-		let res: File | File[] | null = null;
-		res = await openFilePickerDialog<T>(accepts, { multiple: multiple || false });
-		if (res) {
-			value = res;
-			if (multiple) {
-				let files: File[] = value as File[];
-				fileNameDisplay = files.map((file) => file.name).join(', ');
-			} else {
-				let file: File = value as File;
-				fileNameDisplay = file.name;
-			}
-		}
-	}
-
-	$effect(() => {
-		if (size) {
-			switch (size) {
-				case 'lg':
-					btnIconSizeClassName = '!h-7 !w-7';
-					break;
-				case 'md':
-					btnIconSizeClassName = '!h-6 !w-6';
-					break;
-				case 'sm':
-					btnIconSizeClassName = '!h-5 !w-5';
-					break;
-				case 'xs':
-					btnIconSizeClassName = '!h-4 !w-4';
-					break;
-			}
-		}
-	});
-
-	$effect(() => {
-		if (!appearance || appearance == 'normal') {
-			btnRoundedClassName = 'rounded-tr-lg rounded-br-lg';
-		}
-	});
+<script lang="ts">import { ripple } from "../../../../../actions";
+import { openFilePickerDialog } from "../../../../../services";
+import { mdiAttachment } from "../../../icon";
+import Icon from "../../../icon/components/icon/icon.svelte";
+import InputField, {} from "../input-field/input-field.svelte";
+let {
+  appearance,
+  size,
+  className,
+  accepts = "",
+  multiple = false,
+  value = $bindable(null),
+  ...props
+} = $props();
+let btnRoundedClassName = $state("");
+let btnIconSizeClassName = $state("");
+let fileNameDisplay = $state("");
+let inputFieldRef = $state(null);
+export function focus() {
+  inputFieldRef?.focus();
+}
+export function getElement() {
+  return inputFieldRef;
+}
+export function select() {
+  inputFieldRef && inputFieldRef.select();
+}
+async function handleFileAttachment() {
+  let res = null;
+  res = await openFilePickerDialog(accepts, { multiple: multiple || false });
+  if (res) {
+    value = res;
+    if (multiple) {
+      let files = value;
+      fileNameDisplay = files.map((file) => file.name).join(", ");
+    } else {
+      let file = value;
+      fileNameDisplay = file.name;
+    }
+  }
+}
+$effect(() => {
+  if (size) {
+    switch (size) {
+      case "lg":
+        btnIconSizeClassName = "!h-7 !w-7";
+        break;
+      case "md":
+        btnIconSizeClassName = "!h-6 !w-6";
+        break;
+      case "sm":
+        btnIconSizeClassName = "!h-5 !w-5";
+        break;
+      case "xs":
+        btnIconSizeClassName = "!h-4 !w-4";
+        break;
+    }
+  }
+});
+$effect(() => {
+  if (!appearance || appearance == "normal") {
+    btnRoundedClassName = "rounded-tr-lg rounded-br-lg";
+  }
+});
 </script>
 
 {#snippet fileButton()}

package/dist/views/core/input/components/file-field/file-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldPropsType } from '../input-field/input-field.svelte';
+import { type InputFieldProps } from '../input-field/input-field.svelte';
 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;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const FileField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType & {
+declare const FileField: $$__sveltets_2_IsomorphicComponent<InputFieldProps & {
     accepts?: string;
     multiple?: boolean;
     value?: File | File[] | null;