@abgov/web-components 1.17.0-alpha.130 → 1.17.0-alpha.131

package/index.js

@@ -36044,6 +36044,7 @@ function instance$7($$self, $$props, $$invalidate) {
   let _currentTab = 1;
   let _tabProps = [];
   let _bindTimeoutId;
+  let _initialLoad = true;
   onMount(() => {
     ensureSlotExists(_rootEl);
     addChildMountListener();
@@ -36052,6 +36053,22 @@ function instance$7($$self, $$props, $$invalidate) {
   onDestroy(() => {
     removeKeyboardEventListeners();
   });
+  function getTabIndexFromHash() {
+    const hash2 = window.location.hash;
+    if (!hash2) return null;
+    const tabs = _tabsEl == null ? void 0 : _tabsEl.querySelectorAll('[role="tab"]');
+    for (let i = 0; i < tabs.length; i++) {
+      const tab = tabs[i];
+      const tabHref = tab.getAttribute("href");
+      const tabHash = (tabHref == null ? void 0 : tabHref.split("#")[1]) || "";
+      const isFullUrlMatch = tabHref == null ? void 0 : tabHref.endsWith(hash2);
+      const isHashOnlyMatch = hash2.endsWith(tabHash);
+      if (isFullUrlMatch || isHashOnlyMatch) {
+        return i + 1;
+      }
+    }
+    return null;
+  }
   function addChildMountListener() {
     _rootEl.addEventListener("tab:mounted", (e) => {
       const detail = e.detail;
@@ -36062,7 +36079,11 @@ function instance$7($$self, $$props, $$invalidate) {
       _bindTimeoutId = setTimeout(
         () => {
           bindChildren();
-          setCurrentTab(initialtab || 1);
+          if (_initialLoad) {
+            const tabIndexFromHash = getTabIndexFromHash();
+            setCurrentTab(tabIndexFromHash ?? (initialtab || 1));
+            _initialLoad = false;
+          }
         },
         1
       );
@@ -36071,6 +36092,7 @@ function instance$7($$self, $$props, $$invalidate) {
   }
   function bindChildren() {
     const path = window.location.pathname;
+    const search = window.location.search;
     _tabProps.forEach((tabProps, index) => {
       let tabSlug = "";
       let headingEl;
@@ -36097,7 +36119,7 @@ function instance$7($$self, $$props, $$invalidate) {
       link.setAttribute("id", `tab-${index + 1}`);
       link.setAttribute("data-testid", `tab-${index + 1}`);
       link.setAttribute("role", "tab");
-      link.setAttribute("href", path + "#" + tabSlug);
+      link.setAttribute("href", `${path}${search}#${tabSlug}`);
       link.addEventListener("click", () => setCurrentTab(index + 1));
       link.setAttribute("aria-controls", `tabpanel-${index + 1}`);
       link.appendChild(headingEl);
@@ -36146,7 +36168,8 @@ function instance$7($$self, $$props, $$invalidate) {
     _slotEl.setAttribute("aria-labelledby", `tab-${_currentTab}`);
     _slotEl.setAttribute("id", `tabpanel-${_currentTab}`);
     if (currentLocation) {
-      document.location = currentLocation;
+      const url = new URL(currentLocation);
+      history.pushState({}, "", url.pathname + url.search + url.hash);
     }
   }
   function handleKeydownEvents() {