@likable-hair/svelte 3.1.41 → 3.1.43

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/common/Menu.svelte

@@ -108,7 +108,7 @@ function calcScrollY(elem) {
   while (!!parent) {
     scroll += parent.scrollTop;
     let parentPosition = getComputedStyle(parent).position;
-    if (parentPosition === "absolute" || parentPosition === "fixed")
+    if (parentPosition === "absolute" || parentPosition === "fixed" || parentPosition === "relative")
       break;
     parent = parent.parentElement;
   }
@@ -121,7 +121,7 @@ $:
       while (!!parent) {
         let parentPosition = getComputedStyle(parent).position;
         parent.addEventListener("scroll", refreshMenuPosition);
-        if (parentPosition == "absolute" || parentPosition == "fixed")
+        if (parentPosition == "absolute" || parentPosition == "fixed" || parentPosition === "relative")
           break;
         parent = parent.parentElement;
       }
@@ -204,7 +204,7 @@ $:
 function getPositionedAncestor(elem) {
   if (!elem)
     return null;
-  if (["fixed", "absolute", "sticky"].includes(getComputedStyle(elem).position))
+  if (["fixed", "absolute", "sticky", "relative"].includes(getComputedStyle(elem).position))
     return elem;
   return getPositionedAncestor(elem.parentElement);
 }
@@ -224,7 +224,7 @@ function getParentInstanceFromViewport(activatorParent) {
     const computedStyle = getComputedStyle(currentParent);
     const position = computedStyle.position;
     const display = computedStyle.display;
-    if ((position === "fixed" || position === "absolute") && display === "flex") {
+    if ((position === "fixed" || position === "absolute" || position === "relative") && display === "flex") {
       const boundingClientRect = activatorParent.getBoundingClientRect();
       top = top + boundingClientRect.top;
       left = left + boundingClientRect.left;

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.43",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",