@cloudparker/moldex.js 0.0.7 → 0.0.8

package/dist/text/components/text-await/text-await.svelte.d.ts

@@ -0,0 +1,22 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextAwait: $$__sveltets_2_IsomorphicComponent<{
+    input?: Promise<any | null> | undefined;
+    key?: string;
+    hasTitle?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextAwait = InstanceType<typeof TextAwait>;
+export default TextAwait;

package/dist/text/components/text-copy/text-copy.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">import Button from "../../../button/components/button/button.svelte";
+import { mdiContentCopy } from "../../../icon/index.js";
+import { showToast } from "../../../toast/index.js";
+import { copyText } from "../../../utils/index.js";
+let {
+  input,
+  containerClassName = "",
+  buttonClassName = "",
+  iconClassName = "",
+  iconPath = mdiContentCopy
+} = $props();
+function handleCopy() {
+  if (input) {
+    copyText(input);
+    showToast("Copied!");
+  }
+}
+</script>
+
+<span class="flex items-center {containerClassName}">
+	<span>{input || ''}</span>
+	{#if input}
+		<Button
+			onclick={handleCopy}
+			className="ms-1 p-1 rounded text-gray-500 hover:text-gray-700 hover:bg-gray-100 {buttonClassName}"
+			iconClassName="w-4 h-4 {iconClassName}"
+			{iconPath}
+		/>
+	{/if}
+</span>

package/dist/text/components/text-copy/text-copy.svelte.d.ts

@@ -0,0 +1,24 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextCopy: $$__sveltets_2_IsomorphicComponent<{
+    input: string;
+    containerClassName?: string;
+    buttonClassName?: string;
+    iconClassName?: string;
+    iconPath?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextCopy = InstanceType<typeof TextCopy>;
+export default TextCopy;

package/dist/text/components/text-country/text-country.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">import EasyScriptLoader from "@cloudparker/easy-script-loader-svelte";
+import { BROWSER } from "esm-env";
+let { input } = $props();
+let countries = $state([]);
+let country = $state(null);
+let EasyCountryData;
+async function init() {
+  if (EasyCountryData) {
+    countries = EasyCountryData.getCountries();
+  }
+}
+function handleScriptLoad(lib) {
+  EasyCountryData = lib;
+  init();
+}
+async function prepare(..._) {
+  if (input) {
+    if (countries?.length) {
+      country = countries.find((o) => o.isoCode == input);
+    }
+  } else {
+    country = null;
+  }
+}
+$effect(() => {
+  BROWSER && prepare(input, countries);
+});
+</script>
+
+<EasyScriptLoader
+	scriptName="EasyCountryData"
+	scriptUrl="https://cdn.jsdelivr.net/gh/paramanandapradhan/easy-countrydata@main/dist/index.js"
+	onload={handleScriptLoad}
+/>
+{#if country}
+	<span> {country?.name || ''} </span>
+{/if}

package/dist/text/components/text-country/text-country.svelte.d.ts

@@ -0,0 +1,20 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextCountry: $$__sveltets_2_IsomorphicComponent<{
+    input?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextCountry = InstanceType<typeof TextCountry>;
+export default TextCountry;

package/dist/text/components/text-country-state/text-country-state.svelte

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

package/dist/text/components/text-country-state/text-country-state.svelte.d.ts

@@ -0,0 +1,20 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextCountryState: $$__sveltets_2_IsomorphicComponent<{
+    input: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextCountryState = InstanceType<typeof TextCountryState>;
+export default TextCountryState;

package/dist/text/components/text-currency/text-currency.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">import { BROWSER } from "esm-env";
+let { input, symbol = "$", hasSymbol = true } = $props();
+let value = $state("");
+function prepare(..._) {
+  value = Math.abs(input || 0).toFixed(2);
+}
+$effect(() => {
+  BROWSER && prepare(input);
+});
+</script>
+
+<span>
+	{#if (input || 0) < 0}
+		{'-'}
+	{/if}
+	{#if hasSymbol}
+		{symbol || ''}
+	{/if}
+	{value || ''}
+</span>

package/dist/text/components/text-currency/text-currency.svelte.d.ts

@@ -0,0 +1,22 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextCurrency: $$__sveltets_2_IsomorphicComponent<{
+    input: number;
+    symbol: string;
+    hasSymbol: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextCurrency = InstanceType<typeof TextCurrency>;
+export default TextCurrency;

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

@@ -0,0 +1,25 @@
+<script lang="ts">import { dateFormat, dateToAgo, toDate } from "../../../date";
+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>
+	{dateString || ''}
+</span>

package/dist/text/components/text-date/text-date.svelte.d.ts

@@ -0,0 +1,24 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextDate: $$__sveltets_2_IsomorphicComponent<{
+    input: Date | number | string | {
+        seconds: number;
+        nanoseconds: number;
+    };
+    format?: "ago" | string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextDate = InstanceType<typeof TextDate>;
+export default TextDate;

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

@@ -0,0 +1,14 @@
+<script lang="ts">import { ripple } from "../../../actions";
+import { mdiEmailOutline } from "../../../icon";
+import Icon from "../../../icon/components/icon/icon.svelte";
+let { input, buttonClassName, iconClassName, iconPath = mdiEmailOutline } = $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="mailto:{input}" use:ripple>
+			<Icon path={iconPath} className="w-4 h-4 {iconClassName}" />
+		</a>
+	{/if}
+</span>

package/dist/text/components/text-email/text-email.svelte.d.ts

@@ -0,0 +1,23 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextEmail: $$__sveltets_2_IsomorphicComponent<{
+    input: string;
+    buttonClassName?: string;
+    iconPath?: string;
+    iconClassName?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextEmail = InstanceType<typeof TextEmail>;
+export default TextEmail;

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

@@ -0,0 +1,6 @@
+<script lang="ts">let { input } = $props();
+</script>
+
+<span>
+	{@html input || ''}
+</span>

package/dist/text/components/text-html/text-html.svelte.d.ts

@@ -0,0 +1,20 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextHtml: $$__sveltets_2_IsomorphicComponent<{
+    input: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextHtml = InstanceType<typeof TextHtml>;
+export default TextHtml;

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

@@ -0,0 +1,13 @@
+<script lang="ts">import { mdiPhone } from "../../../icon";
+import Icon from "../../../icon/components/icon/icon.svelte";
+let { input, buttonClassName, iconClassName, iconPath = mdiPhone } = $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/text/components/text-phone/text-phone.svelte.d.ts

@@ -0,0 +1,23 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextPhone: $$__sveltets_2_IsomorphicComponent<{
+    input: string;
+    buttonClassName?: string;
+    iconPath?: string;
+    iconClassName?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type TextPhone = InstanceType<typeof TextPhone>;
+export default TextPhone;

package/dist/text/index.d.ts

@@ -0,0 +1,10 @@
+import TextAwait from "./components/text-await/text-await.svelte";
+import TextCopy from "./components/text-copy/text-copy.svelte";
+import TextCountry from "./components/text-country/text-country.svelte";
+import TextCountryState from "./components/text-country-state/text-country-state.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, TextCountry, TextCountryState, TextCurrency, TextDate, TextEmail, TextHtml, TextPhone, };

package/dist/text/index.js

@@ -0,0 +1,10 @@
+import TextAwait from "./components/text-await/text-await.svelte";
+import TextCopy from "./components/text-copy/text-copy.svelte";
+import TextCountry from "./components/text-country/text-country.svelte";
+import TextCountryState from "./components/text-country-state/text-country-state.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, TextCountry, TextCountryState, TextCurrency, TextDate, TextEmail, TextHtml, TextPhone, };

package/dist/toast/components/toast/toast.svelte

@@ -0,0 +1,42 @@
+<script context="module" lang="ts"></script>
+
+<script lang="ts">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}
+	<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 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/toast/components/toast/toast.svelte.d.ts

@@ -0,0 +1,29 @@
+import type { Snippet } from 'svelte';
+export type ToastPropsType = {
+    id?: string;
+    msg: string;
+    duration?: number;
+    className?: string;
+    children?: Snippet;
+};
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Toast: $$__sveltets_2_IsomorphicComponent<ToastPropsType, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    openToast: () => void;
+    closeClose: () => void;
+}, "">;
+type Toast = InstanceType<typeof Toast>;
+export default Toast;

package/dist/toast/index.d.ts

@@ -0,0 +1,3 @@
+import type { ToastPropsType } from './components/toast/toast.svelte';
+export * from './services/toast-service.js';
+export { type ToastPropsType, };

package/dist/toast/index.js

@@ -0,0 +1,2 @@
+export * from './services/toast-service.js';
+export {};

package/dist/toast/services/toast-service.d.ts

@@ -0,0 +1,5 @@
+import { type ToastPropsType } from "../components/toast/toast.svelte";
+export declare function showToast(props: ToastPropsType | string): void;
+export declare function showSuccessToast(): void;
+export declare function showFailedToast(): void;
+export declare function showErrorToast(): void;

package/dist/toast/services/toast-service.js

@@ -0,0 +1,26 @@
+import { mount } from "svelte";
+import Toast, {} from "../components/toast/toast.svelte";
+function addToast(props) {
+    const toast = mount(Toast, { target: document.getElementsByTagName('body')[0], props });
+    toast.openToast();
+    return toast;
+}
+export function showToast(props) {
+    let newProps = { msg: 'Ok' };
+    if (typeof props === 'string') {
+        newProps.msg = props;
+    }
+    else {
+        newProps = props;
+    }
+    addToast(newProps);
+}
+export function showSuccessToast() {
+    showToast('Success');
+}
+export function showFailedToast() {
+    showToast('Failed');
+}
+export function showErrorToast() {
+    showToast('Error');
+}

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './services/utils-service.js';

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from './services/utils-service.js';

package/dist/utils/services/utils-service.d.ts

@@ -0,0 +1,72 @@
+export declare const FILE_VIEWER_HOST = "https://viewer.cloudparker.com";
+export declare const CODE_FILE_EXTENTIONS: string[];
+export declare const ACCEPT_IMAGE_FILES: string;
+export declare function random(min: number, max: number): number;
+export declare function openFilePicker(opt: {
+    accept?: string;
+    multiple?: boolean;
+}): Promise<File | File[]>;
+/**
+ * Default quality 1.0
+ * @param opt
+ * @returns
+ */
+export declare function resizeImage(opt: {
+    file: File;
+    width: number;
+    height?: number;
+    fileName?: string;
+    quality?: number;
+    type?: string;
+}): Promise<File>;
+export declare function downloadURI(uri: string, name: string): Promise<void>;
+export declare function downloadFile(file: File): Promise<void>;
+export declare function downloadBlob(blob: Blob, name: string): Promise<void>;
+export declare function fileToDataURL(file: File): Promise<string>;
+export declare function fileToText(file: File): Promise<string>;
+export declare function fileToBuffer(file: File): Promise<ArrayBuffer>;
+export declare function fileToImage(file: File): Promise<HTMLImageElement>;
+export declare function dataUrlToImage(base64: string): Promise<any>;
+export declare function stripBase64(data: string): string;
+/**
+* Function to download content from a given URL and convert it to a Base64-encoded string.
+* @param url - The URL to download the content from.
+* @returns A promise that resolves to the Base64-encoded string of the downloaded content.
+*/
+export declare function urlToBase64(url: string): Promise<string>;
+export declare function urlToFile(url: string, givenFileName?: string, givenMimeType?: string): Promise<File>;
+export declare function dataUrlToFile(url: string, givenFileName?: string, givenMimeType?: string): Promise<File>;
+export declare function bufferToFile(buffer: ArrayBuffer, filename: string, mimeType: string): Promise<File>;
+export declare function postData(url?: string, data?: {}): Promise<any>;
+export declare function fileNameAndExt(filename: string): {
+    name: string;
+    ext: string | undefined;
+};
+export declare function isValidateEmail(email: string): boolean;
+export declare function isValidURL(str: string): boolean;
+export declare function mailto({ to, body, subject }: {
+    to: string;
+    body: string;
+    subject: string;
+}): void;
+export declare function copyText(str: string): void;
+export declare function copyRichText(node: HTMLElement): void;
+export declare function download(data: string, filename: string, type: string): void;
+export declare function formatString(str: string, ...args: any[]): string;
+export declare function fileSizeString(size: number): string;
+export declare function delay(mills?: number): Promise<unknown>;
+export declare function sort<T>({ array, field, desc, isDate }: {
+    array: T[];
+    field?: string;
+    desc?: boolean;
+    isDate?: boolean;
+}): T[];
+export declare function vibrate(value?: number | number[]): void;
+export declare function playClickEffect(): void;
+export declare function toArrayByKey(key: string, obj?: any): any[];
+export declare function convertNumToAlphabates(num: number): string;
+export declare function fetchText(url: string): Promise<string>;
+export declare function isTouchDevice(): any;
+export declare function toCurrency(value?: number, symbol?: string): string;
+export declare function inchToPixel(inches: number): number;
+export declare function pixelToInch(pixels: number): number;