@fundamental-ngx/ui5-webcomponents-base 0.64.2-rc.13 → 0.64.2-rc.14

package/fesm2022/fundamental-ngx-ui5-webcomponents-base-router-link.mjs

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, DestroyRef, Directive } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
+
+/**
+ * Enables in-app (SPA) navigation for `[routerLink]` on UI5 wrapper components.
+ *
+ * UI5 replaces the native click with a `CustomEvent` that has no `button` property.
+ * Angular's `RouterLink` reads `event.button`, gets `undefined`, and bails — leaving
+ * the shadow `<a href>` to navigate natively. This directive intercepts the event in
+ * capture phase, handles plain left-clicks via `router.navigateByUrl()`, and blocks
+ * RouterLink from seeing modifier/middle clicks via `stopImmediatePropagation()`.
+ *
+ * Applied automatically via `hostDirectives` on generated wrappers with an `href` input.
+ * See `libs/webc-generator/src/executors/generate/component-template.ts`.
+ */
+class Ui5RouterLinkBridgeDirective {
+    constructor() {
+        this._router = inject(Router);
+        this._routerLink = inject(RouterLink, { optional: true, self: true });
+        this._elementRef = inject((ElementRef));
+        this._destroyRef = inject(DestroyRef);
+    }
+    ngOnInit() {
+        const routerLink = this._routerLink;
+        if (!routerLink) {
+            return;
+        }
+        const el = this._elementRef.nativeElement;
+        const handler = (event) => this._handleClick(event, routerLink);
+        el.addEventListener('click', handler, true);
+        this._destroyRef.onDestroy(() => el.removeEventListener('click', handler, true));
+    }
+    _handleClick(event, routerLink) {
+        const detail = event.detail ?? {};
+        const button = detail.button ?? 0;
+        const isModified = detail.ctrlKey || detail.metaKey || detail.shiftKey || detail.altKey;
+        if (button !== 0 || isModified) {
+            // Prevent RouterLink from seeing this event — RouterLink reads event.button as
+            // undefined on UI5 CustomEvents and would navigate regardless of modifier state.
+            event.stopImmediatePropagation();
+            return;
+        }
+        const urlTree = routerLink.urlTree;
+        if (urlTree === null) {
+            return;
+        }
+        event.preventDefault();
+        this._router.navigateByUrl(urlTree);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Ui5RouterLinkBridgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: Ui5RouterLinkBridgeDirective, isStandalone: true, selector: "[ui5RouterLinkBridge]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Ui5RouterLinkBridgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ui5RouterLinkBridge]'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Ui5RouterLinkBridgeDirective };
+//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-base-router-link.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-base-router-link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fundamental-ngx-ui5-webcomponents-base-router-link.mjs","sources":["../../../../libs/ui5-webcomponents-base/router-link/ui5-router-link-bridge.directive.ts","../../../../libs/ui5-webcomponents-base/router-link/fundamental-ngx-ui5-webcomponents-base-router-link.ts"],"sourcesContent":["import { DestroyRef, Directive, ElementRef, inject, OnInit } from '@angular/core';\nimport { Router, RouterLink } from '@angular/router';\n\n/**\n * Enables in-app (SPA) navigation for `[routerLink]` on UI5 wrapper components.\n *\n * UI5 replaces the native click with a `CustomEvent` that has no `button` property.\n * Angular's `RouterLink` reads `event.button`, gets `undefined`, and bails — leaving\n * the shadow `<a href>` to navigate natively. This directive intercepts the event in\n * capture phase, handles plain left-clicks via `router.navigateByUrl()`, and blocks\n * RouterLink from seeing modifier/middle clicks via `stopImmediatePropagation()`.\n *\n * Applied automatically via `hostDirectives` on generated wrappers with an `href` input.\n * See `libs/webc-generator/src/executors/generate/component-template.ts`.\n */\n@Directive({\n    selector: '[ui5RouterLinkBridge]'\n})\nexport class Ui5RouterLinkBridgeDirective implements OnInit {\n    private readonly _router = inject(Router);\n    private readonly _routerLink = inject(RouterLink, { optional: true, self: true });\n    private readonly _elementRef = inject(ElementRef<HTMLElement>);\n    private readonly _destroyRef = inject(DestroyRef);\n\n    ngOnInit(): void {\n        const routerLink = this._routerLink;\n        if (!routerLink) {\n            return;\n        }\n        const el = this._elementRef.nativeElement;\n        const handler = (event: Event): void => this._handleClick(event as CustomEvent, routerLink);\n        el.addEventListener('click', handler, true);\n        this._destroyRef.onDestroy(() => el.removeEventListener('click', handler, true));\n    }\n\n    private _handleClick(event: CustomEvent, routerLink: RouterLink): void {\n        const detail = event.detail ?? {};\n        const button = detail.button ?? 0;\n        const isModified = detail.ctrlKey || detail.metaKey || detail.shiftKey || detail.altKey;\n\n        if (button !== 0 || isModified) {\n            // Prevent RouterLink from seeing this event — RouterLink reads event.button as\n            // undefined on UI5 CustomEvents and would navigate regardless of modifier state.\n            event.stopImmediatePropagation();\n            return;\n        }\n\n        const urlTree = routerLink.urlTree;\n        if (urlTree === null) {\n            return;\n        }\n\n        event.preventDefault();\n        this._router.navigateByUrl(urlTree);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;;;;AAWG;MAIU,4BAA4B,CAAA;AAHzC,IAAA,WAAA,GAAA;AAIqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;AACxB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAChE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,EAAC,UAAuB,EAAC;AAC7C,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAiCpD,IAAA;IA/BG,QAAQ,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW;QACnC,IAAI,CAAC,UAAU,EAAE;YACb;QACJ;AACA,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AACzC,QAAA,MAAM,OAAO,GAAG,CAAC,KAAY,KAAW,IAAI,CAAC,YAAY,CAAC,KAAoB,EAAE,UAAU,CAAC;QAC3F,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;AAC3C,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpF;IAEQ,YAAY,CAAC,KAAkB,EAAE,UAAsB,EAAA;AAC3D,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE;AACjC,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC;AACjC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM;AAEvF,QAAA,IAAI,MAAM,KAAK,CAAC,IAAI,UAAU,EAAE;;;YAG5B,KAAK,CAAC,wBAAwB,EAAE;YAChC;QACJ;AAEA,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;YAClB;QACJ;QAEA,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC;IACvC;8GApCS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;;ACjBD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents-base",
-  "version": "0.64.2-rc.13",
+  "version": "0.64.2-rc.14",
   "schematics": "./schematics/collection.json",
   "description": "Official SAP Angular base library for UI5 Web Component wrappers – part of the Fundamental Library for Angular.",
   "keywords": [
@@ -38,8 +38,8 @@
     "@angular/forms": "^22.0.0",
     "@angular/platform-browser": "^22.0.0",
     "@angular/router": "^22.0.0",
-    "@fundamental-ngx/core": "0.64.2-rc.13",
-    "@fundamental-ngx/i18n": "0.64.2-rc.13",
+    "@fundamental-ngx/core": "0.64.2-rc.14",
+    "@fundamental-ngx/i18n": "0.64.2-rc.14",
     "@ui5/webcomponents-base": "^2.25.0",
     "fundamental-styles": "0.41.8",
     "rxjs": "^7.8.0"
@@ -72,6 +72,10 @@
       "types": "./types/fundamental-ngx-ui5-webcomponents-base-i18n.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-base-i18n.mjs"
     },
+    "./router-link": {
+      "types": "./types/fundamental-ngx-ui5-webcomponents-base-router-link.d.ts",
+      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-base-router-link.mjs"
+    },
     "./theming": {
       "types": "./types/fundamental-ngx-ui5-webcomponents-base-theming.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-base-theming.mjs"

package/types/fundamental-ngx-ui5-webcomponents-base-router-link.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+
+/**
+ * Enables in-app (SPA) navigation for `[routerLink]` on UI5 wrapper components.
+ *
+ * UI5 replaces the native click with a `CustomEvent` that has no `button` property.
+ * Angular's `RouterLink` reads `event.button`, gets `undefined`, and bails — leaving
+ * the shadow `<a href>` to navigate natively. This directive intercepts the event in
+ * capture phase, handles plain left-clicks via `router.navigateByUrl()`, and blocks
+ * RouterLink from seeing modifier/middle clicks via `stopImmediatePropagation()`.
+ *
+ * Applied automatically via `hostDirectives` on generated wrappers with an `href` input.
+ * See `libs/webc-generator/src/executors/generate/component-template.ts`.
+ */
+declare class Ui5RouterLinkBridgeDirective implements OnInit {
+    private readonly _router;
+    private readonly _routerLink;
+    private readonly _elementRef;
+    private readonly _destroyRef;
+    ngOnInit(): void;
+    private _handleClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Ui5RouterLinkBridgeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Ui5RouterLinkBridgeDirective, "[ui5RouterLinkBridge]", never, {}, {}, never, never, true, never>;
+}
+
+export { Ui5RouterLinkBridgeDirective };