@likable-hair/svelte 3.1.40 → 3.1.42

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

@@ -62,14 +62,18 @@ function handleInputChange(event) {
     }
   }, 30);
 }
-function handleYearSelect(ev) {
-  if (!!selectedYear) {
-    mask.value = selectedYear.toString();
-  }
+function handleYearClick(ev) {
   dispatch("year-click", {
     year: ev.detail.year
   });
 }
+function handleYearChange(ev) {
+  if (!!selectedYear) {
+    mask.value = selectedYear.toString();
+  } else {
+    mask.value = "";
+  }
+}
 $:
   if (!!selectedYear) {
     setTimeout(() => {
@@ -139,7 +143,8 @@ $:
       >
         <YearSelector
           bind:selectedYear={selectedYear}
-          on:click={handleYearSelect}
+          on:click={handleYearClick}
+          on:change={handleYearChange}
           {disabled}
         ></YearSelector>
       </div>
@@ -162,7 +167,8 @@ $:
       >
         <YearSelector
           bind:selectedYear={selectedYear}
-          on:click={handleYearSelect}
+          on:click={handleYearClick}
+          on:change={handleYearChange}
           {disabled}
           selectableYears={[...Array((maxYearInRange - minYearInRange) + 1).keys()].map((v) => {
             return minYearInRange + v

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

@@ -82,7 +82,7 @@ function handleFiltersChange() {
       on:removeFilter={handleFiltersChange}
       on:removeAllFilters={handleFiltersChange}
       on:removeFilter
-      on:removeAllFilter
+      on:removeAllFilters
       --filters-default-wrapper-width="100%"
       {lang}
       {editFilterMode}

package/dist/components/composed/list/PaginatedTable.svelte.d.ts

@@ -35,7 +35,7 @@ declare const __propDef: {
         removeFilter: CustomEvent<{
             filter: import("../../../utils/filters/filters").Filter;
         }>;
-        removeAllFilter: CustomEvent<any>;
+        removeAllFilters: CustomEvent<undefined>;
         sort: CustomEvent<{
             sortedBy: string | undefined;
             sortDirection: string;

package/dist/components/simple/dates/YearSelector.svelte

@@ -14,11 +14,18 @@ onMount(() => {
 });
 const dispatch = createEventDispatcher();
 function handleYearClick(year) {
-  selectedYear = year;
-  scrollAtCenter(container, targetButtons[selectedYear], "smooth");
+  if (selectedYear === year) {
+    selectedYear = void 0;
+  } else {
+    selectedYear = year;
+    scrollAtCenter(container, targetButtons[selectedYear], "smooth");
+  }
   dispatch("click", {
     year
   });
+  dispatch("change", {
+    year: selectedYear
+  });
 }
 import Button from "../buttons/Button.svelte";
 </script>

package/dist/components/simple/dates/YearSelector.svelte.d.ts

@@ -12,6 +12,9 @@ declare const __propDef: {
         click: CustomEvent<{
             year: number;
         }>;
+        change: CustomEvent<{
+            year: number | undefined;
+        }>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/simple/forms/Autocomplete.svelte

@@ -177,7 +177,7 @@ import MenuOrDrawer from "../../composed/common/MenuOrDrawer.svelte";
   role="button"
   tabindex="0"
 >
-  <slot name="selection-container" {values} {searchText} {disabled} {openMenu} {handleKeyDown}>
+  <slot name="selection-container" {values} {searchText} {disabled} {openMenu} {handleKeyDown} {unselect} {select}>
     <div
       class="selection-container"
     >

package/dist/components/simple/forms/Autocomplete.svelte.d.ts

@@ -54,6 +54,8 @@ declare const __propDef: {
             handleKeyDown: (event: {
                 key: string;
             }) => void;
+            unselect: (item: Item) => void;
+            select: (item: Item) => void;
         };
         selection: {
             selection: Item;

package/package.json

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