@siemens/element-ng 47.4.0 → 47.6.0

package/breadcrumb-router/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-breadcrumb-default-resolver.service';
+export * from './si-breadcrumb-router.component';
+export * from './si-breadcrumb-router.model';
+export * from './si-breadcrumb-router.module';

package/breadcrumb-router/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-breadcrumb-router.mjs"
+}

package/breadcrumb-router/si-breadcrumb-default-resolver.service.d.ts

@@ -0,0 +1,23 @@
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';
+import { Observable } from 'rxjs';
+import { SiBreadcrumbResolverService } from './si-breadcrumb-router.model';
+import * as i0 from "@angular/core";
+export declare class SiBreadcrumbDefaultResolverService implements SiBreadcrumbResolverService {
+    private locale;
+    /**
+     * Method which resolves the route and creates the breadcrumb items from it.
+     * Is called by the `si-breadcrumb-router-component` but can also be called manually in inheritance patterns.
+     */
+    resolve(route: ActivatedRouteSnapshot): BreadcrumbItem[] | Observable<BreadcrumbItem[]>;
+    private resolveCustomRoutePart;
+    private resolveDefault;
+    private getUrl;
+    private getName;
+    private calculateName;
+    private calculateUrl;
+    private calculate;
+    private findParam;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbDefaultResolverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiBreadcrumbDefaultResolverService>;
+}

package/breadcrumb-router/si-breadcrumb-router.component.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnDestroy, OnInit } from '@angular/core';
+import { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';
+import * as i0 from "@angular/core";
+export declare class SiBreadcrumbRouterComponent implements OnInit, OnDestroy {
+    /**
+     * Aria label for the main breadcrumb navigation. Needed for a11y.
+     *
+     * @defaultValue 'breadcrumb'
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected readonly items: import("@angular/core").WritableSignal<BreadcrumbItem[]>;
+    private readonly currentCalcUrl;
+    private nextRoute;
+    private resolverService;
+    private route?;
+    private router?;
+    private routerSubscription?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private checkItems;
+    private computePath;
+    private findRouteWithUrl;
+    private getUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbRouterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiBreadcrumbRouterComponent, "si-breadcrumb-router", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/breadcrumb-router/si-breadcrumb-router.model.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { InjectionToken } from '@angular/core';
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Observable } from 'rxjs';
+/**
+ * Defines the title and link of a breadcrumb item in a
+ * route configuration and compatible to {@link BreadcrumbItem}.
+ *
+ * ```
+ * {
+ *   path: 'user-manual',
+ *   component: UserManualComponent,
+ *   data: {
+ *     siBreadcrumb: [
+ *       { title: 'USER_MANUAL.HEADING', link: '/main/user-manual' }
+ *     ]
+ *   }
+ * }
+ * ```
+ *
+ */
+export interface BreadcrumbRouterLink {
+    /**
+     * Angular router link for the breadcrumb item.
+     */
+    link?: string;
+    /**
+     * Breadcrumb item title that will be translated.
+     */
+    title: TranslatableString;
+}
+/**
+ * Service interface to resolve the breadcrumb items on the base of a route.
+ */
+export interface SiBreadcrumbResolverService {
+    resolve(route: ActivatedRouteSnapshot): BreadcrumbItem[] | Observable<BreadcrumbItem[]>;
+}
+/**
+ * Injection token to provide your own `SiBreadcrumbResolverService` implementation.
+ *
+ * ```
+ * providers: [{
+ *   provide: SI_BREADCRUMB_RESOLVER_SERVICE,
+ *   useClass: CustomBreadcrumbResolverService,
+ * }]
+ * ```
+ */
+export declare const SI_BREADCRUMB_RESOLVER_SERVICE: InjectionToken<SiBreadcrumbResolverService>;

package/breadcrumb-router/si-breadcrumb-router.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-breadcrumb-router.component";
+export declare class SiBreadcrumbRouterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbRouterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiBreadcrumbRouterModule, never, [typeof i1.SiBreadcrumbRouterComponent], [typeof i1.SiBreadcrumbRouterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiBreadcrumbRouterModule>;
+}

package/common/models/status-type.model.d.ts

@@ -2,6 +2,7 @@
  * Copyright Siemens 2016 - 2025.
  * SPDX-License-Identifier: MIT
  */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 export type StatusType = 'success' | 'info' | 'warning' | 'danger' | 'caution' | 'critical';
 export type ExtendedStatusType = StatusType | 'unknown';
 export type EntityStatusType = ExtendedStatusType | 'pending' | 'progress';
@@ -13,6 +14,7 @@ export interface StatusIcon {
     stackedColor: string;
     background: string;
     severity: number;
+    ariaLabel?: TranslatableString;
 }
 export declare const STATUS_ICON: {
     [key in EntityStatusType]: StatusIcon;

package/datatable/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Provider } from '@angular/core';
+export * from './si-datatable-interaction.directive';
+export * from './si-datatable.module';
+export interface INgxDatatableConfig {
+    messages?: {
+        emptyMessage: string;
+        totalMessage: string;
+        selectedMessage: string;
+    };
+    cssClasses?: {
+        sortAscending: string;
+        sortDescending: string;
+        sortUnset: string;
+        pagerLeftArrow: string;
+        pagerRightArrow: string;
+        pagerPrevious: string;
+        pagerNext: string;
+    };
+    headerHeight?: number;
+    footerHeight?: number;
+    rowHeight?: number;
+}
+interface SiDatatableConfig extends INgxDatatableConfig {
+    cssClasses: Exclude<INgxDatatableConfig['cssClasses'], undefined>;
+    headerHeight: number;
+    footerHeight: number;
+    rowHeight: number;
+    rowHeightSmall: number;
+    rowHeightExtraSmall: number;
+    rowHeightTiny: number;
+}
+export declare const SI_DATATABLE_CONFIG: SiDatatableConfig;
+/**
+ * Provides element configuration for the \@siemens/ngx-datatable.
+ *
+ *  @param configOverrides - overrides that will be merged with the element configuration.
+ */
+export declare const provideSiDatatableConfig: (configOverrides?: INgxDatatableConfig) => Provider;

package/datatable/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-datatable.mjs"
+}

package/datatable/si-datatable-interaction.directive.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SiDatatableInteractionDirective implements OnDestroy, OnInit {
+    /**
+     * The selection type of the datatable, will automatically be set if set for datatable.
+     *
+     * @defaultValue ''
+     */
+    readonly selectionType: import("@angular/core").InputSignal<string>;
+    /**
+     * Automatically select every row or cell that is navigated trough.
+     * Is ignored unless `selectionType` is `single` or `cell`.
+     *
+     * @defaultValue false
+     */
+    readonly datatableInteractionAutoSelect: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected tabIndex: string;
+    private element;
+    private tableBody?;
+    private autoSelectTimeout;
+    private isMousedown;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onMousedown(event: MouseEvent): void;
+    protected onMouseup(event: MouseEvent): void;
+    protected onFocusin(event: FocusEvent): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDatatableInteractionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiDatatableInteractionDirective, "[siDatatableInteraction]", ["si-datatable-interaction"], { "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "datatableInteractionAutoSelect": { "alias": "datatableInteractionAutoSelect"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/datatable/si-datatable.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-datatable-interaction.directive";
+export declare class SiDatatableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDatatableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiDatatableModule, never, [typeof i1.SiDatatableInteractionDirective], [typeof i1.SiDatatableInteractionDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiDatatableModule>;
+}

package/date-range-filter/si-date-range-filter.component.d.ts

@@ -9,6 +9,8 @@ export declare class PresetMatchFilterPipe implements PipeTransform {
 }
 export declare class SiDateRangeFilterComponent implements OnChanges {
     private readonly service;
+    private readonly mediaMatcher;
+    protected readonly smallScreen: boolean;
     /** The filter range object */
     readonly range: import("@angular/core").ModelSignal<DateRangeFilter>;
     /** List of preset time ranges. When not present or empty, the preset section won't show */
@@ -216,6 +218,7 @@ export declare class SiDateRangeFilterComponent implements OnChanges {
     readonly applyClicked: import("@angular/core").OutputEmitterRef<void>;
     /** Base configuration on how the dates should be displayed, parts of it may be overwritten internally. */
     readonly datepickerConfig: import("@angular/core").InputSignal<DatepickerInputConfig | undefined>;
+    protected readonly icons: Record<"elementDown2", string>;
     protected advancedMode: boolean;
     protected dateRange: DateRange;
     protected point1Now: boolean;
@@ -230,6 +233,7 @@ export declare class SiDateRangeFilterComponent implements OnChanges {
     protected readonly dateRangeConfig: import("@angular/core").Signal<DatepickerConfig>;
     protected readonly filteredPresetList: import("@angular/core").Signal<DateRangePreset[]>;
     protected readonly presetFilter: import("@angular/core").WritableSignal<string>;
+    protected readonly presetOpen: import("@angular/core").WritableSignal<boolean>;
     protected readonly inputMode: import("@angular/core").Signal<boolean>;
     ngOnChanges(changes: SimpleChanges): void;
     private getDateNow;
@@ -242,7 +246,7 @@ export declare class SiDateRangeFilterComponent implements OnChanges {
     protected updateFromDateRange(): void;
     protected point1Changed(): void;
     protected point2Changed(): void;
-    protected selectPresetItem(item: DateRangePreset): void;
+    protected selectPresetItem(event: Event, item: DateRangePreset): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SiDateRangeFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SiDateRangeFilterComponent, "si-date-range-filter", never, { "range": { "alias": "range"; "required": true; "isSignal": true; }; "presetList": { "alias": "presetList"; "required": false; "isSignal": true; }; "presetSearch": { "alias": "presetSearch"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "basicMode": { "alias": "basicMode"; "required": false; "isSignal": true; }; "reverseInputFields": { "alias": "reverseInputFields"; "required": false; "isSignal": true; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; "isSignal": true; }; "hideAdvancedMode": { "alias": "hideAdvancedMode"; "required": false; "isSignal": true; }; "refLabel": { "alias": "refLabel"; "required": false; "isSignal": true; }; "fromLabel": { "alias": "fromLabel"; "required": false; "isSignal": true; }; "toLabel": { "alias": "toLabel"; "required": false; "isSignal": true; }; "rangeLabel": { "alias": "rangeLabel"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "nowLabel": { "alias": "nowLabel"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "previewLabel": { "alias": "previewLabel"; "required": false; "isSignal": true; }; "datePlaceholder": { "alias": "datePlaceholder"; "required": false; "isSignal": true; }; "beforeLabel": { "alias": "beforeLabel"; "required": false; "isSignal": true; }; "afterLabel": { "alias": "afterLabel"; "required": false; "isSignal": true; }; "withinLabel": { "alias": "withinLabel"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "presetLabel": { "alias": "presetLabel"; "required": false; "isSignal": true; }; "advancedLabel": { "alias": "advancedLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
 }

package/fesm2022/siemens-element-ng-breadcrumb-router.mjs

@@ -0,0 +1,263 @@
+import * as i0 from '@angular/core';
+import { inject, LOCALE_ID, Injectable, InjectionToken, input, signal, Component, NgModule } from '@angular/core';
+import { ActivatedRoute, Router, NavigationEnd } from '@angular/router';
+import { SiBreadcrumbComponent } from '@siemens/element-ng/breadcrumb';
+import { Subject, Observable } from 'rxjs';
+import { filter, takeUntil } from 'rxjs/operators';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiBreadcrumbDefaultResolverService {
+    locale = inject(LOCALE_ID).toString();
+    /**
+     * Method which resolves the route and creates the breadcrumb items from it.
+     * Is called by the `si-breadcrumb-router-component` but can also be called manually in inheritance patterns.
+     */
+    resolve(route) {
+        if (route.data.siBreadcrumb) {
+            return this.resolveCustomRoutePart(route);
+        }
+        else {
+            return this.resolveDefault(route);
+        }
+    }
+    resolveCustomRoutePart(route) {
+        if (route.data.siBreadcrumb) {
+            const rawLinks = route.data.siBreadcrumb;
+            return rawLinks.map(rl => ({
+                title: this.calculateName(route, rl.title),
+                link: rl.link ? this.calculateUrl(route, rl.link) : route.fragment
+            }));
+        }
+        return;
+    }
+    resolveDefault(route) {
+        const links = [];
+        let currRoute = route;
+        while (currRoute != null) {
+            if (currRoute.data.siBreadcrumb) {
+                links.unshift(...this.resolveCustomRoutePart(currRoute));
+            }
+            else if (currRoute.url.length > 0) {
+                const routeUrl = this.getUrl(currRoute);
+                const routeName = this.getName(currRoute);
+                let link;
+                if (links.length === 0) {
+                    link = { title: routeName };
+                }
+                else {
+                    link = { title: routeName, link: routeUrl };
+                }
+                links.unshift(link);
+            }
+            currRoute = currRoute.parent;
+        }
+        return links;
+    }
+    getUrl(route) {
+        const parent = route.parent;
+        let url;
+        if (parent != null) {
+            url = this.getUrl(parent);
+        }
+        else {
+            url = '';
+        }
+        const myUrl = route.url.map(o => o.toString()).join('/');
+        if (!url.endsWith('/')) {
+            url = url + '/';
+        }
+        url = url + myUrl;
+        return url;
+    }
+    getName(route) {
+        let name = route.data.title ?? route.url[0].path;
+        if (typeof name === 'object') {
+            name = name[this.locale];
+        }
+        return this.calculateName(route, name);
+    }
+    calculateName(route, baseName) {
+        return this.calculate(route, baseName, /{(\w+)}/g);
+    }
+    calculateUrl(route, baseName) {
+        return this.calculate(route, baseName, /:(\w+)\/?/g, ':', '');
+    }
+    calculate(route, base, pattern, replaceStart = '{', replaceEnd = '}') {
+        let name = base;
+        const values = [];
+        let finding;
+        // tslint:disable-next-line:no-conditional-assignment
+        while ((finding = pattern.exec(name)) != null) {
+            values.push(finding[1]);
+        }
+        values.forEach(value => {
+            let replace = this.findParam(route, value);
+            if (route.data.replaceValues) {
+                replace = route.data.replaceValues[replace] ?? replace;
+            }
+            name = name.replace(`${replaceStart}${value}${replaceEnd}`, replace);
+        });
+        return name;
+    }
+    findParam(route, paramKey) {
+        return (route.paramMap.get(paramKey) ??
+            (route.parent ? this.findParam(route.parent, paramKey) : paramKey));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbDefaultResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbDefaultResolverService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbDefaultResolverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Injection token to provide your own `SiBreadcrumbResolverService` implementation.
+ *
+ * ```
+ * providers: [{
+ *   provide: SI_BREADCRUMB_RESOLVER_SERVICE,
+ *   useClass: CustomBreadcrumbResolverService,
+ * }]
+ * ```
+ */
+const SI_BREADCRUMB_RESOLVER_SERVICE = new InjectionToken('si.breadcrumb.resolver.service', { providedIn: 'root', factory: () => inject(SiBreadcrumbDefaultResolverService) });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiBreadcrumbRouterComponent {
+    /**
+     * Aria label for the main breadcrumb navigation. Needed for a11y.
+     *
+     * @defaultValue 'breadcrumb'
+     */
+    ariaLabel = input('breadcrumb');
+    items = signal([]);
+    currentCalcUrl = signal(undefined);
+    nextRoute = new Subject();
+    resolverService = inject(SI_BREADCRUMB_RESOLVER_SERVICE);
+    route = inject(ActivatedRoute, { optional: true });
+    router = inject(Router, { optional: true });
+    routerSubscription;
+    ngOnInit() {
+        this.checkItems();
+    }
+    ngOnDestroy() {
+        this.routerSubscription?.unsubscribe();
+        this.nextRoute.next();
+    }
+    checkItems() {
+        if (!this.routerSubscription && this.route && this.router) {
+            this.routerSubscription = this.router.events
+                .pipe(filter(e => e instanceof NavigationEnd))
+                .subscribe(navigationEvent => {
+                const event = navigationEvent;
+                // Get the new url
+                const newUrl = event.urlAfterRedirects || event.url;
+                // Only update when url differs from previous url
+                if (this.currentCalcUrl() !== newUrl) {
+                    this.currentCalcUrl.set(newUrl);
+                    this.nextRoute.next();
+                    this.computePath();
+                }
+            });
+            if (this.router.navigated) {
+                this.currentCalcUrl.set(this.router.url);
+                this.computePath();
+            }
+        }
+    }
+    computePath() {
+        if (!this.route || !this.resolverService) {
+            return;
+        }
+        // Get a snapshot of the all current activate routes
+        const pathFromRoot = this.route.snapshot.pathFromRoot;
+        // Find the child/leaf route that fits to the url
+        const route = this.findRouteWithUrl(pathFromRoot, this.currentCalcUrl()?.split('?')[0] ?? '');
+        if (route) {
+            // Workaround to fix a bug that the route is null, in some cases
+            const links$ = this.resolverService.resolve(route);
+            if (links$ instanceof Observable) {
+                links$.pipe(takeUntil(this.nextRoute)).subscribe(links => {
+                    this.items.set([{ link: '/', title: '/' }, ...links]);
+                });
+            }
+            else {
+                this.items.set([{ link: '/', title: '/' }, ...links$]);
+            }
+        }
+    }
+    findRouteWithUrl(routes, url) {
+        let result = null;
+        for (const route of routes) {
+            const routeUrl = this.getUrl(route);
+            if (url === routeUrl && !route.data?.siBreadcrumbIgnore) {
+                result = route;
+                break;
+            }
+            else {
+                result = this.findRouteWithUrl(route.children, url);
+                if (result != null) {
+                    break;
+                }
+            }
+        }
+        return result;
+    }
+    getUrl(route) {
+        let url = '';
+        for (const routeSegment of route.pathFromRoot) {
+            const myUrl = routeSegment.url.map(o => o.toString()).join('/');
+            if (!url.endsWith('/')) {
+                url = url + '/';
+            }
+            url = url + myUrl;
+        }
+        return url;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbRouterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SiBreadcrumbRouterComponent, isStandalone: true, selector: "si-breadcrumb-router", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<si-breadcrumb [items]=\"items()\" [ariaLabel]=\"ariaLabel()\" />\n", dependencies: [{ kind: "component", type: SiBreadcrumbComponent, selector: "si-breadcrumb", inputs: ["items", "showRootAsText", "ariaLabel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbRouterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-breadcrumb-router', imports: [SiBreadcrumbComponent], template: "<si-breadcrumb [items]=\"items()\" [ariaLabel]=\"ariaLabel()\" />\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiBreadcrumbRouterModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbRouterModule, imports: [SiBreadcrumbRouterComponent], exports: [SiBreadcrumbRouterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbRouterModule, imports: [SiBreadcrumbRouterComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbRouterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiBreadcrumbRouterComponent],
+                    exports: [SiBreadcrumbRouterComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SI_BREADCRUMB_RESOLVER_SERVICE, SiBreadcrumbDefaultResolverService, SiBreadcrumbRouterComponent, SiBreadcrumbRouterModule };
+//# sourceMappingURL=siemens-element-ng-breadcrumb-router.mjs.map

package/fesm2022/siemens-element-ng-breadcrumb-router.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-breadcrumb-router.mjs","sources":["../../../../projects/element-ng/breadcrumb-router/si-breadcrumb-default-resolver.service.ts","../../../../projects/element-ng/breadcrumb-router/si-breadcrumb-router.model.ts","../../../../projects/element-ng/breadcrumb-router/si-breadcrumb-router.component.ts","../../../../projects/element-ng/breadcrumb-router/si-breadcrumb-router.component.html","../../../../projects/element-ng/breadcrumb-router/si-breadcrumb-router.module.ts","../../../../projects/element-ng/breadcrumb-router/index.ts","../../../../projects/element-ng/breadcrumb-router/siemens-element-ng-breadcrumb-router.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { inject, Injectable, LOCALE_ID } from '@angular/core';\nimport { ActivatedRouteSnapshot } from '@angular/router';\nimport { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';\nimport { Observable } from 'rxjs';\n\nimport { BreadcrumbRouterLink, SiBreadcrumbResolverService } from './si-breadcrumb-router.model';\n\n@Injectable({ providedIn: 'root' })\nexport class SiBreadcrumbDefaultResolverService implements SiBreadcrumbResolverService {\n  private locale = inject(LOCALE_ID).toString();\n\n  /**\n   * Method which resolves the route and creates the breadcrumb items from it.\n   * Is called by the `si-breadcrumb-router-component` but can also be called manually in inheritance patterns.\n   */\n  resolve(route: ActivatedRouteSnapshot): BreadcrumbItem[] | Observable<BreadcrumbItem[]> {\n    if (route.data.siBreadcrumb) {\n      return this.resolveCustomRoutePart(route)!;\n    } else {\n      return this.resolveDefault(route);\n    }\n  }\n\n  private resolveCustomRoutePart(route: ActivatedRouteSnapshot): BreadcrumbItem[] | undefined {\n    if (route.data.siBreadcrumb) {\n      const rawLinks = route.data.siBreadcrumb as BreadcrumbRouterLink[];\n      return rawLinks.map(\n        rl =>\n          ({\n            title: this.calculateName(route, rl.title),\n            link: rl.link ? this.calculateUrl(route, rl.link) : route.fragment!\n          }) as BreadcrumbItem\n      );\n    }\n    return;\n  }\n\n  private resolveDefault(route: ActivatedRouteSnapshot | null): BreadcrumbItem[] {\n    const links: BreadcrumbItem[] = [];\n    let currRoute = route;\n    while (currRoute != null) {\n      if (currRoute.data.siBreadcrumb) {\n        links.unshift(...this.resolveCustomRoutePart(currRoute)!);\n      } else if (currRoute.url.length > 0) {\n        const routeUrl: string = this.getUrl(currRoute);\n        const routeName: string = this.getName(currRoute);\n        let link: BreadcrumbItem;\n        if (links.length === 0) {\n          link = { title: routeName } as BreadcrumbItem;\n        } else {\n          link = { title: routeName, link: routeUrl } as BreadcrumbItem;\n        }\n        links.unshift(link);\n      }\n      currRoute = currRoute.parent;\n    }\n    return links;\n  }\n\n  private getUrl(route: ActivatedRouteSnapshot): string {\n    const parent = route.parent;\n    let url: string;\n    if (parent != null) {\n      url = this.getUrl(parent);\n    } else {\n      url = '';\n    }\n    const myUrl: string = route.url.map(o => o.toString()).join('/');\n    if (!url.endsWith('/')) {\n      url = url + '/';\n    }\n    url = url + myUrl;\n    return url;\n  }\n\n  private getName(route: ActivatedRouteSnapshot): string {\n    let name: string = route.data.title ?? route.url[0].path;\n    if (typeof name === 'object') {\n      name = name[this.locale];\n    }\n\n    return this.calculateName(route, name);\n  }\n\n  private calculateName(route: ActivatedRouteSnapshot, baseName: string): string {\n    return this.calculate(route, baseName, /{(\\w+)}/g);\n  }\n\n  private calculateUrl(route: ActivatedRouteSnapshot, baseName: string): string {\n    return this.calculate(route, baseName, /:(\\w+)\\/?/g, ':', '');\n  }\n\n  private calculate(\n    route: ActivatedRouteSnapshot,\n    base: string,\n    pattern: RegExp,\n    replaceStart = '{',\n    replaceEnd = '}'\n  ): string {\n    let name = base;\n    const values: string[] = [];\n\n    let finding: RegExpExecArray | null;\n    // tslint:disable-next-line:no-conditional-assignment\n    while ((finding = pattern.exec(name)) != null) {\n      values.push(finding[1]);\n    }\n\n    values.forEach(value => {\n      let replace = this.findParam(route, value);\n      if (route.data.replaceValues) {\n        replace = route.data.replaceValues[replace] ?? replace;\n      }\n      name = name.replace(`${replaceStart}${value}${replaceEnd}`, replace);\n    });\n\n    return name;\n  }\n\n  private findParam(route: ActivatedRouteSnapshot, paramKey: string): string {\n    return (\n      route.paramMap.get(paramKey) ??\n      (route.parent ? this.findParam(route.parent, paramKey) : paramKey)\n    );\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { inject, InjectionToken } from '@angular/core';\nimport { ActivatedRouteSnapshot } from '@angular/router';\nimport { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Observable } from 'rxjs';\n\nimport { SiBreadcrumbDefaultResolverService } from './si-breadcrumb-default-resolver.service';\n\n/**\n * Defines the title and link of a breadcrumb item in a\n * route configuration and compatible to {@link BreadcrumbItem}.\n *\n * ```\n * {\n *   path: 'user-manual',\n *   component: UserManualComponent,\n *   data: {\n *     siBreadcrumb: [\n *       { title: 'USER_MANUAL.HEADING', link: '/main/user-manual' }\n *     ]\n *   }\n * }\n * ```\n *\n */\nexport interface BreadcrumbRouterLink {\n  /**\n   * Angular router link for the breadcrumb item.\n   */\n  link?: string;\n  /**\n   * Breadcrumb item title that will be translated.\n   */\n  title: TranslatableString;\n}\n\n/**\n * Service interface to resolve the breadcrumb items on the base of a route.\n */\nexport interface SiBreadcrumbResolverService {\n  resolve(route: ActivatedRouteSnapshot): BreadcrumbItem[] | Observable<BreadcrumbItem[]>;\n}\n\n/**\n * Injection token to provide your own `SiBreadcrumbResolverService` implementation.\n *\n * ```\n * providers: [{\n *   provide: SI_BREADCRUMB_RESOLVER_SERVICE,\n *   useClass: CustomBreadcrumbResolverService,\n * }]\n * ```\n */\nexport const SI_BREADCRUMB_RESOLVER_SERVICE = new InjectionToken<SiBreadcrumbResolverService>(\n  'si.breadcrumb.resolver.service',\n  { providedIn: 'root', factory: () => inject(SiBreadcrumbDefaultResolverService) }\n);\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Component, inject, input, OnDestroy, OnInit, signal } from '@angular/core';\nimport { ActivatedRoute, ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';\nimport { BreadcrumbItem, SiBreadcrumbComponent } from '@siemens/element-ng/breadcrumb';\nimport { Observable, Subject, Subscription } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { SI_BREADCRUMB_RESOLVER_SERVICE } from './si-breadcrumb-router.model';\n\n@Component({\n  selector: 'si-breadcrumb-router',\n  templateUrl: './si-breadcrumb-router.component.html',\n  imports: [SiBreadcrumbComponent]\n})\nexport class SiBreadcrumbRouterComponent implements OnInit, OnDestroy {\n  /**\n   * Aria label for the main breadcrumb navigation. Needed for a11y.\n   *\n   * @defaultValue 'breadcrumb'\n   */\n  readonly ariaLabel = input('breadcrumb');\n\n  protected readonly items = signal<BreadcrumbItem[]>([]);\n\n  private readonly currentCalcUrl = signal<string | undefined>(undefined);\n  private nextRoute = new Subject<void>();\n  private resolverService = inject(SI_BREADCRUMB_RESOLVER_SERVICE);\n  private route? = inject(ActivatedRoute, { optional: true });\n  private router? = inject(Router, { optional: true });\n  private routerSubscription?: Subscription;\n\n  ngOnInit(): void {\n    this.checkItems();\n  }\n\n  ngOnDestroy(): void {\n    this.routerSubscription?.unsubscribe();\n    this.nextRoute.next();\n  }\n\n  private checkItems(): void {\n    if (!this.routerSubscription && this.route && this.router) {\n      this.routerSubscription = this.router.events\n        .pipe(filter(e => e instanceof NavigationEnd))\n        .subscribe(navigationEvent => {\n          const event = navigationEvent as NavigationEnd;\n          // Get the new url\n          const newUrl = event.urlAfterRedirects || event.url;\n          // Only update when url differs from previous url\n\n          if (this.currentCalcUrl() !== newUrl) {\n            this.currentCalcUrl.set(newUrl);\n            this.nextRoute.next();\n            this.computePath();\n          }\n        });\n\n      if (this.router.navigated) {\n        this.currentCalcUrl.set(this.router.url);\n        this.computePath();\n      }\n    }\n  }\n\n  private computePath(): void {\n    if (!this.route || !this.resolverService) {\n      return;\n    }\n\n    // Get a snapshot of the all current activate routes\n    const pathFromRoot: ActivatedRouteSnapshot[] = this.route.snapshot.pathFromRoot;\n\n    // Find the child/leaf route that fits to the url\n    const route = this.findRouteWithUrl(pathFromRoot, this.currentCalcUrl()?.split('?')[0] ?? '');\n\n    if (route) {\n      // Workaround to fix a bug that the route is null, in some cases\n      const links$ = this.resolverService.resolve(route);\n      if (links$ instanceof Observable) {\n        links$.pipe(takeUntil(this.nextRoute)).subscribe(links => {\n          this.items.set([{ link: '/', title: '/' }, ...links]);\n        });\n      } else {\n        this.items.set([{ link: '/', title: '/' }, ...links$]);\n      }\n    }\n  }\n\n  private findRouteWithUrl(\n    routes: ActivatedRouteSnapshot[],\n    url: string\n  ): ActivatedRouteSnapshot | null {\n    let result: ActivatedRouteSnapshot | null = null;\n    for (const route of routes) {\n      const routeUrl = this.getUrl(route);\n      if (url === routeUrl && !route.data?.siBreadcrumbIgnore) {\n        result = route;\n        break;\n      } else {\n        result = this.findRouteWithUrl(route.children, url);\n        if (result != null) {\n          break;\n        }\n      }\n    }\n    return result;\n  }\n\n  private getUrl(route: ActivatedRouteSnapshot): string {\n    let url = '';\n    for (const routeSegment of route.pathFromRoot) {\n      const myUrl: string = routeSegment.url.map(o => o.toString()).join('/');\n      if (!url.endsWith('/')) {\n        url = url + '/';\n      }\n      url = url + myUrl;\n    }\n    return url;\n  }\n}\n","<si-breadcrumb [items]=\"items()\" [ariaLabel]=\"ariaLabel()\" />\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiBreadcrumbRouterComponent } from './si-breadcrumb-router.component';\n\n@NgModule({\n  imports: [SiBreadcrumbRouterComponent],\n  exports: [SiBreadcrumbRouterComponent]\n})\nexport class SiBreadcrumbRouterModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-breadcrumb-default-resolver.service';\nexport * from './si-breadcrumb-router.component';\nexport * from './si-breadcrumb-router.model';\nexport * from './si-breadcrumb-router.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-breadcrumb.mjs

@@ -255,7 +255,7 @@ class SiBreadcrumbComponent {
         this.changeDetector.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiBreadcrumbComponent, isStandalone: true, selector: "si-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, showRootAsText: { classPropertyName: "showRootAsText", publicName: "showRootAsText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "documentClick($event.target)" } }, viewQueries: [{ propertyName: "breadcrumbElement", first: true, predicate: ["breadcrumb"], descendants: true, isSignal: true }, { propertyName: "breadcrumbElements", predicate: ["breadcrumbItem"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<nav role=\"navigation\" [attr.aria-label]=\"ariaLabel() | translate\">\n  <ol #breadcrumb class=\"breadcrumb\" (siResizeObserver)=\"resetBreadcrumb()\">\n    @for (item of itemsShown; track $index; let isFirst = $first) {\n      @if (!breadcrumbShortened || item.level !== ellipsesLevel) {\n        @if (item.shortened) {\n          <li #breadcrumbItem class=\"item text-nowrap shortened\">\n            @if (!isFirst) {\n              <si-icon-next class=\"separator flip-rtl\" [icon]=\"icons.elementRight2\" />\n            }\n            <div class=\"breadcrumb-dropdown-wrapper\">\n              <ng-container\n                *ngTemplateOutlet=\"\n                  toggleTemplate;\n                  context: { item: item, title: item.shortenedTitle }\n                \"\n              />\n              @if (addExpandDropdown) {\n                <div\n                  class=\"dropdown-menu\"\n                  role=\"menu\"\n                  [id]=\"controlId + item.level\"\n                  [class.show]=\"breadcrumbDropdownOpen === item.level\"\n                >\n                  <ng-container *ngTemplateOutlet=\"dropdownTemplate; context: { item: item }\" />\n                </div>\n              }\n            </div>\n          </li>\n        }\n        @if (!item.shortened) {\n          <li #breadcrumbItem class=\"item\">\n            @if (!isFirst) {\n              <si-icon-next class=\"separator flip-rtl\" [icon]=\"icons.elementRight2\" />\n            }\n            <ng-container *ngTemplateOutlet=\"itemTemplate; context: { item: item }\" />\n          </li>\n        }\n      }\n      @if (breadcrumbShortened && item.level === ellipsesLevel) {\n        <li class=\"item breadcrumb-ellipses-item\">\n          @if (!isFirst) {\n            <si-icon-next class=\"separator flip-rtl\" [icon]=\"icons.elementRight2\" />\n          }\n          <div class=\"breadcrumb-dropdown-wrapper\">\n            <ng-container *ngTemplateOutlet=\"toggleTemplate; context: { item: item, title: '' }\" />\n            <div\n              class=\"dropdown-menu\"\n              role=\"menu\"\n              [id]=\"controlId + item.level\"\n              [class.show]=\"breadcrumbDropdownOpen === item.level\"\n            >\n              @for (item of itemsHidden; track $index) {\n                <ng-container *ngTemplateOutlet=\"dropdownTemplate; context: { item: item }\" />\n              }\n            </div>\n          </div>\n        </li>\n      }\n    }\n  </ol>\n</nav>\n\n<ng-template #itemTemplate let-item=\"item\" siBreadcrumbItemTemplate>\n  <a\n    class=\"breadcrumb-link text-nowrap\"\n    activeClass=\"active\"\n    ariaCurrent=\"page\"\n    [class.disable-router-link]=\"!item.link && !item.action && !item.href\"\n    [class.text-secondary]=\"item.lastItem\"\n    [siLink]=\"item\"\n    [exactMatch]=\"true\"\n    [attr.aria-label]=\"item.title\"\n    [attr.aria-disabled]=\"!item.link && !item.href && !item.action\"\n  >\n    @if (item.level === 0) {\n      <si-icon-next class=\"icon flip-rtl\" [icon]=\"icons.elementBreadcrumbRoot\" />\n    }\n    @if (item.level !== 0) {\n      <span>{{ item.title }}</span>\n    }\n  </a>\n</ng-template>\n\n<ng-template #toggleTemplate let-item=\"item\" let-title=\"title\" siBreadcrumbItemTemplate>\n  <div\n    class=\"breadcrumb-dropdown-toggle link\"\n    role=\"button\"\n    aria-haspopup=\"true\"\n    tabindex=\"0\"\n    [attr.aria-controls]=\"controlId + item.level\"\n    [attr.aria-expanded]=\"breadcrumbDropdownOpen === item.level\"\n    (keydown.enter)=\"toggleBreadcrumbDropdown(item.level)\"\n    (click)=\"toggleBreadcrumbDropdown(item.level)\"\n    >{{ title }}...</div\n  >\n</ng-template>\n\n<ng-template #dropdownTemplate let-item=\"item\" siBreadcrumbItemTemplate>\n  <a\n    class=\"dropdown-item breadcrumb-link focus-inside\"\n    activeClass=\"active\"\n    ariaCurrent=\"page\"\n    role=\"menuitem\"\n    [class.disable-router-link]=\"!item.link && !item.action && !item.href\"\n    [siLink]=\"item\"\n    [exactMatch]=\"true\"\n    [attr.aria-disabled]=\"!item.link && !item.action && !item.href\"\n    >{{ item.title }}</a\n  >\n</ng-template>\n", styles: [".breadcrumb{flex-wrap:nowrap}.dropdown-menu.show>.dropdown-item{background-color:var(--element-base-1)}.item{display:flex;align-items:center}.separator{font-size:1.5rem;color:var(--element-ui-2);margin-block:-.25rem;margin-inline:0}.breadcrumb-dropdown-toggle{cursor:pointer}.dropdown-item.active,.dropdown-item:active{background-color:var(--element-base-1)}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--element-base-0)!important;text-decoration:underline}.disable-router-link,.disable-router-link:hover{pointer-events:none;color:var(--element-text-disabled)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "directive", type: SiResizeObserverDirective, selector: "[siResizeObserver]", inputs: ["resizeThrottle"], outputs: ["siResizeObserver"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }, { kind: "directive", type: SiBreadcrumbItemTemplateDirective, selector: "[siBreadcrumbItemTemplate]" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiBreadcrumbComponent, isStandalone: true, selector: "si-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, showRootAsText: { classPropertyName: "showRootAsText", publicName: "showRootAsText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "documentClick($event.target)" } }, viewQueries: [{ propertyName: "breadcrumbElement", first: true, predicate: ["breadcrumb"], descendants: true, isSignal: true }, { propertyName: "breadcrumbElements", predicate: ["breadcrumbItem"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<nav role=\"navigation\" [attr.aria-label]=\"ariaLabel() | translate\">\n  <ol #breadcrumb class=\"breadcrumb\" (siResizeObserver)=\"resetBreadcrumb()\">\n    @for (item of itemsShown; track $index; let isFirst = $first) {\n      @if (!breadcrumbShortened || item.level !== ellipsesLevel) {\n        @if (item.shortened) {\n          <li #breadcrumbItem class=\"item text-nowrap shortened\">\n            @if (!isFirst) {\n              <si-icon-next class=\"separator flip-rtl\" [icon]=\"icons.elementRight2\" />\n            }\n            <div class=\"breadcrumb-dropdown-wrapper\">\n              <ng-container\n                *ngTemplateOutlet=\"\n                  toggleTemplate;\n                  context: { item: item, title: item.shortenedTitle }\n                \"\n              />\n              @if (addExpandDropdown) {\n                <div\n                  class=\"dropdown-menu\"\n                  role=\"menu\"\n                  [id]=\"controlId + item.level\"\n                  [class.show]=\"breadcrumbDropdownOpen === item.level\"\n                >\n                  <ng-container *ngTemplateOutlet=\"dropdownTemplate; context: { item: item }\" />\n                </div>\n              }\n            </div>\n          </li>\n        }\n        @if (!item.shortened) {\n          <li #breadcrumbItem class=\"item\">\n            @if (!isFirst) {\n              <si-icon-next class=\"separator flip-rtl\" [icon]=\"icons.elementRight2\" />\n            }\n            <ng-container *ngTemplateOutlet=\"itemTemplate; context: { item: item }\" />\n          </li>\n        }\n      }\n      @if (breadcrumbShortened && item.level === ellipsesLevel) {\n        <li class=\"item breadcrumb-ellipses-item\">\n          @if (!isFirst) {\n            <si-icon-next class=\"separator flip-rtl\" [icon]=\"icons.elementRight2\" />\n          }\n          <div class=\"breadcrumb-dropdown-wrapper\">\n            <ng-container *ngTemplateOutlet=\"toggleTemplate; context: { item: item, title: '' }\" />\n            <div\n              class=\"dropdown-menu\"\n              role=\"menu\"\n              [id]=\"controlId + item.level\"\n              [class.show]=\"breadcrumbDropdownOpen === item.level\"\n            >\n              @for (item of itemsHidden; track $index) {\n                <ng-container *ngTemplateOutlet=\"dropdownTemplate; context: { item: item }\" />\n              }\n            </div>\n          </div>\n        </li>\n      }\n    }\n  </ol>\n</nav>\n\n<ng-template #itemTemplate let-item=\"item\" siBreadcrumbItemTemplate>\n  <a\n    class=\"breadcrumb-link text-nowrap\"\n    activeClass=\"active\"\n    ariaCurrent=\"page\"\n    [class.disable-router-link]=\"!item.link && !item.action && !item.href\"\n    [class.text-secondary]=\"item.lastItem\"\n    [siLink]=\"item\"\n    [exactMatch]=\"true\"\n    [attr.aria-label]=\"item.title\"\n    [attr.aria-disabled]=\"!item.link && !item.href && !item.action\"\n  >\n    @if (item.level === 0) {\n      <si-icon-next class=\"icon flip-rtl\" [icon]=\"icons.elementBreadcrumbRoot\" />\n    }\n    @if (item.level !== 0) {\n      <span>{{ item.title }}</span>\n    }\n  </a>\n</ng-template>\n\n<ng-template #toggleTemplate let-item=\"item\" let-title=\"title\" siBreadcrumbItemTemplate>\n  <div\n    class=\"breadcrumb-dropdown-toggle link\"\n    role=\"button\"\n    aria-haspopup=\"true\"\n    tabindex=\"0\"\n    [attr.aria-controls]=\"controlId + item.level\"\n    [attr.aria-expanded]=\"breadcrumbDropdownOpen === item.level\"\n    (keydown.enter)=\"toggleBreadcrumbDropdown(item.level)\"\n    (click)=\"toggleBreadcrumbDropdown(item.level)\"\n    >{{ title }}...</div\n  >\n</ng-template>\n\n<ng-template #dropdownTemplate let-item=\"item\" siBreadcrumbItemTemplate>\n  <a\n    class=\"dropdown-item breadcrumb-link focus-inside\"\n    activeClass=\"active\"\n    ariaCurrent=\"page\"\n    role=\"menuitem\"\n    [class.disable-router-link]=\"!item.link && !item.action && !item.href\"\n    [siLink]=\"item\"\n    [exactMatch]=\"true\"\n    [attr.aria-disabled]=\"!item.link && !item.action && !item.href\"\n    >{{ item.title }}</a\n  >\n</ng-template>\n", styles: [".breadcrumb{flex-wrap:nowrap}.dropdown-menu.show>.dropdown-item{background-color:var(--element-base-1)}.item{display:flex;align-items:center}.separator{font-size:1.5rem;color:var(--element-ui-2);margin-block:-.25rem;margin-inline:0}.breadcrumb-dropdown-toggle{cursor:pointer}.dropdown-item.active,.dropdown-item:active{background-color:var(--element-base-1)}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--element-base-0)!important;text-decoration:underline}.disable-router-link,.disable-router-link:hover{pointer-events:none;color:var(--element-text-disabled)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "directive", type: SiResizeObserverDirective, selector: "[siResizeObserver]", inputs: ["resizeThrottle", "emitInitial"], outputs: ["siResizeObserver"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }, { kind: "directive", type: SiBreadcrumbItemTemplateDirective, selector: "[siBreadcrumbItemTemplate]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiBreadcrumbComponent, decorators: [{
             type: Component,