betal-fe 4.1.0 → 4.2.0

package/dist/betal-fe.js

@@ -1126,13 +1126,37 @@ const RouterLink = defineComponent({
         on: {
           click: (e) => {
             e.preventDefault();
-            this.appContext.router.navigateTo(to);
+            this.handleNavigation(to);
           },
         },
       },
       [hSlot()]
     );
   },
+  handleNavigation(to) {
+    const anchorIndex = to.indexOf('#');
+    if (anchorIndex !== -1 && anchorIndex > 0) {
+      const path = to.substring(0, anchorIndex);
+      const anchor = to.substring(anchorIndex + 1);
+      this.appContext.router.navigateTo(path);
+      setTimeout(() => {
+        this.scrollToAnchor(anchor);
+      }, 0);
+    } else if (anchorIndex === 0) {
+      const anchor = to.substring(1);
+      this.scrollToAnchor(anchor);
+    } else {
+      this.appContext.router.navigateTo(to);
+    }
+  },
+  scrollToAnchor(anchorId) {
+    const element = document.getElementById(anchorId);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    } else {
+      console.warn(`[RouterLink] Element with id "${anchorId}" not found`);
+    }
+  },
 });
 const RouterOutlet = defineComponent({
   state() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "betal-fe",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "type": "module",
   "main": "dist/betal-fe.js",
   "files": [