@cloudparker/moldex.js 0.0.43 → 0.0.44

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -16,6 +17,16 @@ declare const EmailField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void;
 }, "value">;
 type EmailField = InstanceType<typeof EmailField>;
 export default EmailField;

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

@@ -29,6 +29,14 @@
 		inputFieldRef?.focus();
 	}
 
+	export function getElement(){
+		return inputFieldRef;
+	}
+
+	export function select(){
+		  inputFieldRef && inputFieldRef.select();
+	}
+
 	async function handleFileAttachment() {
 		let res: File | File[] = await openFilePicker({ accept, multiple });
 		if (res) {

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -20,6 +21,16 @@ declare const FileField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void;
 }, "value">;
 type FileField = InstanceType<typeof FileField>;
 export default FileField;

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

@@ -47,20 +47,20 @@
 		multiple?: boolean;
 		name?: string;
 		title?: string;
-		onblur?: (ev: any) => void;
-		onchange?: (ev: any) => void;
-		onclick?: (ev: MouseEvent) => void;
-		ondblclick?: (ev: MouseEvent) => void;
-		ondrag?: (ev: DragEvent) => void;
-		ondragover?: (ev: DragEvent) => void;
-		ondrop?: (ev: DragEvent) => void;
-		onfocus?: (ev: any) => void;
-		oninput?: (ev: any) => void;
-		onkeydown?: (ev: KeyboardEvent) => void;
-		onkeypress?: (ev: KeyboardEvent) => void;
-		onkeyup?: (ev: KeyboardEvent) => void;
-		onmousedown?: (ev: MouseEvent) => void;
-		onmouseup?: (ev: MouseEvent) => void;
+		onBlur?: (ev: any) => void;
+		onChange?: (ev: any) => void;
+		onClick?: (ev: MouseEvent) => void;
+		onDblClick?: (ev: MouseEvent) => void;
+		onDrag?: (ev: DragEvent) => void;
+		onDragOver?: (ev: DragEvent) => void;
+		onDrop?: (ev: DragEvent) => void;
+		onFocus?: (ev: any) => void;
+		onInput?: (ev: any) => void;
+		onKeyDown?: (ev: KeyboardEvent) => void;
+		onKeyPress?: (ev: KeyboardEvent) => void;
+		onKeyUp?: (ev: KeyboardEvent) => void;
+		onMouseDown?: (ev: MouseEvent) => void;
+		onMouseUp?: (ev: MouseEvent) => void;
 		pattern?: string;
 		placeholder?: string;
 		readonly?: boolean;
@@ -108,20 +108,20 @@
 		multiple = false,
 		name = '',
 		title,
-		onblur,
-		onchange,
-		onclick,
-		ondblclick,
-		ondrag,
-		ondragover,
-		ondrop,
-		onfocus,
-		oninput,
-		onkeydown,
-		onkeypress,
-		onkeyup,
-		onmousedown,
-		onmouseup,
+		onBlur,
+		onChange,
+		onClick,
+		onDblClick,
+		onDrag,
+		onDragOver,
+		onDrop,
+		onFocus,
+		onInput,
+		onKeyDown,
+		onKeyPress,
+		onKeyUp,
+		onMouseDown,
+		onMouseUp,
 		pattern,
 		placeholder = '',
 		readonly = false,
@@ -138,7 +138,7 @@
 		value = $bindable()
 	}: InputFieldPropsType = $props();
 
-	let inputRef: HTMLInputElement | HTMLTextAreaElement | HTMLButtonElement | null = $state(null);
+	let inputRef: HTMLInputElement | HTMLTextAreaElement | null = $state(null);
 
 	let sizeClassName = $state('');
 	let appearanceClassName = $state('');
@@ -150,6 +150,14 @@
 		inputRef && inputRef.focus();
 	}
 
+	export function getElement() {
+		return inputRef;
+	}
+
+	export function select() {
+		return inputRef && (inputRef as HTMLInputElement).select();
+	}
+
 	$effect(() => {
 		if (floatingLabel || leftSnippet != null || rightSnippet != null) {
 			containerClassName = (containerClassName || '') + ' relative';
@@ -292,20 +300,20 @@
 			{minlength}
 			{rows}
 			{cols}
-			{onchange}
-			{oninput}
-			{onfocus}
-			{onblur}
-			{ondblclick}
-			{onclick}
-			{onmousedown}
-			{onmouseup}
-			{onkeydown}
-			{onkeyup}
-			{onkeypress}
-			{ondrop}
-			{ondrag}
-			{ondragover}
+			onchange={onChange}
+			oninput={onInput}
+			onfocus={onFocus}
+			onblur={onBlur}
+			ondblclick={onDblClick}
+			onclick={onClick}
+			onmousedown={onMouseDown}
+			onmouseup={onMouseUp}
+			onkeydown={onKeyDown}
+			onkeyup={onKeyUp}
+			onkeypress={onKeyPress}
+			ondrop={onDrop}
+			ondrag={onDrag}
+			ondragover={onDragOver}
 		></textarea>
 	{:else}
 		<input
@@ -328,20 +336,20 @@
 			{pattern}
 			{multiple}
 			{role}
-			{onchange}
-			{oninput}
-			{onfocus}
-			{onblur}
-			{ondblclick}
-			{onclick}
-			{onmousedown}
-			{onmouseup}
-			{onkeydown}
-			{onkeyup}
-			{onkeypress}
-			{ondrop}
-			{ondrag}
-			{ondragover}
+			onchange={onChange}
+			oninput={onInput}
+			onfocus={onFocus}
+			onblur={onBlur}
+			ondblclick={onDblClick}
+			onclick={onClick}
+			onmousedown={onMouseDown}
+			onmouseup={onMouseUp}
+			onkeydown={onKeyDown}
+			onkeyup={onKeyUp}
+			onkeypress={onKeyPress}
+			ondrop={onDrop}
+			ondrag={onDrag}
+			ondragover={onDragOver}
 			aria-controls={ariaControls}
 			aria-expanded={ariaExpanded}
 		/>

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

@@ -28,20 +28,20 @@ export type InputFieldPropsType = {
     multiple?: boolean;
     name?: string;
     title?: string;
-    onblur?: (ev: any) => void;
-    onchange?: (ev: any) => void;
-    onclick?: (ev: MouseEvent) => void;
-    ondblclick?: (ev: MouseEvent) => void;
-    ondrag?: (ev: DragEvent) => void;
-    ondragover?: (ev: DragEvent) => void;
-    ondrop?: (ev: DragEvent) => void;
-    onfocus?: (ev: any) => void;
-    oninput?: (ev: any) => void;
-    onkeydown?: (ev: KeyboardEvent) => void;
-    onkeypress?: (ev: KeyboardEvent) => void;
-    onkeyup?: (ev: KeyboardEvent) => void;
-    onmousedown?: (ev: MouseEvent) => void;
-    onmouseup?: (ev: MouseEvent) => void;
+    onBlur?: (ev: any) => void;
+    onChange?: (ev: any) => void;
+    onClick?: (ev: MouseEvent) => void;
+    onDblClick?: (ev: MouseEvent) => void;
+    onDrag?: (ev: DragEvent) => void;
+    onDragOver?: (ev: DragEvent) => void;
+    onDrop?: (ev: DragEvent) => void;
+    onFocus?: (ev: any) => void;
+    onInput?: (ev: any) => void;
+    onKeyDown?: (ev: KeyboardEvent) => void;
+    onKeyPress?: (ev: KeyboardEvent) => void;
+    onKeyUp?: (ev: KeyboardEvent) => void;
+    onMouseDown?: (ev: MouseEvent) => void;
+    onMouseUp?: (ev: MouseEvent) => void;
     pattern?: string;
     placeholder?: string;
     readonly?: boolean;
@@ -76,6 +76,8 @@ declare const InputField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+    select: () => void | null;
 }, "value">;
 type InputField = InstanceType<typeof InputField>;
 export default InputField;

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

@@ -8,6 +8,14 @@
 	export function focus() {
 		inputFieldRef?.focus();
 	}
+
+	export function getElement(){
+		return inputFieldRef;
+	}
+
+	export function select(){
+		  inputFieldRef && inputFieldRef.select();
+	}
 </script>
 
 <InputField bind:this={inputFieldRef} {...props} type="number" bind:value />

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -16,6 +17,16 @@ declare const NumberField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsTyp
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void;
 }, "value">;
 type NumberField = InstanceType<typeof NumberField>;
 export default NumberField;

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

@@ -28,6 +28,14 @@
 		inputFieldRef?.focus();
 	}
 
+	export function getElement(){
+		return inputFieldRef;
+	}
+
+	export function select(){
+		  inputFieldRef && inputFieldRef.select();
+	}
+
 	function handleTogglePassword() {
 		if (type == 'password') {
 			type = 'text';
@@ -66,7 +74,7 @@
 	<button
 		id="btn-eye-{name || id}"
 		type="button"
-		class="px-3 h-full hover:bg-gray-100 focus:outline-primary {btnRoundedClassName} {buttonClassName}"
+		class="px-3 h-full hover:bg-base-100 focus:outline-primary {btnRoundedClassName} {buttonClassName}"
 		use:ripple
 		onclick={handleTogglePassword}
 	>

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -19,6 +20,16 @@ declare const PasswordField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsT
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void;
 }, "value">;
 type PasswordField = InstanceType<typeof PasswordField>;
 export default PasswordField;

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

@@ -79,6 +79,14 @@
 		inputFieldRef?.focus();
 	}
 
+	export function getElement(){
+		return inputFieldRef;
+	}
+
+	export function select(){
+		  inputFieldRef && inputFieldRef.select();
+	}
+
 	function formatDialCode(dialcode: string) {
 		dialcode = `${dialCode}`.trim();
 		if (!dialCode.startsWith('+')) {
@@ -202,6 +210,6 @@
 	{floatingLabel}
 	className="pl-16  {className}"
 	labelClassName=" {floatingLabel ? 'peer-placeholder-shown:ps-16' : ''} {labelClassName}"
-	oninput={handleNumberInput}
-	onkeydown={handleNumberKeyDown}
+	onInput={handleNumberInput}
+	onKeyDown={handleNumberKeyDown}
 />

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 export type LibPhoneNumberParseType = {
     isValid: () => boolean;
     nationalNumber: string;
@@ -40,6 +41,16 @@ declare const PhoneField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void;
 }, "value" | "dialCode">;
 type PhoneField = InstanceType<typeof PhoneField>;
 export default PhoneField;

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

@@ -46,6 +46,7 @@
 		descClassName,
 		onChange
 	}: RadioPropsType = $props();
+ 
 
 	let hasPrimitiveItemsData = $derived.by(() => {
 		if (items?.length) {
@@ -75,7 +76,7 @@
 		}
 		return [];
 	});
-
+ 
 	function handleChange(ev: Event, item: RadioItemType) {
 		value = item.value;
 		if (onChange && value) {

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

@@ -1,7 +1,5 @@
 <script lang="ts">
-	import InputField, {
-		type InputFieldSizeType
-	} from '../input-field/input-field.svelte';
+	import InputField, { type InputFieldSizeType } from '../input-field/input-field.svelte';
 
 	type RangeFieldPropsType = {
 		id?: string;
@@ -33,7 +31,7 @@
 
 	let rangeSizeClassName = $state('');
 
-	 	$effect(() => {
+	$effect(() => {
 		switch (size) {
 			case 'lg':
 				rangeSizeClassName = 'h-3 ';
@@ -49,9 +47,25 @@
 				break;
 		}
 	});
+
+	let inputRef: HTMLInputElement | null = $state(null);
+
+	export function getElement() {
+		return inputRef;
+	}
+
+	export function focus() {
+		return inputRef && inputRef.focus();
+	}
+
+	export function select() {
+		return inputRef && inputRef.select();
+	}
 </script>
 
 <input
+	bind:this={inputRef}
+	bind:value
 	{id}
 	{name}
 	type="range"
@@ -59,8 +73,7 @@
 	{min}
 	{max}
 	{step}
-	bind:value
-	{oninput} 
+	{oninput}
 	{onfocus}
 	{onblur}
 />

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

@@ -26,6 +26,10 @@ declare const RangeField: $$__sveltets_2_IsomorphicComponent<{
     onblur?: (ev: any) => void;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "value">;
+}, {}, {
+    getElement: () => HTMLInputElement | null;
+    focus: () => void | null;
+    select: () => void | null;
+}, "value">;
 type RangeField = InstanceType<typeof RangeField>;
 export default RangeField;

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

@@ -7,10 +7,13 @@
 		className,
 		placeholder,
 		iconClassName,
-value=$bindable(''),
+		value = $bindable(''),
 		onSearch,
 		...props
-	}: InputFieldPropsType & { iconClassName?: string; onSearch?: (value: string) => void } = $props();
+	}: InputFieldPropsType & {
+		iconClassName?: string;
+		onSearch?: (value: string) => void;
+	} = $props();
 
 	const debouncedSearch = debounce(search, 300);
 	let lastQuery: string;
@@ -21,6 +24,13 @@ value=$bindable(''),
 		inputFieldRef?.focus();
 	}
 
+	export function getElement() {
+		return inputFieldRef;
+	}
+	export function select() {
+		inputFieldRef && inputFieldRef.select();
+	}
+
 	function handleInput(ev: any) {
 		// console.log(ev);
 		let input: HTMLInputElement = ev?.target;
@@ -56,13 +66,13 @@ value=$bindable(''),
 	<Icon path={mdiMagnify} className="mx-3 text-gray-400 {iconClassName}"></Icon>
 {/snippet}
 <InputField
+	bind:value
 	bind:this={inputFieldRef}
 	{...props}
 	type="search"
 	maxlength={props?.maxlength || 200}
 	leftSnippet={searchIcon}
-	className=" pl-12 {className}"
+	className="pl-12 {className}"
 	{placeholder}
-	oninput={handleInput}
-	bind:value
+	onInput={handleInput}
 />

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -19,6 +20,16 @@ declare const SearchField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsTyp
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void;
 }, "value">;
 type SearchField = InstanceType<typeof SearchField>;
 export default SearchField;

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

@@ -9,6 +9,14 @@
 	export function focus() {
 		inputFieldRef?.focus();
 	}
+
+	export function getElement(){
+		return inputFieldRef;
+	}
+
+	export function select(){
+		return inputFieldRef && inputFieldRef.select();
+	}
 </script>
 
 <InputField

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -16,6 +17,16 @@ declare const TextField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType,
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void | null;
 }, "value">;
 type TextField = InstanceType<typeof TextField>;
 export default TextField;

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

@@ -7,6 +7,14 @@
 	export function focus() {
 		inputFieldRef?.focus();
 	}
+
+	export function getElement(){
+		return inputFieldRef;
+	}
+
+	export function select(){
+		return inputFieldRef && inputFieldRef.select();
+	}
 </script>
 
 <InputField

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -16,6 +17,16 @@ declare const TextareaField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsT
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void | null;
 }, "value">;
 type TextareaField = InstanceType<typeof TextareaField>;
 export default TextareaField;

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

@@ -7,6 +7,14 @@
 	export function focus() {
 		inputFieldRef?.focus();
 	}
+
+	export function getElement(){
+		return inputFieldRef;
+	}
+
+	export function select(){
+		return inputFieldRef && inputFieldRef.select();
+	}
 </script>
 
 <InputField bind:this={inputFieldRef} {...props} type="time" bind:value />

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 import { type InputFieldPropsType } 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> & {
@@ -16,6 +17,16 @@ declare const TimeField: $$__sveltets_2_IsomorphicComponent<InputFieldPropsType,
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
+    getElement: () => (SvelteComponent<InputFieldPropsType, {
+        [evt: string]: CustomEvent<any>;
+    }, {}> & {
+        $$bindings?: "value" | undefined;
+    } & {
+        focus: () => void;
+        getElement: () => HTMLInputElement | HTMLTextAreaElement | null;
+        select: () => void | null;
+    }) | null;
+    select: () => void | null;
 }, "value">;
 type TimeField = InstanceType<typeof TimeField>;
 export default TimeField;