@likable-hair/svelte 4.0.26 → 4.0.27

package/dist/components/composed/forms/DatePickerTextField.svelte

@@ -65,9 +65,10 @@ $effect(() => {
         mask.value = "";
     }
 });
-function handleInputChange(event) {
+function handleInputChange(e) {
     setTimeout(() => {
-        const typedValue = mask.value;
+        // @ts-ignore
+        const typedValue = e.target?.value;
         if (typedValue !== undefined && typedValue !== null) {
             // find day of month
             const dayOfMonthIndex = pattern.indexOf('dd');
@@ -147,7 +148,7 @@ $effect(() => {
         {@render activatorSnippet({ mask, handleTextFieldFocus, handleInputChange, inputElement, placeholder, disabled })}
       {:else}
         <SimpleTextField
-          bind:value={mask.value}
+          value={mask.value}
           onfocus={() => handleTextFieldFocus(mAndDown)}
           onkeydown={handleInputChange}
           bind:input={inputElement}

package/dist/components/composed/forms/DatePickerTextField.svelte.d.ts

@@ -68,7 +68,7 @@ declare const DatePickerTextField: import("svelte").Component<{
             value: string | undefined;
         };
         handleTextFieldFocus: (mobile: boolean) => void;
-        handleInputChange: (event: any) => void;
+        handleInputChange: (e: Event) => void;
         inputElement: HTMLElement | undefined;
         placeholder: string | undefined;
         disabled: boolean;

package/dist/components/composed/list/DynamicTable.svelte

@@ -95,7 +95,7 @@ const [send, receive] = crossfade({
     },
 });
 let { headers = [], headersToShowInTable = headers, subHeaders = [], customizeHeaders = false, rows = [], sortedBy = $bindable(), sortDirection = $bindable("asc"), cellEdit = false, lang = "en", dateLocale, noItemsText = lang == 'en' ? "No items to show" : 'Nessun elemento da visualizzare', showSelect = false, showActions = true, selectMode = "single", selectedItems = $bindable([]), unselectedItems = $bindable([]), selectedAll = $bindable(false), showExpand = false, loading = false, disabled = false, filters = $bindable([]), searchBarColumns, searchBarVisible = false, searchBarPlaceholder = lang == 'en' ? "Type to search..." : "Scrivi per cercare...", filtersVisible = false, quickFiltersVisible = false, editFilterMode = "one-edit", showActiveFilters = true, quickFilters = [], actionsForSelectedItems = [], quickActionsDisabled = false, totalRows = rows.length, searchText = $bindable(), renderedRowsNumber = 100, sectionRowsNumber = 20, sectionThreshold = 2, backwardThresholdPixel = 100, forwardThresholdPixel = 100, uniqueKey = 'id', numberOfResultsVisible = false, endLineVisible = false, resizableColumns = false, resizedColumnSizeWithPadding = $bindable({}), dynamicFilters = true, useSelectedItemsOnly = false, selectedAllDisabled = false, class: clazz = {}, onapplyCustomQuickFilter, oncellClick, onfetchData, onfiltersChange, onsort, onremoveAllFilters, onremoveCustomQuickFilter, onremoveFilter, onrowClick, onsaveCellEdit, onsaveHeadersToShow, oncolumnResize, searchBarSnippet, customFilterChipSnippet, customFilterSnippet, filterAppendSnippet, onscroll, selectionSnippet: selectionInternalSnippet, itemLabelSnippet: itemLabelInternalSnippet, chipLabelSnippet, headerSnippet, headerLabelSnippet, rowAppendSnippet, customRowSnippet, subRowAppendSnippet, subHeaderLabelSnippet, subHeaderSnippet, subRowActionsSnippet, customSubRowSnippet, customQuickFilterSnippet, appendSnippet, } = $props();
-let openCellEditor = $state(false), cellEditorActivator = $state(), cellEditorContainer = $state(), menuElementCellEditor = $state(), menuElementQuickFilters = $state(), cellEditorInfoActive = $state(), saveEditDisabled = $state(false), searchBarInput = $state(undefined), openQuickFilter = $state(false), quickFilterActivator = $state(), quickFilterActive = $state(), globalBuilder = new FilterBuilder(), calendarOpened = $state(false), calendarOpened2 = $state(false), selectedIndexes = [], cellEditorIndexRow = $state(), cellEditorIndexHeader = $state(), cellEditorSubItem = $state(), currentSectionNumber = $state(0), tableBody = $state(), tableContainer = $state(), tableHTML = $state(), headersHTML = {}, userScrolling = $state(true), reachedBottom = $state(false), reachedTop = false, resizing = false, remainingWidth = $state(0), hideScrollbar = $state(false), sortModify, mainHeader = $state(), resizeObserver, ignoreSelectAll = rows.length == totalRows && useSelectedItemsOnly;
+let openCellEditor = $state(false), cellEditorActivator = $state(), cellEditorContainer = $state(), menuElementCellEditor = $state(), menuElementQuickFilters = $state(), cellEditorInfoActive = $state(), saveEditDisabled = $state(false), searchBarInput = $state(undefined), openQuickFilter = $state(false), quickFilterActivator = $state(), quickFilterActive = $state(), globalBuilder = new FilterBuilder(), calendarOpened = $state(false), calendarOpened2 = $state(false), selectedIndexes = [], cellEditorIndexRow = $state(), cellEditorIndexHeader = $state(), cellEditorSubItem = $state(), currentSectionNumber = $state(0), tableBody = $state(), tableContainer = $state(), tableHTML = $state(), headersHTML = $state({}), userScrolling = $state(true), reachedBottom = $state(false), reachedTop = false, resizing = false, remainingWidth = $state(0), hideScrollbar = $state(false), sortModify, mainHeader = $state(), resizeObserver, ignoreSelectAll = rows.length == totalRows && useSelectedItemsOnly;
 const DEFAULT_MIN_WIDTH_PX = 100, DEFAULT_MAX_WIDTH_PX = 400;
 let totalSections = $derived((totalRows - renderedRowsNumber) / sectionRowsNumber);
 let hasMoreToRender = $derived(totalSections > currentSectionNumber);

package/dist/components/composed/search/Filters.svelte

@@ -162,7 +162,7 @@ function handleRemoveFilter(filter) {
         });
     }
 }
-let activeFiltersActivators = {};
+let activeFiltersActivators = $state({});
 function handleActiveFilterClick(filter) {
     singleFilterActivator = activeFiltersActivators[filter.name];
     singleFilterMenuAnchor = 'bottom-center';
@@ -565,12 +565,16 @@ function onclick(event, stopPropagation = false) {
                             {/if}
                             <div class="field">
                               <FilterEditor
-                                bind:filter={filters[i]}
+                                filter={filters[i]}
                                 {lang}
                                 {labelsMapper}
                                 editFilterMode="multi-edit"
                                 bind:tmpFilter={tmpFilters[filter.name]}
                                 mobile={mAndDown}
+                                onchange={(e) => {
+                                  if(!!e.detail.filter)
+                                    filters[i] = e.detail.filter
+                                }}
                               >
                                 {#snippet customSnippet({ filter })}
                                   {@render customInternalSnippet?.({ filter, updateFunction, mAndDown })}
@@ -745,12 +749,16 @@ function onclick(event, stopPropagation = false) {
                         {/if}
                         <div class="field">
                           <FilterEditor
-                            bind:filter={filters[i]}
+                            filter={filters[i]}
                             {lang}
                             {labelsMapper}
                             editFilterMode="multi-edit"
                             bind:tmpFilter={tmpFilters[filter.name]}
                             mobile={mAndDown}
+                            onchange={(e) => {
+                              if(!!e.detail.filter)
+                                filters[i] = e.detail.filter
+                            }}
                           >
                             {#snippet customSnippet({ filter })}
                               {@render customInternalSnippet?.({ filter, updateFunction, mAndDown })}

package/dist/components/simple/navigation/TabSwitcher.svelte

@@ -5,7 +5,7 @@
 import './TabSwitcher.css';
 import Icon from "../media/Icon.svelte";
 let { tabs = [], selected = $bindable(undefined), mandatory = true, class: clazz = {}, ontabClick, appendSnippet, } = $props();
-let tabButtons = {};
+let tabButtons = $state({});
 onMount(() => {
     if (mandatory && !selected && tabs.length > 0)
         selected = tabs[0].name;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "4.0.26",
+  "version": "4.0.27",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",