@odx/angular 5.3.0 → 5.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @odx/angular
 
+## 5.3.1
+
+### Patch Changes
+
+- c357174: Use CSS only icons for breadcrumb separator icons
+
 ## 5.3.0
 
 ### Minor Changes

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

@@ -1,17 +1,6 @@
-import { AfterViewInit, QueryList } from '@angular/core';
-import { LinkDirective } from '@odx/angular/components/link';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbsComponent implements AfterViewInit {
-    private readonly renderer;
-    private readonly destroyed;
-    private readonly dynamicViewService;
-    private readonly icons;
-    protected readonly linkItems: QueryList<LinkDirective>;
+export declare class BreadcrumbsComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    ngAfterViewInit(): void;
-    private addIcons;
-    private addIcon;
-    private removeIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "odx-breadcrumbs", never, {}, {}, ["linkItems"], ["[odxLink]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "odx-breadcrumbs", never, {}, {}, never, ["[odxLink]"], true, never>;
 }

package/esm2022/components/breadcrumbs/lib/breadcrumbs.component.mjs

@@ -1,40 +1,14 @@
 import { __decorate } from "tslib";
-import { ChangeDetectionStrategy, Component, ContentChildren, inject, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';
-import { DynamicViewService } from '@odx/angular/cdk/dynamic-view';
-import { IconComponent } from '@odx/angular/components/icon';
-import { LinkDirective } from '@odx/angular/components/link';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
 import { CSSComponent } from '@odx/angular/internal';
-import { fromQueryList } from '@odx/angular/rxjs';
-import { injectElement, untilDestroyed } from '@odx/angular/utils';
+import { injectElement } from '@odx/angular/utils';
 import * as i0 from "@angular/core";
 export let BreadcrumbsComponent = class BreadcrumbsComponent {
     constructor() {
-        this.renderer = inject(Renderer2);
-        this.destroyed = untilDestroyed();
-        this.dynamicViewService = inject(DynamicViewService);
-        this.icons = new Set();
         this.element = injectElement();
     }
-    ngAfterViewInit() {
-        fromQueryList(this.linkItems)
-            .pipe(this.destroyed())
-            .subscribe(() => this.addIcons());
-    }
-    addIcons() {
-        this.removeIcons();
-        this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));
-    }
-    addIcon(linkElement) {
-        const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });
-        this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);
-        this.icons.add(icon);
-    }
-    removeIcons() {
-        this.icons.forEach((icon) => icon.destroy());
-        this.icons.clear();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", queries: [{ propertyName: "linkItems", predicate: LinkDirective }], ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 BreadcrumbsComponent = __decorate([
     CSSComponent('breadcrumbs')
@@ -42,8 +16,5 @@ BreadcrumbsComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-breadcrumbs', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[odxLink]\"></ng-content>\n" }]
-        }], propDecorators: { linkItems: [{
-                type: ContentChildren,
-                args: [LinkDirective]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvc3JjL2xpYi9icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEosT0FBTyxFQUFrQixrQkFBa0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVU1RCxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFvQjtJQUExQjtRQUNZLGFBQVEsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDN0IsY0FBUyxHQUFHLGNBQWMsRUFBRSxDQUFDO1FBQzdCLHVCQUFrQixHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELFVBQUssR0FBRyxJQUFJLEdBQUcsRUFBd0MsQ0FBQztRQUt6RCxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0F1QjNDO0lBckJRLGVBQWU7UUFDcEIsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7YUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQzthQUN0QixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVPLFFBQVE7UUFDZCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7SUFFTyxPQUFPLENBQUMsV0FBd0I7UUFDdEMsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsRUFBRSxPQUFPLEVBQUUsRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUM3QyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3JCLENBQUM7K0dBL0JVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHFHQU1kLGFBQWEsNkJDdEJoQyxrREFDQTs7QURlYSxvQkFBb0I7SUFSaEMsWUFBWSxDQUFDLGFBQWEsQ0FBQztHQVFmLG9CQUFvQixDQWdDaEM7NEZBaENZLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLGlCQUVELGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBUzVCLFNBQVM7c0JBRDNCLGVBQWU7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgaW5qZWN0LCBRdWVyeUxpc3QsIFJlbmRlcmVyMiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IER5bmFtaWNWaWV3UmVmLCBEeW5hbWljVmlld1NlcnZpY2UgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2R5bmFtaWMtdmlldyc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBMaW5rRGlyZWN0aXZlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvbGluayc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgZnJvbVF1ZXJ5TGlzdCB9IGZyb20gJ0BvZHgvYW5ndWxhci9yeGpzJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgnYnJlYWRjcnVtYnMnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LWJyZWFkY3J1bWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95ZWQgPSB1bnRpbERlc3Ryb3llZCgpO1xuICBwcml2YXRlIHJlYWRvbmx5IGR5bmFtaWNWaWV3U2VydmljZSA9IGluamVjdChEeW5hbWljVmlld1NlcnZpY2UpO1xuICBwcml2YXRlIHJlYWRvbmx5IGljb25zID0gbmV3IFNldDxEeW5hbWljVmlld1JlZjx0eXBlb2YgSWNvbkNvbXBvbmVudD4+KCk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihMaW5rRGlyZWN0aXZlKVxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgbGlua0l0ZW1zITogUXVlcnlMaXN0PExpbmtEaXJlY3RpdmU+O1xuXG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgZnJvbVF1ZXJ5TGlzdCh0aGlzLmxpbmtJdGVtcylcbiAgICAgIC5waXBlKHRoaXMuZGVzdHJveWVkKCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMuYWRkSWNvbnMoKSk7XG4gIH1cblxuICBwcml2YXRlIGFkZEljb25zKCk6IHZvaWQge1xuICAgIHRoaXMucmVtb3ZlSWNvbnMoKTtcbiAgICB0aGlzLmxpbmtJdGVtcy5mb3JFYWNoKChsaW5rSXRlbSwgaW5kZXgpID0+ICEhaW5kZXggJiYgdGhpcy5hZGRJY29uKGxpbmtJdGVtLmVsZW1lbnQubmF0aXZlRWxlbWVudCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBhZGRJY29uKGxpbmtFbGVtZW50OiBIVE1MRWxlbWVudCk6IHZvaWQge1xuICAgIGNvbnN0IGljb24gPSB0aGlzLmR5bmFtaWNWaWV3U2VydmljZS5jcmVhdGVWaWV3KEljb25Db21wb25lbnQsIHsgY29udGV4dDogeyBuYW1lOiAnY2hldnJvbi1yaWdodCcsIGljb25TZXQ6ICdjb3JlJyB9IH0pO1xuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCBpY29uLmdldEVsZW1lbnQoKSwgbGlua0VsZW1lbnQpO1xuICAgIHRoaXMuaWNvbnMuYWRkKGljb24pO1xuICB9XG5cbiAgcHJpdmF0ZSByZW1vdmVJY29ucygpOiB2b2lkIHtcbiAgICB0aGlzLmljb25zLmZvckVhY2goKGljb24pID0+IGljb24uZGVzdHJveSgpKTtcbiAgICB0aGlzLmljb25zLmNsZWFyKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhMaW5rXVwiPjwvbmctY29udGVudD5cbiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvc3JjL2xpYi9icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVTVDLFdBQU0sb0JBQW9CLEdBQTFCLE1BQU0sb0JBQW9CO0lBQTFCO1FBQ1csWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO0tBQzNDOytHQUZZLG9CQUFvQjttR0FBcEIsb0JBQW9CLDJFQ1pqQyxrREFDQTs7QURXYSxvQkFBb0I7SUFSaEMsWUFBWSxDQUFDLGFBQWEsQ0FBQztHQVFmLG9CQUFvQixDQUVoQzs0RkFGWSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxpQkFFRCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgnYnJlYWRjcnVtYnMnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LWJyZWFkY3J1bWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJbb2R4TGlua11cIj48L25nLWNvbnRlbnQ+XG4iXX0=

package/fesm2022/odx-angular-components-breadcrumbs.mjs

@@ -1,41 +1,15 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren } from '@angular/core';
-import { DynamicViewService } from '@odx/angular/cdk/dynamic-view';
-import { IconComponent } from '@odx/angular/components/icon';
-import { LinkDirective } from '@odx/angular/components/link';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
 import { CSSComponent } from '@odx/angular/internal';
-import { fromQueryList } from '@odx/angular/rxjs';
-import { untilDestroyed, injectElement } from '@odx/angular/utils';
+import { injectElement } from '@odx/angular/utils';
 
 let BreadcrumbsComponent = class BreadcrumbsComponent {
     constructor() {
-        this.renderer = inject(Renderer2);
-        this.destroyed = untilDestroyed();
-        this.dynamicViewService = inject(DynamicViewService);
-        this.icons = new Set();
         this.element = injectElement();
     }
-    ngAfterViewInit() {
-        fromQueryList(this.linkItems)
-            .pipe(this.destroyed())
-            .subscribe(() => this.addIcons());
-    }
-    addIcons() {
-        this.removeIcons();
-        this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));
-    }
-    addIcon(linkElement) {
-        const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });
-        this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);
-        this.icons.add(icon);
-    }
-    removeIcons() {
-        this.icons.forEach((icon) => icon.destroy());
-        this.icons.clear();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", queries: [{ propertyName: "linkItems", predicate: LinkDirective }], ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 BreadcrumbsComponent = __decorate([
     CSSComponent('breadcrumbs')
@@ -43,10 +17,7 @@ BreadcrumbsComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-breadcrumbs', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[odxLink]\"></ng-content>\n" }]
-        }], propDecorators: { linkItems: [{
-                type: ContentChildren,
-                args: [LinkDirective]
-            }] } });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/odx-angular-components-breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-breadcrumbs.mjs","sources":["../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/angular/components/breadcrumbs/src/odx-angular-components-breadcrumbs.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ContentChildren, inject, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';\nimport { DynamicViewRef, DynamicViewService } from '@odx/angular/cdk/dynamic-view';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LinkDirective } from '@odx/angular/components/link';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { fromQueryList } from '@odx/angular/rxjs';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\n\n@CSSComponent('breadcrumbs')\n@Component({\n  selector: 'odx-breadcrumbs',\n  standalone: true,\n  templateUrl: './breadcrumbs.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent implements AfterViewInit {\n  private readonly renderer = inject(Renderer2);\n  private readonly destroyed = untilDestroyed();\n  private readonly dynamicViewService = inject(DynamicViewService);\n  private readonly icons = new Set<DynamicViewRef<typeof IconComponent>>();\n\n  @ContentChildren(LinkDirective)\n  protected readonly linkItems!: QueryList<LinkDirective>;\n\n  public readonly element = injectElement();\n\n  public ngAfterViewInit(): void {\n    fromQueryList(this.linkItems)\n      .pipe(this.destroyed())\n      .subscribe(() => this.addIcons());\n  }\n\n  private addIcons(): void {\n    this.removeIcons();\n    this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));\n  }\n\n  private addIcon(linkElement: HTMLElement): void {\n    const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });\n    this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);\n    this.icons.add(icon);\n  }\n\n  private removeIcons(): void {\n    this.icons.forEach((icon) => icon.destroy());\n    this.icons.clear();\n  }\n}\n","<ng-content select=\"[odxLink]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAgBa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AACY,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC7B,IAAS,CAAA,SAAA,GAAG,cAAc,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,GAAG,EAAwC,CAAC;QAKzD,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAuB3C,KAAA;IArBQ,eAAe,GAAA;AACpB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAC1B,aAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;aACtB,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;KACrC;IAEO,QAAQ,GAAA;QACd,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;KACtG;AAEO,IAAA,OAAO,CAAC,WAAwB,EAAA;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AACxH,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,WAAW,CAAC,CAAC;AACvF,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACtB;IAEO,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;+GA/BU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAMd,aAAa,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBhC,kDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADea,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,aAAa,CAAC;AAQf,CAAA,EAAA,oBAAoB,CAgChC,CAAA;4FAhCY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAED,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kDAAA,EAAA,CAAA;8BAS5B,SAAS,EAAA,CAAA;sBAD3B,eAAe;uBAAC,aAAa,CAAA;;;AEtBhC;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-breadcrumbs.mjs","sources":["../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/angular/components/breadcrumbs/src/odx-angular-components-breadcrumbs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('breadcrumbs')\n@Component({\n  selector: 'odx-breadcrumbs',\n  standalone: true,\n  templateUrl: './breadcrumbs.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"[odxLink]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAC3C,KAAA;+GAFY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,2ECZjC,kDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADWa,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,aAAa,CAAC;AAQf,CAAA,EAAA,oBAAoB,CAEhC,CAAA;4FAFY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAED,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kDAAA,EAAA,CAAA;;;AEVjD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/angular",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {