firstly 0.0.13 → 0.0.14

package/esm/ui/internals/select/SelectMelt.svelte

@@ -1,136 +1,171 @@
-<script>import { createCombobox, createSync } from "@melt-ui/svelte";
-import { createEventDispatcher, onMount, tick } from "svelte";
-import { fly } from "svelte/transition";
-import {
-  Button,
-  LibIcon_Check,
-  LibIcon_Cross,
-  LibIcon_Search,
-  tw
-} from "../../../";
-import Icon from "../../Icon.svelte";
-export let id;
-export let disabled = false;
-export let placeholder = "";
-export let items = [];
-let totalCount = void 0;
-export let focus = false;
-const focusNow = (node) => {
-  if (focus) {
-    tick().then(() => {
-      node.focus();
-    });
-  }
-};
-export let loadOptions = void 0;
-export let value = void 0;
-export let clearable = false;
-export let createOptionWhenNoResult = false;
-export let default_select_if_one_item = false;
-const dispatch = createEventDispatcher();
-function dispatchSelectedValue(_data) {
-  dispatch("selected", _data);
-}
-function dispatchIssue(msg) {
-  dispatch("issue", msg);
-}
-function dispatchCreateRequest(e, input2) {
-  e.preventDefault();
-  dispatch("createRequest", input2);
-}
-let lastSearch = void 0;
-const localLoadOptions = async (str) => {
-  if (str === lastSearch) {
-    return;
-  }
-  lastSearch = str;
-  if (loadOptions) {
-    const lo = await loadOptions(str);
-    items = lo.items;
-    totalCount = lo.totalCount;
-    filteredItems = items;
-  }
-};
-onMount(async () => {
-  localLoadOptions("");
-  sync.selected(getDefaultValue(value));
-});
-const getDefaultValue = (_selectedValue) => {
-  if (!items) {
-    return;
-  }
-  const found = items.find((c) => String(c?.id) === String(_selectedValue));
-  if (found) {
-    return toOption(found);
-  } else {
-    if (value !== null && value !== void 0 && items.length > 0) {
-      dispatchIssue("VALUE_NOT_IN_ITEMS");
-    }
-  }
-};
-const toOption = (item) => ({
-  value: item,
-  label: item.caption
-  // icon: item.icon,
-  // disabled: item.disabled,
-});
-const {
-  elements: { menu, input, option },
-  states: { open, inputValue, touchedInput, selected: localSelected }
-  // helpers: { isSelected },
-} = createCombobox({
-  forceVisible: true,
-  disabled,
-  ids: { label: id }
-});
-const clearSelection = () => {
-  sync.selected(void 0);
-};
-let debounceTimer;
-const debounce = (callback) => {
-  clearTimeout(debounceTimer);
-  debounceTimer = setTimeout(
-    callback,
-    // debounce only if we have a load option
-    loadOptions ? 444 : 0
-  );
-};
-const sync = createSync({ selected: localSelected });
-$: items && sync.selected(getDefaultValue(value), (v) => {
-  if (v?.value?.id !== value) {
-    dispatchSelectedValue(v?.value);
-  }
-  value = v?.value?.id;
-});
-$: if (!$open) {
-  $inputValue = $localSelected?.label ?? "";
-}
-$: filteredItems = items;
-$: {
-  if (items.length === 1 && default_select_if_one_item) {
-    sync.selected(toOption(items[0]));
-  }
-}
-const calcFilteredItems = (touched, str, value2) => {
-  if (touched) {
-    debounce(async () => {
-      const normalizedInput = str.toLowerCase();
-      updateFilteredItems(normalizedInput);
-    });
-  } else {
-    updateFilteredItems("");
-  }
-};
-const updateFilteredItems = async (normalizedInput) => {
-  if (loadOptions) {
-    await localLoadOptions(normalizedInput);
-  } else {
-    filteredItems = items.filter((item) => {
-      return item.caption?.toLowerCase().includes(normalizedInput);
-    });
-  }
-};
-$: calcFilteredItems($touchedInput, $inputValue, value);
+<script lang="ts">
+	import { createCombobox, createSync, type ComboboxOptionProps } from '@melt-ui/svelte'
+	import { createEventDispatcher, onMount, tick } from 'svelte'
+	import { fly } from 'svelte/transition'
+
+	import {
+		Button,
+		LibIcon_Check,
+		LibIcon_Cross,
+		LibIcon_Search,
+		tw,
+		type BaseItem,
+		type FF_Icon,
+	} from '../../../'
+	import Icon from '../../Icon.svelte'
+
+	export let id: string
+	export let disabled: boolean = false
+	export let placeholder: string = ''
+	export let items: BaseItem[] = []
+	let totalCount: number | undefined = undefined
+
+	export let focus: boolean = false
+	const focusNow = (node: any) => {
+		if (focus) {
+			tick().then(() => {
+				node.focus()
+			})
+		}
+	}
+
+	export let loadOptions:
+		| ((str: string) => Promise<{ items: BaseItem[]; totalCount: number }>)
+		| undefined = undefined
+	export let value: string | undefined = undefined
+	export let clearable = false
+	export let createOptionWhenNoResult = false
+	export let default_select_if_one_item = false
+
+	const dispatch = createEventDispatcher()
+
+	function dispatchSelectedValue(_data: BaseItem | undefined) {
+		dispatch('selected', _data)
+	}
+
+	function dispatchIssue(msg: 'VALUE_NOT_IN_ITEMS') {
+		dispatch('issue', msg)
+	}
+
+	function dispatchCreateRequest(e: any, input: string) {
+		e.preventDefault()
+		dispatch('createRequest', input)
+	}
+
+	let lastSearch: string | undefined = undefined
+	const localLoadOptions = async (str: string) => {
+		if (str === lastSearch) {
+			return
+		}
+		lastSearch = str
+		if (loadOptions) {
+			const lo = await loadOptions(str)
+			items = lo.items
+			totalCount = lo.totalCount
+			filteredItems = items
+		}
+	}
+
+	onMount(async () => {
+		localLoadOptions('')
+
+		// after we load items
+		sync.selected(getDefaultValue(value))
+	})
+
+	const getDefaultValue = (_selectedValue: string | undefined) => {
+		if (!items) {
+			return
+		}
+		const found = items.find((c) => String(c?.id) === String(_selectedValue))
+		if (found) {
+			return toOption(found)
+		} else {
+			if (value !== null && value !== undefined && items.length > 0) {
+				dispatchIssue('VALUE_NOT_IN_ITEMS')
+			}
+		}
+	}
+
+	const toOption = (
+		item: BaseItem,
+	): ComboboxOptionProps<BaseItem> & {
+		icon?: FF_Icon
+	} => ({
+		value: item,
+		label: item.caption,
+		// icon: item.icon,
+		// disabled: item.disabled,
+	})
+
+	const {
+		elements: { menu, input, option },
+		states: { open, inputValue, touchedInput, selected: localSelected },
+		// helpers: { isSelected },
+	} = createCombobox<BaseItem>({
+		forceVisible: true,
+		disabled,
+		ids: { label: id },
+	})
+
+	const clearSelection = () => {
+		sync.selected(undefined)
+	}
+
+	let debounceTimer: ReturnType<typeof setTimeout>
+	const debounce = (callback: () => void) => {
+		clearTimeout(debounceTimer)
+		debounceTimer = setTimeout(
+			callback,
+			// debounce only if we have a load option
+			loadOptions ? 444 : 0,
+		)
+	}
+
+	const sync = createSync({ selected: localSelected })
+	$: items &&
+		sync.selected(getDefaultValue(value), (v) => {
+			// Only if different
+			if (v?.value?.id !== value) {
+				dispatchSelectedValue(v?.value)
+			}
+			value = v?.value?.id
+		})
+
+	$: if (!$open) {
+		$inputValue = $localSelected?.label ?? ''
+	}
+
+	$: filteredItems = items
+
+	$: {
+		if (items.length === 1 && default_select_if_one_item) {
+			sync.selected(toOption(items[0]))
+		}
+	}
+
+	const calcFilteredItems = (touched: boolean, str: string, value: any) => {
+		if (touched) {
+			debounce(async () => {
+				const normalizedInput = str.toLowerCase()
+				updateFilteredItems(normalizedInput)
+			})
+		} else {
+			updateFilteredItems('')
+		}
+	}
+
+	const updateFilteredItems = async (normalizedInput: string) => {
+		if (loadOptions) {
+			await localLoadOptions(normalizedInput)
+		} else {
+			filteredItems = items.filter((item) => {
+				return item.caption?.toLowerCase().includes(normalizedInput)
+			})
+		}
+	}
+
+	$: calcFilteredItems($touchedInput, $inputValue, value)
 </script>
 
 <div class="input input-bordered flex min-w-0 items-center {disabled && 'opacity-40'}">

package/esm/ui/internals/select/SelectMelt.svelte.d.ts

@@ -1,35 +1,37 @@
-import { SvelteComponent } from "svelte";
 import { type BaseItem } from '../../../';
-declare const __propDef: {
-    props: {
-        id: string;
-        disabled?: boolean;
-        placeholder?: string;
-        items?: BaseItem[];
-        focus?: boolean;
-        loadOptions?: ((str: string) => Promise<{
-            items: BaseItem[];
-            totalCount: number;
-        }>) | undefined;
-        value?: string | undefined;
-        clearable?: boolean;
-        createOptionWhenNoResult?: boolean;
-        default_select_if_one_item?: boolean;
+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;
     };
-    events: {
-        selected: CustomEvent<any>;
-        issue: CustomEvent<any>;
-        createRequest: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SelectMeltProps = typeof __propDef.props;
-export type SelectMeltEvents = typeof __propDef.events;
-export type SelectMeltSlots = typeof __propDef.slots;
-export default class SelectMelt extends SvelteComponent<SelectMeltProps, SelectMeltEvents, SelectMeltSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SelectMelt: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    disabled?: boolean;
+    placeholder?: string;
+    items?: BaseItem[];
+    focus?: boolean;
+    loadOptions?: ((str: string) => Promise<{
+        items: BaseItem[];
+        totalCount: number;
+    }>) | undefined;
+    value?: string | undefined;
+    clearable?: boolean;
+    createOptionWhenNoResult?: boolean;
+    default_select_if_one_item?: boolean;
+}, {
+    selected: CustomEvent<any>;
+    issue: CustomEvent<any>;
+    createRequest: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SelectMelt = InstanceType<typeof SelectMelt>;
+export default SelectMelt;

package/esm/ui/internals/select/SelectRadio.svelte

@@ -1,14 +1,20 @@
-<script>import { createEventDispatcher } from "svelte";
-import Icon from "../../../ui/Icon.svelte";
-export let id;
-export let disabled = false;
-export let placeholder = "";
-export let items = [];
-export let value = void 0;
-const dispatch = createEventDispatcher();
-function dispatchSelected(_data) {
-  dispatch("selected", _data);
-}
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte'
+
+	import type { BaseItem } from '../../../'
+	import Icon from '../../../ui/Icon.svelte'
+
+	export let id: string
+	export let disabled: boolean = false
+	export let placeholder: string = ''
+	export let items: BaseItem[] = []
+	export let value: string | number | undefined = undefined
+
+	const dispatch = createEventDispatcher()
+
+	function dispatchSelected(_data: BaseItem | undefined) {
+		dispatch('selected', _data)
+	}
 </script>
 
 <div {id} class="input input-bordered flex w-fit min-w-0 items-center">

package/esm/ui/internals/select/SelectRadio.svelte.d.ts

@@ -1,25 +1,27 @@
-import { SvelteComponent } from "svelte";
 import type { BaseItem } from '../../../';
-declare const __propDef: {
-    props: {
-        id: string;
-        disabled?: boolean;
-        placeholder?: string;
-        items?: BaseItem[];
-        value?: string | number | undefined;
+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;
     };
-    events: {
-        selected: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SelectRadioProps = typeof __propDef.props;
-export type SelectRadioEvents = typeof __propDef.events;
-export type SelectRadioSlots = typeof __propDef.slots;
-export default class SelectRadio extends SvelteComponent<SelectRadioProps, SelectRadioEvents, SelectRadioSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SelectRadio: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    disabled?: boolean;
+    placeholder?: string;
+    items?: BaseItem[];
+    value?: string | number | undefined;
+}, {
+    selected: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SelectRadio = InstanceType<typeof SelectRadio>;
+export default SelectRadio;

package/esm/ui/link/Link.svelte

@@ -1,9 +1,14 @@
-<script>export let href;
-export let target = void 0;
-export let kind = "info";
-const daisy = { info: "link-info", ghost: "" };
-let className = void 0;
-export { className as class };
+<script lang="ts">
+	import type { HTMLAnchorAttributes } from 'svelte/elements'
+
+	export let href: string
+	export let target: HTMLAnchorAttributes['target'] = undefined
+
+	export let kind: 'info' | 'ghost' = 'info'
+	const daisy = { info: 'link-info', ghost: '' }
+
+	let className: string | undefined | null = undefined
+	export { className as class }
 </script>
 
 <a

package/esm/ui/link/Link.svelte.d.ts

@@ -1,24 +1,33 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href: string;
-        target?: import("svelte/elements").HTMLAttributeAnchorTarget | null | undefined;
-        kind?: "info" | "ghost" | undefined;
-        class?: string | undefined | null | undefined;
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type LinkProps = typeof __propDef.props;
-export type LinkEvents = typeof __propDef.events;
-export type LinkSlots = typeof __propDef.slots;
-export default class Link extends SvelteComponent<LinkProps, LinkEvents, LinkSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Link: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    href: string;
+    target?: import("svelte/elements").HTMLAttributeAnchorTarget | null | undefined;
+    kind?: "info" | "ghost" | undefined;
+    class?: string | undefined | null | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Link = InstanceType<typeof Link>;
+export default Link;

package/esm/ui/link/LinkPlus.svelte

@@ -1,19 +1,22 @@
-<script>import {} from "../..";
-import Icon from "../Icon.svelte";
-import Tooltip from "../Tooltip.svelte";
-import Link from "./Link.svelte";
-export let item;
-export let noIcon = false;
-export let captionSubStyle = "under";
-const hasSomethingToDisplay = (item2) => {
-  if (item2.href) {
-    return true;
-  }
-  if (item2.caption) {
-    return true;
-  }
-  return false;
-};
+<script lang="ts">
+	import { type BaseItemLight } from '../..'
+	import Icon from '../Icon.svelte'
+	import Tooltip from '../Tooltip.svelte'
+	import Link from './Link.svelte'
+
+	export let item: BaseItemLight | undefined
+	export let noIcon = false
+	export let captionSubStyle: 'under' | 'inline' | 'none' = 'under'
+
+	const hasSomethingToDisplay = (item: BaseItemLight) => {
+		if (item.href) {
+			return true
+		}
+		if (item.caption) {
+			return true
+		}
+		return false
+	}
 </script>
 
 <div class="flex items-center gap-4">

package/esm/ui/link/LinkPlus.svelte.d.ts

@@ -1,21 +1,23 @@
-import { SvelteComponent } from "svelte";
 import { type BaseItemLight } from '../..';
-declare const __propDef: {
-    props: {
-        item: BaseItemLight | undefined;
-        noIcon?: boolean;
-        captionSubStyle?: "under" | "inline" | "none";
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LinkPlusProps = typeof __propDef.props;
-export type LinkPlusEvents = typeof __propDef.events;
-export type LinkPlusSlots = typeof __propDef.slots;
-export default class LinkPlus extends SvelteComponent<LinkPlusProps, LinkPlusEvents, LinkPlusSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const LinkPlus: $$__sveltets_2_IsomorphicComponent<{
+    item: BaseItemLight | undefined;
+    noIcon?: boolean;
+    captionSubStyle?: "under" | "inline" | "none";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type LinkPlus = InstanceType<typeof LinkPlus>;
+export default LinkPlus;

package/esm/vite/index.d.ts

@@ -1,8 +1,7 @@
 import { type PluginOption } from 'vite';
 import { type Options, type RouteMappings } from 'vite-plugin-kit-routes';
+import { stripper } from 'vite-plugin-stripper';
 export declare function firstly<KIT_ROUTES extends RouteMappings>(options?: {
-    stripper?: {
-        debug?: boolean;
-    };
+    stripper?: Parameters<typeof stripper>[0];
     kitRoutes?: Options<KIT_ROUTES>;
 }): PluginOption;