@cloudparker/moldex.js 4.1.6 → 4.1.7

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

@@ -1,79 +0,0 @@
-<script lang="ts">
-	 
-	import Icon from '../../../icon/components/icon/icon.svelte';
-	import { mdiMagnify } from '../../../icon/index.js';
-	import InputField, { type InputFieldProps } from '../input-field/input-field.svelte';
-
-	let {
-		className,
-		placeholder,
-		iconClassName,
-		value = $bindable(''),
-		onSearch,
-		...props
-	}: InputFieldProps & {
-		iconClassName?: string;
-		onSearch?: (value: string) => void;
-	} = $props();
-
-	const debouncedSearch = debounce(search, 300);
-	let lastQuery: string;
-
-	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: any) {
-		// console.log(ev);
-		let input: HTMLInputElement = ev?.target;
-		if (input) {
-			let searchText = (input.value || '').toLowerCase().trim();
-			debouncedSearch(searchText);
-		}
-	}
-
-	function search(query: string) {
-		if (lastQuery != query) {
-			onSearch && onSearch(query);
-			lastQuery = query;
-		}
-	}
-
-	function debounce<T extends (...args: any[]) => void>(
-		func: T,
-		wait: number
-	): (...args: Parameters<T>) => void {
-		let timeout: ReturnType<typeof setTimeout>;
-
-		return function (...args: Parameters<T>) {
-			clearTimeout(timeout);
-			timeout = setTimeout(() => {
-				func(...args);
-			}, wait);
-		};
-	}
-</script>
-
-{#snippet searchIcon()}
-	<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}"
-	{placeholder}
-	onInput={handleInput}
-/>

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

@@ -1,12 +0,0 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
-type $$ComponentProps = InputFieldProps & {
-    iconClassName?: string;
-    onSearch?: (value: string) => void;
-};
-declare const SearchField: import("svelte").Component<$$ComponentProps, {
-    focus: () => void;
-    getElement: () => any;
-    select: () => void;
-}, "value">;
-type SearchField = ReturnType<typeof SearchField>;
-export default SearchField;

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

@@ -1,30 +0,0 @@
-<script lang="ts">
-	import InputField, { type InputFieldProps } from '../input-field/input-field.svelte';
-
-	let {
-		maxlength,
-		value = $bindable(''),
-		...props
-	}: InputFieldProps & { value?: string | null | undefined } = $props();
-	let inputFieldRef: any | null = $state(null);
-
-	export function focus() {
-		inputFieldRef?.focus();
-	}
-
-	export function getElement() {
-		return inputFieldRef;
-	}
-
-	export function select() {
-		return inputFieldRef && inputFieldRef.select();
-	}
-</script>
-
-<InputField
-	{...props}
-	bind:value={value as string | null | undefined}
-	bind:this={inputFieldRef}
-	type="text"
-	maxlength={maxlength || 200}
-/>

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

@@ -1,11 +0,0 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
-type $$ComponentProps = InputFieldProps & {
-    value?: string | null | undefined;
-};
-declare const TextField: import("svelte").Component<$$ComponentProps, {
-    focus: () => void;
-    getElement: () => any;
-    select: () => any;
-}, "value">;
-type TextField = ReturnType<typeof TextField>;
-export default TextField;

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

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

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

@@ -1,8 +0,0 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
-declare const TextareaField: import("svelte").Component<InputFieldProps, {
-    focus: () => void;
-    getElement: () => any;
-    select: () => any;
-}, "value">;
-type TextareaField = ReturnType<typeof TextareaField>;
-export default TextareaField;

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

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import InputField, { type InputFieldProps } from '../input-field/input-field.svelte';
-
-	let { value = $bindable(), ...props }: InputFieldProps = $props();
-	let inputFieldRef: any | null = $state(null);
-
-	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,8 +0,0 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
-declare const TimeField: import("svelte").Component<InputFieldProps, {
-    focus: () => void;
-    getElement: () => any;
-    select: () => any;
-}, "value">;
-type TimeField = ReturnType<typeof TimeField>;
-export default TimeField;

package/dist/views/core/input/index.d.ts

@@ -1,23 +0,0 @@
-import { type InputFieldAppearance, type InputFieldProps, type InputFieldSize } from "./components/input-field/input-field.svelte";
-import type { RadioDiration, RadioItems, RadioItem, RadioPosition, RadioPropsType, RadioValuetype } from "./components/radio-field/radio-field.svelte";
-import type { ComboboxFieldProps } from './components/combobox-field/combobox-field.svelte';
-import CheckboxField from "./components/checkbox-field/checkbox-field.svelte";
-import ColorField from "./components/color-field/color-field.svelte";
-import ComboboxField from "./components/combobox-field/combobox-field.svelte";
-import DateField from "./components/date-field/date-field.svelte";
-import DatetimeField from "./components/datetime-field/datetime-field.svelte";
-import EmailField from "./components/email-field/email-field.svelte";
-import FileField from "./components/file-field/file-field.svelte";
-import InputField from "./components/input-field/input-field.svelte";
-import Label from "./components/label/label.svelte";
-import NumberField from "./components/number-field/number-field.svelte";
-import PasswordField from "./components/password-field/password-field.svelte";
-import PhoneField from "./components/phone-field/phone-field.svelte";
-import RadioField from "./components/radio-field/radio-field.svelte";
-import RangeField from "./components/range-field/range-field.svelte";
-import SearchField from "./components/search-field/search-field.svelte";
-import TextField from "./components/text-field/text-field.svelte";
-import TextareaField from "./components/textarea-field/textarea-field.svelte";
-import TimeField from "./components/time-field/time-field.svelte";
-export type { InputFieldAppearance, InputFieldProps, InputFieldSize, RadioDiration, RadioItems, RadioItem, RadioPosition, RadioPropsType, RadioValuetype, ComboboxFieldProps, };
-export { CheckboxField, ColorField, ComboboxField, DateField, DatetimeField, EmailField, FileField, InputField, Label, NumberField, PasswordField, PhoneField, RadioField, RangeField, SearchField, TextareaField, TextField, TimeField };

package/dist/views/core/input/index.js

@@ -1,20 +0,0 @@
-import {} from "./components/input-field/input-field.svelte";
-import CheckboxField from "./components/checkbox-field/checkbox-field.svelte";
-import ColorField from "./components/color-field/color-field.svelte";
-import ComboboxField from "./components/combobox-field/combobox-field.svelte";
-import DateField from "./components/date-field/date-field.svelte";
-import DatetimeField from "./components/datetime-field/datetime-field.svelte";
-import EmailField from "./components/email-field/email-field.svelte";
-import FileField from "./components/file-field/file-field.svelte";
-import InputField from "./components/input-field/input-field.svelte";
-import Label from "./components/label/label.svelte";
-import NumberField from "./components/number-field/number-field.svelte";
-import PasswordField from "./components/password-field/password-field.svelte";
-import PhoneField from "./components/phone-field/phone-field.svelte";
-import RadioField from "./components/radio-field/radio-field.svelte";
-import RangeField from "./components/range-field/range-field.svelte";
-import SearchField from "./components/search-field/search-field.svelte";
-import TextField from "./components/text-field/text-field.svelte";
-import TextareaField from "./components/textarea-field/textarea-field.svelte";
-import TimeField from "./components/time-field/time-field.svelte";
-export { CheckboxField, ColorField, ComboboxField, DateField, DatetimeField, EmailField, FileField, InputField, Label, NumberField, PasswordField, PhoneField, RadioField, RangeField, SearchField, TextareaField, TextField, TimeField };

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

@@ -1,170 +0,0 @@
-<script module lang="ts">
-	export type NavbarProps = {
-		disabledLogo?: boolean;
-		backIconPath?: string;
-		backButtonClassName?: string;
-		centerContainerClassName?: string;
-		centerSnippet?: Snippet<[]>;
-		children?: Snippet;
-		className?: String;
-		drawerButtonClassName?: string;
-		hasBack?: boolean;
-		hasLogo?: boolean;
-		hasMore?: boolean;
-		hasSubtitle?: boolean;
-		hasTitle?: boolean;
-		id?: string;
-		leftContainerClassName?: string;
-		leftSnippet?: Snippet<[]>;
-		logoButtonClassName?: string;
-		logoIconClassName?: string;
-		logoIconPath?: string;
-		logoImgClassName?: string;
-		logoImgSrc?: string;
-		moreIconPath?: string;
-		morePosition?: 'left' | 'right';
-		onLogo?: () => void;
-		onMore?: () => void;
-		onBack?: () => void;
-		rightContainerClassName?: string;
-		rightSnippet?: Snippet<[]>;
-		subtitle?: string;
-		subtitleClassName?: string;
-		title?: string;
-		titleClassName?: string;
-	};
-</script>
-
-<script lang="ts">
-	import ButtonBack from '../../../button/components/button-back/button-back.svelte';
-	import Button from '../../../button/components/button/button.svelte';
-	import { Icon, mdiMenu } from '../../../icon';
-	import type { Snippet } from 'svelte';
-
-	let {
-		disabledLogo,
-		backButtonClassName,
-		backIconPath,
-		centerContainerClassName = '',
-		centerSnippet,
-		children,
-		className = '',
-		drawerButtonClassName = '',
-		hasBack = false,
-		hasLogo = false,
-		hasMore = false,
-		hasSubtitle = false,
-		hasTitle = false,
-		id = '',
-		leftContainerClassName = '',
-		leftSnippet,
-		logoButtonClassName = '',
-		logoIconClassName = 'text-indigo-600',
-		logoIconPath,
-		logoImgClassName = '',
-		logoImgSrc,
-		moreIconPath = mdiMenu,
-		morePosition = 'left',
-		onLogo,
-		onMore,
-		onBack,
-		rightContainerClassName = '',
-		rightSnippet,
-		subtitle = '',
-		subtitleClassName = '',
-		title = '',
-		titleClassName = ''
-	}: NavbarProps = $props();
-</script>
-
-<nav
-	class="sticky top-0 z-20 flex h-16 shrink-0 items-center px-2 border-b border-neutral-100 dark:border-neutral-700 bg-white dark:bg-neutral-800 shadow-sm {className}"
->
-	{#if hasBack}
-		<div class="h-full flex items-center">
-			<ButtonBack
-				iconPath={backIconPath}
-				className="text-neutral-800 dark:text-neutral-100 {backButtonClassName}"
-				onClick={onBack}
-			/>
-		</div>
-	{/if}
-	{#if hasMore && morePosition === 'left'}
-		<div class="h-full">
-			<button
-				type="button"
-				class="h-full px-2 text-neutral-800 dark:text-neutral-100 {drawerButtonClassName}"
-				disabled={disabledLogo}
-				onclick={onMore}
-			>
-				<Icon path={moreIconPath} />
-			</button>
-		</div>
-	{/if}
-	{#if hasLogo}
-		<div class="h-full">
-			<button
-				id="btn-more"
-				type="button"
-				class="h-full px-2 rounded-0 text-neutral-800 dark:text-neutral-100 {logoButtonClassName}"
-				disabled={!onLogo}
-				onclick={onLogo}
-			>
-				{#if logoIconPath}
-					<Icon path={logoIconPath} className="h-10 w-10 {logoIconClassName}" />
-				{/if}
-				{#if logoImgSrc}
-					<img src={logoImgSrc} class="h-8 w-8 {logoImgClassName}" alt="logo" />
-				{/if}
-			</button>
-		</div>
-	{/if}
-	{#if children}
-		{@render children()}
-	{:else}
-		<div class="h-full flex items-center">
-			<div>
-				{#if hasTitle}
-					<div class="font-bold px-2 text-neutral-800 dark:text-neutral-100 {titleClassName}">
-						{title || ''}
-					</div>
-				{/if}
-				{#if hasSubtitle}
-					<div class="text-sm px-2 text-neutral-600 dark:text-neutral-500 {subtitleClassName}">
-						{subtitle || ''}
-					</div>
-				{/if}
-			</div>
-		</div>
-		<div class="h-full {leftContainerClassName}">
-			{#if leftSnippet}
-				{@render leftSnippet()}
-			{/if}
-		</div>
-		<div class="flex-grow flex items-center justify-center h-full {centerContainerClassName}">
-			{#if centerSnippet}
-				{@render centerSnippet()}
-			{/if}
-		</div>
-		<div class="h-full {rightContainerClassName}">
-			{#if rightSnippet}
-				{@render rightSnippet()}
-			{/if}
-		</div>
-	{/if}
-	{#if hasMore && morePosition === 'right'}
-		<div class="h-full">
-			<div class="h-full">
-				<button
-					id="btn-more"
-					type="button"
-					class="h-full px-2 text-neutral-800 dark:text-neutral-100 {drawerButtonClassName}"
-					disabled={!onMore}
-					onclick={onMore}
-				>
-					<Icon path={moreIconPath} />
-				</button>
-			</div>
-		</div>
-	{/if}
-</nav>

package/dist/views/core/navbar/components/navbar/navbar.svelte.d.ts

@@ -1,38 +0,0 @@
-export type NavbarProps = {
-    disabledLogo?: boolean;
-    backIconPath?: string;
-    backButtonClassName?: string;
-    centerContainerClassName?: string;
-    centerSnippet?: Snippet<[]>;
-    children?: Snippet;
-    className?: String;
-    drawerButtonClassName?: string;
-    hasBack?: boolean;
-    hasLogo?: boolean;
-    hasMore?: boolean;
-    hasSubtitle?: boolean;
-    hasTitle?: boolean;
-    id?: string;
-    leftContainerClassName?: string;
-    leftSnippet?: Snippet<[]>;
-    logoButtonClassName?: string;
-    logoIconClassName?: string;
-    logoIconPath?: string;
-    logoImgClassName?: string;
-    logoImgSrc?: string;
-    moreIconPath?: string;
-    morePosition?: 'left' | 'right';
-    onLogo?: () => void;
-    onMore?: () => void;
-    onBack?: () => void;
-    rightContainerClassName?: string;
-    rightSnippet?: Snippet<[]>;
-    subtitle?: string;
-    subtitleClassName?: string;
-    title?: string;
-    titleClassName?: string;
-};
-import type { Snippet } from 'svelte';
-declare const Navbar: import("svelte").Component<NavbarProps, {}, "">;
-type Navbar = ReturnType<typeof Navbar>;
-export default Navbar;

package/dist/views/core/navbar/index.d.ts

@@ -1,4 +0,0 @@
-import Navbar from "./components/navbar/navbar.svelte";
-import { type NavbarProps } from "./components/navbar/navbar.svelte";
-export type { NavbarProps, };
-export { Navbar };

package/dist/views/core/navbar/index.js

@@ -1,3 +0,0 @@
-import Navbar from "./components/navbar/navbar.svelte";
-import {} from "./components/navbar/navbar.svelte";
-export { Navbar };

package/dist/views/core/no-data/components/no-data/no-data.svelte

@@ -1,47 +0,0 @@
-<script lang="ts">
-	import Icon from '../../../icon/components/icon/icon.svelte';
-	import type { Snippet } from 'svelte';
-
-	type PlacementType = 'top' | 'bottom' | 'left' | 'right';
-
-	type PropsType = {
-		message?: string;
-		className?: string;
-		iconPath?: string;
-		iconClassName?: string;
-		iconPlacement?: PlacementType;
-		children?: Snippet;
-	};
-
-	let {
-		message = 'No data found!',
-		className = '',
-		iconPath = '',
-		iconClassName = '',
-		iconPlacement = 'top',
-		children
-	}: PropsType = $props();
-
-	const iconPlacementClassNameMap: any = {
-		top: 'flex-col',
-		bottom: 'flex-col-reverse',
-		left: 'flex-row',
-		right: 'flex-row-reverse'
-	};
-
-	let iconPlacementClassName: string = $derived(iconPlacementClassNameMap[iconPlacement]);
- 
-</script>
-
-<div
-	class="flex items-center justify-center gap-3 text-gray-500 p-4 {iconPlacementClassName}  {className}"
->
-	{#if children}
-		{@render children()}
-	{:else}
-		{#if iconPath}
-			<Icon path={iconPath} className="w-6 h-6 {iconClassName}" />
-		{/if}
-		<div>{@html message}</div>
-	{/if}
-</div>

package/dist/views/core/no-data/components/no-data/no-data.svelte.d.ts

@@ -1,13 +0,0 @@
-import type { Snippet } from 'svelte';
-type PlacementType = 'top' | 'bottom' | 'left' | 'right';
-type PropsType = {
-    message?: string;
-    className?: string;
-    iconPath?: string;
-    iconClassName?: string;
-    iconPlacement?: PlacementType;
-    children?: Snippet;
-};
-declare const NoData: import("svelte").Component<PropsType, {}, "">;
-type NoData = ReturnType<typeof NoData>;
-export default NoData;

package/dist/views/core/no-data/index.d.ts

@@ -1,2 +0,0 @@
-import NoData from "./components/no-data/no-data.svelte";
-export { NoData };

package/dist/views/core/no-data/index.js

@@ -1,2 +0,0 @@
-import NoData from "./components/no-data/no-data.svelte";
-export { NoData };