firstly 0.0.7 → 0.0.9

package/esm/index.d.ts

@@ -1,14 +1,16 @@
-/// <reference types=".pnpm/@sveltejs+kit@2.5.24_@sveltejs+vite-plugin-svelte@3.1.1_svelte@4.2.18_vite@5.4.1_@types+node@_vtylvkjv5lewhfcl4vq2py4rce/node_modules/@sveltejs/kit" />
+/// <reference types=".pnpm/@sveltejs+kit@2.5.24_@sveltejs+vite-plugin-svelte@3.1.2_svelte@4.2.18_vite@5.4.1_@types+node@_lnml5jetshdinsnlj53joqxhde/node_modules/@sveltejs/kit" />
 import type { RequestEvent } from '@sveltejs/kit';
 import type { FindOptionsBase } from 'remult';
 import { Log } from '@kitql/helpers';
 import type { BaseEnum, BaseItem, FF_Icon } from './BaseEnum.js';
 import type { CellsInput as CellsInput_ForExport } from './cellsBuildor.js';
+import type { ColumnDeciderArgs } from './changeLog/index.js';
 import { default as DefaultMail } from './mail/templates/DefaultMail.svelte';
 import { storeItem } from './storeItem.js';
 import { storeList } from './storeList.js';
 import { default as Button } from './ui/Button.svelte';
 import { default as Clipboardable } from './ui/Clipboardable.svelte';
+import type { dialog } from './ui/dialog/dialog.js';
 import { default as DialogManagement } from './ui/dialog/DialogManagement.svelte';
 import { default as FormEditAction } from './ui/dialog/FormEditAction.svelte';
 import { default as Field } from './ui/Field.svelte';
@@ -43,7 +45,7 @@ export { FF_LogToConsole } from './SqlDatabase/FF_LogToConsole.js';
 export { BaseEnum } from './BaseEnum.js';
 export { dialog } from './ui/dialog/dialog.js';
 export { getEntityDisplayValue, isError, getFieldLinkDisplayValue, getEnum, getEnums, } from './helper.js';
-export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, } from './cellsBuildor.js';
+export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
 export { storeItem };
 export { storeList };
 export { displayPhone, arrToStr } from './formats/strings.js';
@@ -71,7 +73,11 @@ declare module 'remult' {
         href?: (item: entityType) => string;
         findOptionsForEdit?: ((entity: entityType) => FindOptionsBase<valueType>) | FindOptionsBase<valueType>;
         findOptionsLimit?: number;
-        createOptionWhenNoResult?: boolean;
+        createOptionWhenNoResult?: {
+            onCreateRequest: (item: entityType, strCreateNew: string) => Parameters<typeof dialog.form>;
+            onSuccess: (entity: entityType, newItem: any) => Promise<void>;
+            onError?: () => void;
+        };
         multiSelect?: boolean;
         skipForDefaultField?: boolean;
     }
@@ -83,6 +89,7 @@ declare module 'remult' {
         permissionApiInsert?: BaseEnum[] | BaseEnum;
         permissionApiRead?: BaseEnum[] | BaseEnum;
         permissionApiUpdate?: BaseEnum[] | BaseEnum;
+        changeLog?: false | ColumnDeciderArgs<entityType>;
     }
     interface UserInfo {
         session: {

package/esm/index.js

@@ -37,7 +37,7 @@ export { FF_LogToConsole } from './SqlDatabase/FF_LogToConsole.js';
 export { BaseEnum } from './BaseEnum.js';
 export { dialog } from './ui/dialog/dialog.js';
 export { getEntityDisplayValue, isError, getFieldLinkDisplayValue, getEnum, getEnums, } from './helper.js';
-export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, } from './cellsBuildor.js';
+export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
 export { storeItem };
 export { storeList };
 export { displayPhone, arrToStr } from './formats/strings.js';

package/esm/mail/index.js

@@ -14,16 +14,21 @@ export const mailInit = async (nodemailer, o) => {
     else {
         try {
             nodemailer.createTestAccount(globalOptions?.apiUrl ?? '', (err, account) => {
-                globalOptions = { ...globalOptions, from: account.user };
-                transporter = nodemailer.createTransport({
-                    host: account.smtp.host,
-                    port: account.smtp.port,
-                    secure: account.smtp.secure,
-                    auth: {
-                        user: account.user,
-                        pass: account.pass,
-                    },
-                });
+                if (account) {
+                    globalOptions = { ...globalOptions, from: account.user };
+                    transporter = nodemailer.createTransport({
+                        host: account.smtp.host,
+                        port: account.smtp.port,
+                        secure: account.smtp.secure,
+                        auth: {
+                            user: account.user,
+                            pass: account.pass,
+                        },
+                    });
+                }
+                else {
+                    log.error("Error nodemailer.createTestAccount() can't be done.");
+                }
             });
         }
         catch (error) {

package/esm/storeList.d.ts

@@ -1,13 +1,15 @@
 /// <reference types="svelte" />
-import type { FindOptions, Repository } from 'remult';
+import type { FindOptions, GroupByOptions, MembersOnly, Repository } from 'remult';
 type TheStoreList<T> = {
     items: T[];
     loading: boolean;
     totalCount: number | undefined;
+    agg: any | undefined;
 };
 export type FF_FindOptions<T> = FindOptions<T> & {
     withCount?: boolean;
     withItems?: boolean;
+    aggregate?: GroupByOptions<T, (keyof MembersOnly<T>)[], any, any, any, any, any>;
 };
 /**
  * @param repo remult repository to listen to

package/esm/storeList.js

@@ -15,7 +15,7 @@ import { writable } from 'svelte/store';
  * $: browser && tasks.listen(data.options)
  * ```
  */
-export const storeList = (repo, initValues = { items: [], loading: true, totalCount: undefined }) => {
+export const storeList = (repo, initValues = { items: [], loading: true, totalCount: undefined, agg: undefined }) => {
     const { subscribe, set, update } = writable(initValues);
     let unSub = null;
     onDestroy(async () => {
@@ -43,27 +43,36 @@ export const storeList = (repo, initValues = { items: [], loading: true, totalCo
                     throw new Error(`xxx.fetch() withItems and withCount can't be both false!`);
                 }
                 else if (!withItems && withCount) {
-                    const totalCount = await repo.count(options?.where);
-                    set({ loading: false, items: [], totalCount });
+                    let optionsToUse = { where: options?.where };
+                    if (options?.aggregate) {
+                        optionsToUse = { ...options.aggregate, where: options?.where };
+                    }
+                    // const agg = await repo.aggregate({ ...options?.aggregate, where: options?.where })
+                    const agg = await repo.aggregate(optionsToUse);
+                    set({ loading: false, items: [], totalCount: agg.$count, agg });
                     if (onNewData) {
-                        onNewData(undefined, totalCount);
+                        onNewData(undefined, agg.$count);
                     }
                 }
                 else if (withItems && !withCount) {
                     const items = await repo.find(options);
-                    set({ loading: false, items, totalCount: undefined });
+                    set({ loading: false, items, totalCount: undefined, agg: undefined });
                     if (onNewData) {
                         onNewData(items, undefined);
                     }
                 }
                 else {
-                    const [items, totalCount] = await Promise.all([
+                    let optionsToUse = { where: options?.where };
+                    if (options?.aggregate) {
+                        optionsToUse = { ...options.aggregate, where: options?.where };
+                    }
+                    const [items, agg] = await Promise.all([
                         repo.find({ ...options }),
-                        repo.count(options?.where),
+                        repo.aggregate(optionsToUse),
                     ]);
-                    set({ loading: false, items, totalCount });
+                    set({ loading: false, items, totalCount: agg.$count, agg });
                     if (onNewData) {
-                        onNewData(items, totalCount);
+                        onNewData(items, agg.$count);
                     }
                 }
             }
@@ -75,7 +84,8 @@ export const storeList = (repo, initValues = { items: [], loading: true, totalCo
                     const withCount = options?.withCount ?? false;
                     let totalCount = undefined;
                     if (withCount) {
-                        totalCount = await repo.count(options?.where);
+                        const agg = await repo.aggregate({ where: options?.where });
+                        totalCount = agg.$count;
                     }
                     update((c) => {
                         return { ...c, items: info.items, loading: false, ...(withCount ? { totalCount } : {}) };

package/esm/ui/Field.svelte

@@ -17,6 +17,7 @@ import MultiSelectMelt from "./internals/select/MultiSelectMelt.svelte";
 import SelectMelt from "./internals/select/SelectMelt.svelte";
 import SelectRadio from "./internals/select/SelectRadio.svelte";
 import Textarea from "./internals/Textarea.svelte";
+import LinkPlus from "./link/LinkPlus.svelte";
 export let cell;
 export let value = void 0;
 export let cellsValues = {};
@@ -100,7 +101,8 @@ const getLoadOptions = async (cellsValues2, str) => {
   );
   let totalCount = arr.length;
   if (totalCount === limit) {
-    totalCount = await metaTypeObj.repoTarget.count(findToUse.where);
+    const agg = await metaTypeObj.repoTarget.aggregate({ where: findToUse.where });
+    totalCount = agg.$count;
   }
   if (!cell.field?.options.multiSelect) {
     if (str === "" && getId() && !arr.find((r) => String(r.id) === String(getId()))) {
@@ -153,16 +155,7 @@ const calcSuffix = (value2) => {
       {:else if metaType.kind === 'relation'}
         {@const item = getEntityDisplayValue(metaType.repoTarget, value)}
         <div class={tw('flex items-center gap-4', 'h-12', 'pl-2')}>
-          {#if item && item?.icon}
-            <Icon {...item.icon} />
-          {/if}
-          <div class="grid grid-cols-1">
-            <span>{cell?.header ?? item?.caption ?? '-'}</span>
-            <!-- && captionSubStyle === 'inline' -->
-            {#if item?.captionSub}
-              <span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
-            {/if}
-          </div>
+          <LinkPlus {item}></LinkPlus>
         </div>
       {:else if metaType.kind === 'enum'}
         {@const v = displayWithDefaultAndSuffix(cell.field, value)}
@@ -204,7 +197,7 @@ const calcSuffix = (value2) => {
         on:issue={(e) => {
           error = e.detail
         }}
-        createOptionWhenNoResult={cell.field?.options.createOptionWhenNoResult}
+        createOptionWhenNoResult={!!cell.field?.options.createOptionWhenNoResult}
         on:createRequest
       />
     {/if}
@@ -245,7 +238,12 @@ const calcSuffix = (value2) => {
         type="checkbox"
         {...{ ...common(cell.field), required: undefined }}
         class="checkbox"
-        bind:checked={value}
+        checked={value}
+        on:input={(e) => {
+          // @ts-ignore
+          value = e.target.checked
+          dispatchSelected(value)
+        }}
       />
     </div>
   {:else if metaType.subKind === 'text' || metaType.subKind === 'email' || metaType.subKind === 'password' || metaType.subKind === 'dateOnly' || metaType.subKind === 'number'}

package/esm/ui/FieldGroup.svelte

@@ -10,9 +10,11 @@ export let store;
 export let focusKey = null;
 const getError = (errors, field) => {
   const fo = getRelationFieldInfo(field);
-  const keyToUse = fo?.options?.field ?? field.key;
-  if (errors && errors[keyToUse]) {
+  const keyToUse = fo?.options?.field;
+  if (errors && keyToUse && errors[keyToUse]) {
     return errors[keyToUse];
+  } else if (errors && errors[field.key]) {
+    return errors[field.key];
   }
   return void 0;
 };

package/esm/ui/Grid.svelte

@@ -31,6 +31,7 @@ export let classes = {
 };
 export let orderBy = void 0;
 export let orderByCols = void 0;
+export let settingsLeft = false;
 export let dicoNoResult = "Aucun r\xE9sultat !";
 const dispatch = createEventDispatcher();
 const sorting = (toSort, b) => {
@@ -62,19 +63,55 @@ const sortingIcon = (toSort, b, _orderBy) => {
 const cellsToTake = (cells2) => {
   return cells2.filter((c) => c.modeView !== "hide");
 };
+const classForRounding = (i) => {
+  if (settingsLeft && (withEdit || withDelete || withAdd)) {
+    if (i === 0) {
+      return "";
+    } else if (i === cells.length - 1) {
+      return "rounded-tr-lg";
+    }
+  }
+  if (!settingsLeft && (withEdit || withDelete || withAdd)) {
+    if (i === 0) {
+      return "rounded-tl-lg";
+    } else if (i === cells.length - 1) {
+      return "";
+    }
+  }
+  if (i === 0) {
+    return "rounded-tl-lg";
+  } else if (i === cells.length - 1) {
+    return "rounded-tr-lg";
+  }
+};
 </script>
 
 <div class="overflow-x-auto">
   <table class="table {classes.table}">
     <thead>
       <tr>
+        {#if settingsLeft && (withEdit || withDelete || withAdd)}
+          <th class="rounded-tl-lg">
+            <div class="flex justify-start">
+              {#if !withAdd}
+                <Icon data={LibIcon_Settings}></Icon>
+              {:else}
+                <Button
+                  permission={store.getRepo().metadata.options.permissionApiInsert}
+                  disabled={!store.getRepo().metadata.apiInsertAllowed()}
+                  class="btn btn-square btn-ghost btn-xs"
+                  on:click={() => dispatch('add', {})}
+                >
+                  <Icon data={LibIcon_Add} />
+                </Button>
+              {/if}
+            </div>
+          </th>
+        {/if}
+
         {#each cellsToTake(cells) as b, i}
           {@const al = align(b.field, b.kind === 'slot')}
-          <th
-            class="{al} 
-									{i === 0 ? 'rounded-tl-lg' : ''}
-									{i === cells.length - 1 && !withEdit && !withDelete ? 'rounded-tr-lg' : ''}"
-          >
+          <th class="{al} {classForRounding(i)}">
             {#if b.headerSlot}
               <slot name="header" field={b.field} />
             {:else}
@@ -98,20 +135,22 @@ const cellsToTake = (cells2) => {
           </th>
         {/each}
 
-        {#if withEdit || withDelete || withAdd}
-          <th class="flex justify-end rounded-tr-lg">
-            {#if withAdd}
-              <Button
-                permission={store.getRepo().metadata.options.permissionApiInsert}
-                disabled={!store.getRepo().metadata.apiInsertAllowed()}
-                class="btn btn-square btn-ghost btn-xs"
-                on:click={() => dispatch('add', {})}
-              >
-                <Icon data={LibIcon_Add} />
-              </Button>
-            {:else}
-              <Icon data={LibIcon_Settings}></Icon>
-            {/if}
+        {#if !settingsLeft && (withEdit || withDelete || withAdd)}
+          <th class="rounded-tr-lg">
+            <div class="flex justify-end">
+              {#if withAdd}
+                <Button
+                  permission={store.getRepo().metadata.options.permissionApiInsert}
+                  disabled={!store.getRepo().metadata.apiInsertAllowed()}
+                  class="btn btn-square btn-ghost btn-xs"
+                  on:click={() => dispatch('add', {})}
+                >
+                  <Icon data={LibIcon_Add} />
+                </Button>
+              {:else}
+                <Icon data={LibIcon_Settings}></Icon>
+              {/if}
+            </div>
           </th>
         {/if}
       </tr>
@@ -123,6 +162,34 @@ const cellsToTake = (cells2) => {
       {:else}
         {#each $store.items as row}
           <tr on:click={() => dispatch('rowclick', row)} class="hover:bg-base-content/20">
+            <!-- BECARFULL THIS CODE IS DUPLICATED -->
+            {#if settingsLeft && (withEdit || withDelete)}
+              <td class="text-left">
+                <div class="flex justify-start gap-2">
+                  {#if withEdit}
+                    <Button
+                      permission={store.getRepo().metadata.options.permissionApiUpdate}
+                      disabled={!store.getRepo().metadata.apiUpdateAllowed()}
+                      class="btn btn-square btn-ghost btn-xs"
+                      on:click={() => dispatch('edit', row)}
+                    >
+                      <Icon data={LibIcon_Edit} />
+                    </Button>
+                  {/if}
+                  {#if withDelete}
+                    <Button
+                      permission={store.getRepo().metadata.options.permissionApiDelete}
+                      disabled={!store.getRepo().metadata.apiDeleteAllowed()}
+                      class="btn btn-square btn-ghost btn-xs"
+                      on:click={() => dispatch('delete', row)}
+                    >
+                      <Icon data={LibIcon_Delete} />
+                    </Button>
+                  {/if}
+                </div>
+              </td>
+            {/if}
+
             {#each cellsToTake(cells) as b}
               {@const metaType = getFieldMetaType(b.field)}
               <td class={align(b.field, b.kind === 'slot')}>
@@ -153,6 +220,8 @@ const cellsToTake = (cells2) => {
                       href: b.field?.options?.href ? b.field?.options.href(row) : item?.href,
                     }}
                   />
+                {:else if b.kind === 'baseItem'}
+                  <LinkPlus item={row[metaType.field.key]} />
                 {:else if b.kind === 'field_link'}
                   {@const item = getFieldLinkDisplayValue(metaType.field, row)}
                   <LinkPlus {item} />
@@ -191,7 +260,8 @@ const cellsToTake = (cells2) => {
                 {/if}
               </td>
             {/each}
-            {#if withEdit || withDelete}
+
+            {#if !settingsLeft && (withEdit || withDelete)}
               <td class="text-right">
                 <div class="flex justify-end gap-2">
                   {#if withEdit}

package/esm/ui/Grid.svelte.d.ts

@@ -15,6 +15,7 @@ declare class __sveltets_Render<T extends Record<any, any>> {
         } | undefined;
         orderBy?: EntityOrderBy<T> | undefined;
         orderByCols?: true | (keyof T)[] | undefined;
+        settingsLeft?: boolean | undefined;
         dicoNoResult?: string | undefined;
     };
     events(): {

package/esm/ui/GridPaginate.svelte

@@ -4,29 +4,31 @@ import "./LibIcon";
 import { LibIcon_ChevronLeft, LibIcon_ChevronRight } from "./LibIcon";
 import Loading from "./Loading.svelte";
 export let label = "Pagination";
-export let page;
+export let pageDisplayed;
 export let totalCount = void 0;
 export let pageSize = 25;
 const update = (op) => {
   if (op === "+") {
     if (canGoNext) {
-      page = page + 1;
+      pageDisplayed = pageDisplayed + 1;
     }
   } else {
-    if (page > 1) {
-      page = page - 1;
+    if (pageDisplayed > 1) {
+      pageDisplayed = pageDisplayed - 1;
     }
   }
 };
 $: isValidValue = totalCount !== void 0 && totalCount !== null;
 $: needPaginate = isValidValue && (totalCount ?? 0) > pageSize;
-$: canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0) / pageSize);
+$: canGoNext = isValidValue && needPaginate && pageDisplayed < Math.ceil((totalCount ?? 0) / pageSize);
 </script>
 
 <FieldContainer {label} forId="paginate" classes={{ label: 'justify-end' }}>
-  <div class="flex items-center justify-end">
+  <div class="flex w-36 items-center justify-end">
     {#if totalCount === undefined}
-      <Loading class="mx-2 h-8 w-1/2"></Loading>
+      <Loading class="ml-6 mr-2 h-3 w-1/6"></Loading>
+      <Loading class="mx-2 h-4 w-1/2"></Loading>
+      <Loading class="mx-2 h-3 w-1/6"></Loading>
     {:else if !needPaginate}
       <span class="text-primary justify-end px-2 font-bold">
         {totalCount}
@@ -36,7 +38,7 @@ $: canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0
         <button
           aria-label="left"
           on:click={() => update('-')}
-          class="btn join-item {page === 1 ? 'btn-disabled' : ''}"
+          class="btn join-item p-1 {pageDisplayed === 1 ? 'btn-disabled' : ''}"
         >
           <Icon data={LibIcon_ChevronLeft} />
         </button>
@@ -44,7 +46,7 @@ $: canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0
           <button aria-label="current" class="btn join-item px-0">
             <span class="text-primary font-bold">{totalCount}</span>
             <span class="text-[0.55rem] italic"
-              >({page} / {Math.ceil((totalCount ?? 0) / pageSize)})</span
+              >({pageDisplayed} / {Math.ceil((totalCount ?? 0) / pageSize)})</span
             >
           </button>
         {:else}
@@ -53,7 +55,7 @@ $: canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0
         <button
           aria-label="right"
           on:click={() => update('+')}
-          class="btn join-item {!canGoNext ? 'btn-disabled' : ''}"
+          class="btn join-item p-1 {!canGoNext ? 'btn-disabled' : ''}"
         >
           <Icon data={LibIcon_ChevronRight} />
         </button>

package/esm/ui/GridPaginate.svelte.d.ts

@@ -3,7 +3,7 @@ import './LibIcon';
 declare const __propDef: {
     props: {
         label?: string | undefined;
-        page: number;
+        pageDisplayed: number;
         totalCount?: number | undefined | null;
         pageSize?: number | undefined;
     };

package/esm/ui/dialog/DialogPrimitive.svelte

@@ -40,11 +40,7 @@ function dispatchChange(_data) {
     />
     <div
       class={tw(
-        `border-base-content/60
-         bg-base-100
-			   relative z-40 max-h-[90vh] overflow-visible rounded-xl
-			   border p-6
-         shadow-lg`,
+        `border-base-content/60 bg-base-100 relative z-40 max-h-[90vh] overflow-visible rounded-xl border p-6 shadow-lg`,
         classes.root,
       )}
       transition:flyAndScale={{

package/esm/ui/dialog/dialog.d.ts

@@ -29,6 +29,15 @@ type ResultClose<entityType = any> = {
     item?: entityType;
 };
 export type DialogType = 'custom' | 'confirm' | 'confirmDelete' | 'insert' | 'update' | 'view';
+export type DialogFormType<entityType> = {
+    cells?: CellsInput<entityType>;
+    defaults?: Partial<entityType>;
+    classes?: DialogClasses;
+    noThrow?: boolean;
+    wDelete?: boolean;
+    topicPrefixText?: string;
+    focusKey?: string;
+};
 export type DialogMetaDataInternal<entityType = any> = DialogMetaData<entityType> & {
     id: number;
     type: DialogType;
@@ -37,14 +46,7 @@ export type DialogMetaDataInternal<entityType = any> = DialogMetaData<entityType
 export declare const dialog: {
     confirm: (topic: string, text: string, icon?: string) => Promise<ResultClose<any>>;
     confirmDelete: (topic: string) => Promise<ResultClose<any>>;
-    form: <entityType>(type: 'insert' | 'update' | 'view', topic: string, repo: Repository<entityType>, cells: CellsInput<entityType>, options?: {
-        defaults?: Partial<entityType>;
-        classes?: DialogClasses;
-        noThrow?: boolean;
-        wDelete?: boolean;
-        topicPrefixText?: string;
-        focusKey?: string;
-    }) => Promise<ResultClose<any>>;
+    form: <entityType>(type: 'insert' | 'update' | 'view', topic: string, repo: Repository<entityType>, settings: DialogFormType<entityType>) => Promise<ResultClose<any>>;
     show: (dialog: DialogMetaData) => Promise<ResultClose<any>>;
     close: (id: number, result: ResultClose) => void;
     closeAll: () => void;

package/esm/ui/dialog/dialog.js

@@ -42,10 +42,9 @@ const createDialogManagement = () => {
             };
             return show(detail, 'confirmDelete');
         },
-        // FIXME JYC: refactor this (no need repo? options?)
-        form: (type, topic, repo, cells, options) => {
-            const topicPrefixText = options?.topicPrefixText
-                ? options?.topicPrefixText + ' '
+        form: (type, topic, repo, settings) => {
+            const topicPrefixText = settings?.topicPrefixText
+                ? settings?.topicPrefixText + ' '
                 : type === 'insert'
                     ? `Créer `
                     : type === 'update'
@@ -60,12 +59,12 @@ const createDialogManagement = () => {
                 },
                 repo,
                 // store,
-                cells,
-                defaults: options?.defaults,
-                classes: options?.classes,
-                noThrow: options?.noThrow,
-                wDelete: options?.wDelete,
-                focusKey: options?.focusKey,
+                cells: settings.cells ?? [],
+                defaults: settings?.defaults,
+                classes: settings?.classes,
+                noThrow: settings?.noThrow,
+                wDelete: settings?.wDelete,
+                focusKey: settings?.focusKey,
                 topicPrefixText,
             };
             return show(detail, type);

package/esm/ui/internals/Input.svelte

@@ -20,7 +20,7 @@ const debounce = (fn) => {
 };
 function dispatchInput(value2) {
   if ($$restProps.type === "date") {
-    if (value2) {
+    if (value2 || value2 === null) {
       dispatch("input", { value: transformDate(value2) });
     }
   } else {
@@ -37,6 +37,12 @@ const handleInput = (e) => {
     } else {
       value = target.value.toString().replaceAll(",", ".");
     }
+  } else if ($$restProps.type === "date") {
+    if (target.value === "") {
+      value = null;
+    } else {
+      value = target.value;
+    }
   } else {
     value = target.value;
   }
@@ -49,6 +55,9 @@ const handleInput = (e) => {
   }
 };
 const transformDate = (input) => {
+  if (input === null) {
+    return null;
+  }
   const rawDateSplited = input.split("-");
   if (rawDateSplited.length === 3) {
     const yearSplited = rawDateSplited[0].split("");