fuma 0.1.28 → 0.1.30

package/dist/ui/Slot.svelte

@@ -1,20 +1,25 @@
-<script>import { component } from "../index.js";
+<script>import {} from "svelte";
+import { component } from "../index.js";
 import Span from "./Span.svelte";
 export let slot = void 0;
 export let args = void 0;
 function getComponentAndProps(_slot) {
+  if (typeof _slot === "function") {
+    if (isComponentType(_slot))
+      return { component: _slot, props: {} };
+    if (!args) {
+      console.error("args prop is required with slot as function");
+      return null;
+    }
+    const result = _slot(args);
+    return getComponentAndProps(result);
+  }
   if (typeof _slot === "object")
     return _slot;
-  if (typeof _slot === "string")
-    return component(Span, { content: _slot });
-  if (!args) {
-    console.error("args prop is required with slot as function");
-    return null;
-  }
-  const result = _slot(args);
-  if (typeof result === "string")
-    return component(Span, { content: result });
-  return result;
+  return component(Span, { content: _slot });
+}
+function isComponentType(fun) {
+  return !!fun.prototype?.constructor?.name;
 }
 </script>
 

package/dist/ui/form/formInput.d.ts

@@ -29,6 +29,7 @@ export declare function relationProps<Item extends {
     search: (q: string) => Promise<Item[]>;
     createUrl?: string | undefined;
     createTitle?: string | undefined;
+    createIcon?: string | undefined;
     value?: Item | null | undefined;
     error?: string | undefined;
     placeholder?: string | undefined;
@@ -48,6 +49,7 @@ export declare function relationsProps<Item extends {
     search: (q: string) => Promise<Item[]>;
     createUrl?: string | undefined;
     createTitle?: string | undefined;
+    createIcon?: string | undefined;
     error?: string | undefined;
     placeholder?: string | undefined;
     flatMode?: boolean | undefined;

package/dist/ui/input/FormControl.svelte

@@ -41,14 +41,11 @@ onMount(() => {
 		class:flex-row-reverse={labelPosition === 'right'}
 		class:justify-end={labelPosition === 'right'}
 	>
-		{#if label || $$slots.label}
+		{#if label}
 			<label for="{prefixFor}{_key}" class="label cursor-pointer {classLabel}">
 				<span class="label-text">
-					<slot name="label">
-						<Slot slot={label} />
-					</slot>
+					<Slot slot={label} />
 				</span>
-				<slot name="label" />
 				<slot name="label_append" />
 			</label>
 		{/if}

package/dist/ui/input/FormControl.svelte.d.ts

@@ -1,11 +1,12 @@
 import { SvelteComponent } from "svelte";
+import { type ComponentType } from 'svelte';
 import type { ComponentAndProps } from '../../utils/index.js';
 declare const __propDef: {
     props: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | ComponentAndProps | undefined;
+        label?: string | ComponentType | ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;
@@ -17,7 +18,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        label: {};
         label_append: {};
         default: {
             key: string;

package/dist/ui/input/InputBoolean.svelte

@@ -8,10 +8,6 @@ const dispatch = createEventDispatcher();
 </script>
 
 <FormControl {...$$restProps} let:key class="">
-	<svelte:fragment slot="label">
-		<slot name="label" />
-	</svelte:fragment>
-
 	<input
 		bind:this={inputElement}
 		bind:checked={value}

package/dist/ui/input/InputBoolean.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("../../index.js").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;
@@ -28,9 +28,7 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        label: {};
-    };
+    slots: {};
 };
 export type InputBooleanProps = typeof __propDef.props;
 export type InputBooleanEvents = typeof __propDef.events;

package/dist/ui/input/InputCheckboxs.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("../../index.js").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;

package/dist/ui/input/InputCheckboxsMenu.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("../../utils/index.js").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../../utils/index.js").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;

package/dist/ui/input/InputCombo.svelte.d.ts

@@ -8,7 +8,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("../../index.js").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;

package/dist/ui/input/InputPassword.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("../../index.js").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;

package/dist/ui/input/InputRadio.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("../../index.js").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;

package/dist/ui/input/InputRelation.svelte

@@ -9,6 +9,7 @@ export let label = "";
 export let search;
 export let createUrl = "";
 export let createTitle = "Nouveau";
+export let createIcon = void 0;
 let item = null;
 export { item as value };
 export let error = "";
@@ -80,7 +81,7 @@ async function handleBlur() {
 						size={1}
 					/>
 
-					<RelationAfter {isLoading} {createUrl} {createTitle} />
+					<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
 				</div>
 				<slot name="append" />
 			</div>

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -10,6 +10,7 @@ declare class __sveltets_Render<RelationItem extends {
         search: (q: string) => Promise<RelationItem[]>;
         createUrl?: string | undefined;
         createTitle?: string | undefined;
+        createIcon?: string | undefined;
         value?: RelationItem | null | undefined;
         error?: string | undefined;
         placeholder?: string | undefined;

package/dist/ui/input/InputRelations.svelte

@@ -10,6 +10,7 @@ export let label = "";
 export let search;
 export let createUrl = "";
 export let createTitle = "";
+export let createIcon = void 0;
 export let error = "";
 export let placeholder = "";
 export let flatMode = false;
@@ -119,7 +120,7 @@ async function handleBlur() {
 							size={1}
 						/>
 
-						<RelationAfter {isLoading} {createUrl} {createTitle} />
+						<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
 					</div>
 					<slot name="append" />
 				</div>

package/dist/ui/input/InputRelations.svelte.d.ts

@@ -9,6 +9,7 @@ declare class __sveltets_Render<RelationItem extends {
         search: (q: string) => Promise<RelationItem[]>;
         createUrl?: string | undefined;
         createTitle?: string | undefined;
+        createIcon?: string | undefined;
         error?: string | undefined;
         placeholder?: string | undefined;
         flatMode?: boolean | undefined;

package/dist/ui/input/RelationAfter.svelte

@@ -5,6 +5,7 @@ import Icon from "../Icon.svelte";
 export let isLoading;
 export let createUrl = "";
 export let createTitle = "";
+export let createIcon = mdiPlus;
 const dispatch = createEventDispatcher();
 </script>
 
@@ -20,6 +21,6 @@ const dispatch = createEventDispatcher();
 
 {#if createUrl}
 	<a href={createUrl} class="btn btn-square btn-sm">
-		<Icon path={mdiPlus} on:click={() => dispatch('create')} title={createTitle} />
+		<Icon path={createIcon} on:click={() => dispatch('create')} title={createTitle} />
 	</a>
 {/if}

package/dist/ui/input/RelationAfter.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
         isLoading: boolean;
         createUrl?: string | undefined;
         createTitle?: string | undefined;
+        createIcon?: string | undefined;
     };
     events: {
         unselect: CustomEvent<void>;

package/dist/ui/input/textRich/InputTextRich.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("../../..").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../../..").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "description": "My fullstack material build with sveltekit, daisyui, zod and more",
   "author": {
     "name": "Jonas Voisard",