@cloudparker/moldex.js 4.1.6 → 4.1.7

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

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { mdiPhone } from '../../../icon';
-	import Icon from '../../../icon/components/icon/icon.svelte';
-
-	type PropsType = {
-		input: string;
-		buttonClassName?: string;
-		iconPath?: string;
-		iconClassName?: string;
-	};
-
-	let { input, buttonClassName, iconClassName, iconPath = mdiPhone }: PropsType = $props();
-</script>
-
-<span class="flex items-center">
-	<span>{input || ''}</span>
-	{#if input}
-		<a
-			class="ms-1 p-1 rounded text-gray-500 hover:text-gray-700 hover:bg-gray-100 {buttonClassName}"
-			href="tel:{input}"
-		>
-			<Icon path={iconPath} className="w-4 h-4 {iconClassName} " />
-		</a>
-	{/if}
-</span>

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

@@ -1,9 +0,0 @@
-type PropsType = {
-    input: string;
-    buttonClassName?: string;
-    iconPath?: string;
-    iconClassName?: string;
-};
-declare const TextPhone: import("svelte").Component<PropsType, {}, "">;
-type TextPhone = ReturnType<typeof TextPhone>;
-export default TextPhone;

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

@@ -1,8 +0,0 @@
-import TextAwait from "./components/text-await/text-await.svelte";
-import TextCopy from "./components/text-copy/text-copy.svelte";
-import TextCurrency from "./components/text-currency/text-currency.svelte";
-import TextDate from "./components/text-date/text-date.svelte";
-import TextEmail from "./components/text-email/text-email.svelte";
-import TextHtml from "./components/text-html/text-html.svelte";
-import TextPhone from "./components/text-phone/text-phone.svelte";
-export { TextAwait, TextCopy, TextCurrency, TextDate, TextEmail, TextHtml, TextPhone, };

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

@@ -1,8 +0,0 @@
-import TextAwait from "./components/text-await/text-await.svelte";
-import TextCopy from "./components/text-copy/text-copy.svelte";
-import TextCurrency from "./components/text-currency/text-currency.svelte";
-import TextDate from "./components/text-date/text-date.svelte";
-import TextEmail from "./components/text-email/text-email.svelte";
-import TextHtml from "./components/text-html/text-html.svelte";
-import TextPhone from "./components/text-phone/text-phone.svelte";
-export { TextAwait, TextCopy, TextCurrency, TextDate, TextEmail, TextHtml, TextPhone, };

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

@@ -1,64 +0,0 @@
-<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">
-	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}
-	<div
-		{id}
-		class="fixed bottom-20 left-1/2 transform -translate-x-1/2 p-3 px-6 max-w-full text-gray-700 bg-white shadow-xl dark:shadow-neutral-700 dark:bg-neutral-600 dark:text-neutral-300 rounded-full transition-opacity duration-300 {isOpened
-			? 'opacity-100'
-			: 'opacity-0'} toast {className}"
-	>
-		{#if children}
-			{@render children()}
-		{:else}
-			{@html msg}
-		{/if}
-	</div>
-{/if}
-
-<style>
-	.toast {
-		z-index: 1000;
-	}
-</style>

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

@@ -1,14 +0,0 @@
-import type { Snippet } from 'svelte';
-export type ToastPropsType = {
-    id?: string;
-    msg: string;
-    duration?: number;
-    className?: string;
-    children?: Snippet;
-};
-declare const Toast: import("svelte").Component<ToastPropsType, {
-    openToast: () => void;
-    closeClose: () => void;
-}, "">;
-type Toast = ReturnType<typeof Toast>;
-export default Toast;

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

@@ -1,2 +0,0 @@
-import type { ToastPropsType } from './components/toast/toast.svelte';
-export { type ToastPropsType, };

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

@@ -1 +0,0 @@
-export {};

package/dist/views/extra/fields/country-combobox-field.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">
-	import type { ComboboxFieldProps, InputFieldProps } from '../../core';
-	import ComboboxField from '../../core/input/components/combobox-field/combobox-field.svelte';
-	import CountryLoader from '../loaders/country-loader.svelte';
-
-	type Props = {
-		value?: any;
-	};
-
-	let {
-		value = $bindable(null),
-		titleFieldName = 'name',
-		displayFieldName = 'name',
-		searchFieldName = 'name',
-		identityFieldName = 'isoCode',
-		hasDropdownHeader = true,
-		hasDropdownHeaderSearch = true,
-		hasDropdownFooter = true,
-		hasDropdownFooterCreateButton = true,
-		...props
-	}: ComboboxFieldProps & InputFieldProps & Props = $props();
-
-	let countries: any[] = $state([]);
-</script>
-
-<CountryLoader bind:countries>
-	<ComboboxField
-		bind:value
-		items={countries}
-		{titleFieldName}
-		{displayFieldName}
-		{searchFieldName}
-		{identityFieldName}
-		{hasDropdownHeader}
-		{hasDropdownHeaderSearch}
-		{hasDropdownFooter}
-		{hasDropdownFooterCreateButton}
-		dropdownFooterClassName="border-t"
-		createButtonClassName="border-primary text-primary hover:text-primary"
-		{...props}
-	/>
-</CountryLoader>

package/dist/views/extra/fields/country-combobox-field.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { ComboboxFieldProps, InputFieldProps } from '../../core';
-type Props = {
-    value?: any;
-};
-type $$ComponentProps = ComboboxFieldProps & InputFieldProps & Props;
-declare const CountryComboboxField: import("svelte").Component<$$ComponentProps, {}, "value">;
-type CountryComboboxField = ReturnType<typeof CountryComboboxField>;
-export default CountryComboboxField;

package/dist/views/extra/index.d.ts

@@ -1,6 +0,0 @@
-import CountryComboboxField from "./fields/country-combobox-field.svelte";
-import TextCountry from "./texts/text-country.svelte";
-import TextCountryState from "./texts/text-country-state.svelte";
-import CountryLoader, { type Country } from "./loaders/country-loader.svelte";
-export type { Country };
-export { CountryComboboxField, TextCountry, CountryLoader, TextCountryState, };

package/dist/views/extra/index.js

@@ -1,5 +0,0 @@
-import CountryComboboxField from "./fields/country-combobox-field.svelte";
-import TextCountry from "./texts/text-country.svelte";
-import TextCountryState from "./texts/text-country-state.svelte";
-import CountryLoader, {} from "./loaders/country-loader.svelte";
-export { CountryComboboxField, TextCountry, CountryLoader, TextCountryState, };

package/dist/views/extra/loaders/country-loader.svelte

@@ -1,44 +0,0 @@
-<script lang="ts" module>
-	export type Country = {
-		isoCode: string;
-		dialCode: string;
-		name: string;
-	};
-</script>
-
-<script lang="ts">
-	import EasyScriptLoader from '@cloudparker/easy-script-loader-svelte';
-	import type { Snippet } from 'svelte';
-
-	type Props = {
-		countries?: Country[];
-		onLoad?: (countries?: Country[]) => void;
-		children?: Snippet;
-	};
-
-	let { countries = $bindable([]), onLoad, children }: Props = $props();
-
-	let EasyCountryData: any;
-
-	export async function loadCountries() {
-		if (EasyCountryData) {
-			countries = EasyCountryData.getCountries();
-			onLoad && onLoad(countries);
-		}
-	}
-
-	function handleCountriesLoaded(lib: any) {
-		EasyCountryData = lib;
-		loadCountries();
-	}
-</script>
-
-<EasyScriptLoader
-	scriptUrl="https://cdn.jsdelivr.net/gh/paramanandapradhan/easy-countrydata@main/dist/index.js"
-	scriptName="EasyCountryData"
-	onLoad={handleCountriesLoaded}
-/>
-
-{#if children}
-	{@render children()}
-{/if}

package/dist/views/extra/loaders/country-loader.svelte.d.ts

@@ -1,16 +0,0 @@
-export type Country = {
-    isoCode: string;
-    dialCode: string;
-    name: string;
-};
-import type { Snippet } from 'svelte';
-type Props = {
-    countries?: Country[];
-    onLoad?: (countries?: Country[]) => void;
-    children?: Snippet;
-};
-declare const CountryLoader: import("svelte").Component<Props, {
-    loadCountries: () => Promise<void>;
-}, "countries">;
-type CountryLoader = ReturnType<typeof CountryLoader>;
-export default CountryLoader;

package/dist/views/extra/texts/text-country-state.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-	import EasyScriptLoader from '@cloudparker/easy-script-loader-svelte';
-	import { BROWSER } from 'esm-env';
-	import { mount, onMount } from 'svelte';
-
-	let { input }: { input: string } = $props();
-
-	let states: any[] = $state([]);
-	let state: any | null = $state(null);
-
-	let EasyCountryStateData: any;
-
-	async function init() {
-		if (EasyCountryStateData) {
-			states = EasyCountryStateData.getStates() || [];
-		}
-	}
-
-	async function prepare(..._: any) {
-		if (input) {
-			await init();
-			if (states?.length) {
-				state = states.find((o) => o._id == input);
-			}
-		} else {
-			state = null;
-		}
-	}
-
-	function handleScriptLoad(ev: CustomEvent) {
-		EasyCountryStateData = ev.detail;
-		init();
-	}
-
-	onMount(() => {
-		prepare(input, states);
-	});
-</script>
-
-<EasyScriptLoader
-	scriptName="EasyCountryStateData"
-	scriptUrl="https://cdn.jsdelivr.net/gh/paramanandapradhan/easy-country-state-data@main/dist/index.js"
-	onLoad={handleScriptLoad}
-/>
-
-{#if state}
-	<span> {state?.name || ''} </span>
-{/if}

package/dist/views/extra/texts/text-country-state.svelte.d.ts

@@ -1,6 +0,0 @@
-type $$ComponentProps = {
-    input: string;
-};
-declare const TextCountryState: import("svelte").Component<$$ComponentProps, {}, "">;
-type TextCountryState = ReturnType<typeof TextCountryState>;
-export default TextCountryState;

package/dist/views/extra/texts/text-country.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	import CountryLoader, { type Country } from '../loaders/country-loader.svelte';
-
-	type Props = {
-		input?: string;
-	};
-
-	let { input }: Props = $props();
-
-	let countries: Country[] = $state([]);
-
-	let country = $derived.by(() => {
-		if (input && countries?.length) {
-			return countries.find((c) => c.isoCode == input);
-		}
-	});
-</script>
-
-<CountryLoader bind:countries>
-    {country?.name || ''}
-</CountryLoader>

package/dist/views/extra/texts/text-country.svelte.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    input?: string;
-};
-declare const TextCountry: import("svelte").Component<Props, {}, "">;
-type TextCountry = ReturnType<typeof TextCountry>;
-export default TextCountry;

package/dist/views/index.d.ts

@@ -1,2 +0,0 @@
-export * from './core/index.js';
-export * from './extra/index.js';

package/dist/views/index.js

@@ -1,2 +0,0 @@
-export * from './core/index.js';
-export * from './extra/index.js';