refactor: run formatter

Author: petesfrench

scss/_patterns_in-page-navigation.scss

@@ -34,7 +34,7 @@
 
 @mixin vf-p-in-page-navigation {
   // Use a consistent border width for left-highlight and list border
-  $in-page-navigation-border-width: 3px; 
+  $in-page-navigation-border-width: 3px;
 
   // Shares text styles
   %in-page-navigation__text {
@@ -61,14 +61,17 @@
 
   // Scroll margins for headings withing the parent grid section
   .grid-row:has(.p-in-page-navigation) {
-    h2, h3, h4 {
+    h2,
+    h3,
+    h4 {
       scroll-margin-top: 72px;
 
       @media screen and (width >= $threshold-4-8-col) {
         scroll-margin-top: 24px;
       }
 
-      @at-root body:has(.p-navigation.is-sticky) &, body:has(.p-navigation--sliding.is-sticky) & {
+      @at-root body:has(.p-navigation.is-sticky) &,
+        body:has(.p-navigation--sliding.is-sticky) & {
         scroll-margin-top: 120px;
 
         @media screen and (width >= $threshold-4-8-col) {
@@ -278,7 +281,7 @@
         left: 50%;
         position: absolute;
         transform: translateX(-50%);
-        width: 100%
+        width: 100%;
       }
     }
 
@@ -363,7 +366,7 @@
   }
 
   // Small/medium screens - collapsed dropdown
-  .p-in-page-navigation__container:has(> .p-in-page-navigation__list:not([aria-expanded='true'])) { 
+  .p-in-page-navigation__container:has(> .p-in-page-navigation__list:not([aria-expanded='true'])) {
     @media screen and (width < $threshold-4-8-col) {
       .p-in-page-navigation__list {
         grid-column: 1;

templates/docs/examples/patterns/in-page-navigation/_in-page-navigation.js

@@ -147,7 +147,7 @@ function initNavigationInteraction(navRoot) {
     // Prevent recreating the observer if state hasn't changed
     if (lastViewportState === isLargeView) {
       return;
-    } 
+    }
     lastViewportState = isLargeView;
 
     // Cleanup existing observer
@@ -167,7 +167,7 @@ function initNavigationInteraction(navRoot) {
       {
         rootMargin: isLargeView ? '-10% 0px -50% 0px' : '-10% 0px -75% 0px',
         threshold: 0.5,
-      }
+      },
     );
 
     headings.forEach((heading) => observer.observe(heading));
@@ -197,14 +197,16 @@ function initNavigationInteraction(navRoot) {
       const targetHeading = document.querySelector(targetId);
       if (targetHeading) {
         targetHeading.setAttribute('tabindex', '-1');
-        targetHeading.focus({ preventScroll: true });
-        targetHeading.scrollIntoView({ behavior: 'smooth' });
+        targetHeading.focus({preventScroll: true});
+        targetHeading.scrollIntoView({behavior: 'smooth'});
         history.pushState(null, null, targetId);
       }
       // We use a timeout to prevent the IntersectionObserver from immediately
       // overiding the active state. As the IntersectionObserver points at the
       // center of the screen
-      setTimeout(() => {navItemClicked = false;}, 1000);
+      setTimeout(() => {
+        navItemClicked = false;
+      }, 1000);
     });
   });
 
@@ -373,11 +375,7 @@ function scrollActiveNavItemIntoView(link) {
  * @returns {number} The width of the viewport in pixels
  */
 function getCurrentViewportWidth() {
-  return Math.max(
-    document.documentElement.clientWidth || 
-    0, window.innerWidth || 
-    0
-  );
+  return Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
 }
 
 /**
@@ -393,4 +391,4 @@ function debounce(func, wait) {
     clearTimeout(timeout);
     timeout = setTimeout(() => func.apply(context, args), wait);
   };
-}
+}