@likable-hair/svelte 3.1.41 → 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/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/package.json

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