@leanix/components 0.4.658 → 0.4.660

package/lib/core-ui/components/page-header/page-header.component.d.ts

@@ -7,9 +7,6 @@ import * as i0 from "@angular/core";
  *
  * ### Projection slots
  * - `ui5-breadcrumbs`: Defines the breadcrumbs shown above the page title
- *   - **Important**: To set a URL for a breadcrumb item, you need to provide the `href`
- * attribute to the `ui5-breadcrumbs-item` component. `RouterLink` does not work before updating to Angular 20.
- *   - To use the `href` attribute for relative URLs, **the leading slash needs to be removed**.
  * - `header-title`: Defines the page title content
  * - `header-content`: Defines additional content below the page title
  * - `header-buttons`: Defines the header action buttons
@@ -27,8 +24,8 @@ import * as i0 from "@angular/core";
  * @example ```html
  * <lx-page-header [pageTitle]="'Agile Tracking'">
  *   <ui5-breadcrumbs>
- *     <ui5-breadcrumbs-item href="/">Root Page</ui5-breadcrumbs-item>
- *     <ui5-breadcrumbs-item href="/inventory">Inventory</ui5-breadcrumbs-item>
+ *     <ui5-breadcrumbs-item routerLink="/">Root Page</ui5-breadcrumbs-item>
+ *     <ui5-breadcrumbs-item routerLink="/inventory">Inventory</ui5-breadcrumbs-item>
  *     <ui5-breadcrumbs-item>Agile Tracking</ui5-breadcrumbs-item>
  *   </ui5-breadcrumbs>
  *   <ng-container header-buttons>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.658",
+  "version": "0.4.660",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {

package/ui5/components/breadcrumbs-item.component.d.ts

@@ -0,0 +1,22 @@
+import { BreadcrumbsItemComponent as Ui5BreadcrumbsItemComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs-item';
+import * as i0 from "@angular/core";
+/**
+ * This component extends the `ui5-breadcrumbs-item` component from `@ui5/webcomponents-ngx`.
+ * This extension is needed for Angular versions before 20 to sync Angular's `RouterLink` directive
+ * with the `href` attribute of the `ui5-breadcrumbs-item`.
+ *
+ * **Why?** Support for custom elements in the `RouterLink` directive was added in Angular 20.
+ * For older versions, this component allows using the `RouterLink` on a `ui5-breadcrumb-item`.
+ *
+ * @see https://github.com/angular/angular/commit/ff98ccb19391ed4e04528b82771c04ad67067d68
+ *
+ */
+export declare class BreadcrumbsItemComponent extends Ui5BreadcrumbsItemComponent {
+    private readonly router;
+    private readonly routerLinkInstance;
+    private readonly locationStrategy;
+    readonly routerLink: import("@angular/core").InputSignal<string | any[] | import("@angular/router").UrlTree | null | undefined>;
+    readonly updateBreadcrumbHref: import("@angular/core").EffectRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsItemComponent, "ui5-breadcrumbs-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/ui5/components/breadcrumbs.component.d.ts

@@ -0,0 +1,29 @@
+import { BreadcrumbsComponent as Ui5BreadcrumbsComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs';
+import { BreadcrumbsItemClickEventDetail } from '@ui5/webcomponents/dist/Breadcrumbs';
+import * as i0 from "@angular/core";
+/**
+ * Enables users to navigate between items by providing a list of links to previous steps in the user's navigation path.
+ *
+ * It helps the user to be aware of their location within the application and allows faster navigation.
+ *
+ * This component extends the `ui5-breadcrumbs` component from `@ui5/webcomponents-ngx`.
+ * See the [UI5 Breadcrumb documentation](https://ui5.github.io/webcomponents/components/Breadcrumbs) for more info.
+ *
+ * This extension allows using the `RouterLink` directive on `ui5-breadcrumbs-item` components.
+ *
+ * @example ```html
+ * <ui5-breadcrumbs>
+ *   <ui5-breadcrumbs-item routerLink="/inventory">Inventory</ui5-breadcrumbs-item>
+ *   <ui5-breadcrumbs-item routerLink="/inventory/agile-tracking">Agile Tracking</ui5-breadcrumbs-item>
+ *   <ui5-breadcrumbs-item routerLink="/inventory/agile-tracking/settings">Settings</ui5-breadcrumbs-item>
+ * </ui5-breadcrumbs>
+ * ```
+ */
+export declare class BreadcrumbsComponent extends Ui5BreadcrumbsComponent {
+    /**
+     * @internal
+     */
+    onClick(event: CustomEvent<BreadcrumbsItemClickEventDetail>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "ui5-breadcrumbs", never, {}, {}, never, ["*"], true, never>;
+}

package/ui5/index.d.ts

@@ -2,7 +2,7 @@
  * All UI5-related components / directives supported by the SAP LeanIX Design System.
  */
 export * from './ui5.provider';
-export { BreadcrumbsComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs';
-export { BreadcrumbsItemComponent } from '@ui5/webcomponents-ngx/main/breadcrumbs-item';
 export { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
 export { BreadcrumbsItemClickEventDetail } from '@ui5/webcomponents/dist/Breadcrumbs';
+export { BreadcrumbsItemComponent } from './components/breadcrumbs-item.component';
+export { BreadcrumbsComponent } from './components/breadcrumbs.component';