Create functionality to link to tab element

src/components/hy-tabs/hy-tabs.tsx

@@ -316,6 +316,16 @@ export class HyTabs implements ComponentInterface {
     const classComponentAttributes = ['hy-tabs__container', `hy-tabs__container__${this.headerstyle}`].join(' ');
     const id = this.tabId.toLowerCase().replace(/\W/g, '-');
 
+    if (window.location.hash) {
+      const tabHash = window.location.hash.substring(1);
+      const isUrlHashed = this.tabButtonTitles.some((tab) => tab['id'] === tabHash);
+
+      if (isUrlHashed) {
+        const hashElement = document.getElementById(tabHash);
+        if (hashElement) this.activateTab(hashElement, true);
+      }
+    }
+
     return [
       <hy-box pt="1.25, 1.25, 1.5, 2.5" />,
       <div id={id} class={classComponentAttributes}>