@jsenv/navi 0.14.4 → 0.14.6

package/dist/jsenv_navi.js

@@ -7765,7 +7765,16 @@ const createRoute = (urlPatternInput) => {
   };
 
   route.matchesParams = (otherParams) => {
-    const params = route.params;
+    let params = route.params;
+    if (params) {
+      const paramsWithoutWildcards = {};
+      for (const key of Object.keys(params)) {
+        if (!Number.isInteger(Number(key))) {
+          paramsWithoutWildcards[key] = params[key];
+        }
+      }
+      params = paramsWithoutWildcards;
+    }
     const paramsIsFalsyOrEmpty = !params || Object.keys(params).length === 0;
     const otherParamsFalsyOrEmpty =
       !otherParams || Object.keys(otherParams).length === 0;
@@ -7775,13 +7784,7 @@ const createRoute = (urlPatternInput) => {
     if (otherParamsFalsyOrEmpty) {
       return false;
     }
-    const paramsWithoutWildcards = {};
-    for (const key of Object.keys(params)) {
-      if (!Number.isInteger(Number(key))) {
-        paramsWithoutWildcards[key] = params[key];
-      }
-    }
-    return compareTwoJsValues(paramsWithoutWildcards, otherParams);
+    return compareTwoJsValues(params, otherParams);
   };
 
   /**
@@ -16823,7 +16826,8 @@ import.meta.css = /* css */`
       display: flex;
       width: 100%;
       margin: 0;
-      padding: 2px; /* space for border radius and outline */
+      padding-right: 2px; /* space for eventual outline overflow */
+      padding-left: 2px; /* space for eventual outline overflow */
       align-items: center;
       gap: 0.5rem;
       list-style: none;
@@ -16908,18 +16912,37 @@ import.meta.css = /* css */`
       overflow-x: hidden;
       overflow-y: auto;
 
-      .navi_tab {
-        > .navi_text,
-        .navi_link,
-        .navi_text_bold_foreground {
-          justify-content: start;
-        }
+      > ul {
+        padding-top: 2px; /* space for eventual outline overflow */
+        padding-bottom: 2px; /* space for eventual outline overflow */
+        flex-direction: column;
+        align-items: start;
 
-        &[data-align-x="end"] {
-          > .navi_text,
-          .navi_link,
-          .navi_text_bold_foreground {
-            justify-content: end;
+        > li {
+          width: 100%;
+
+          .navi_tab {
+            flex-direction: row;
+            text-align: left;
+
+            .navi_tab_indicator {
+              width: var(--tab-indicator-size);
+              height: 100%;
+            }
+
+            > .navi_text,
+            .navi_link,
+            .navi_text_bold_foreground {
+              justify-content: start;
+            }
+
+            &[data-align-x="end"] {
+              > .navi_text,
+              .navi_link,
+              .navi_text_bold_foreground {
+                justify-content: end;
+              }
+            }
           }
         }
       }
@@ -16947,25 +16970,6 @@ import.meta.css = /* css */`
           }
         }
       }
-
-      > ul {
-        flex-direction: column;
-        align-items: start;
-
-        > li {
-          width: 100%;
-
-          .navi_tab {
-            flex-direction: row;
-            text-align: left;
-
-            .navi_tab_indicator {
-              width: var(--tab-indicator-size);
-              height: 100%;
-            }
-          }
-        }
-      }
     }
 
     &[data-expand] {
@@ -17080,7 +17084,7 @@ const TabRoute = ({
   const selected = active && paramsAreMatching;
   return jsx(TabBasic, {
     selected: selected,
-    paddingX: "0",
+    paddingX: undefined,
     alignX: alignX,
     alignY: alignY,
     ...props,