@dereekb/dbx-web 11.1.7 → 12.0.0

package/esm2022/lib/router/layout/anchor/anchor.component.mjs

@@ -1,34 +1,22 @@
 import { skipFirstMaybe } from '@dereekb/rxjs';
-import { Input, Component, TemplateRef, ViewChild, HostListener, inject } from '@angular/core';
-import { AbstractDbxAnchorDirective } from '@dereekb/dbx-core';
-import { map, distinctUntilChanged, shareReplay, BehaviorSubject } from 'rxjs';
+import { Component, TemplateRef, HostListener, inject, viewChild, input, ChangeDetectionStrategy, computed } from '@angular/core';
+import { AbstractDbxAnchorDirective, DbxInjectionComponent } from '@dereekb/dbx-core';
+import { NgTemplateOutlet, NgClass } from '@angular/common';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { shareReplay } from 'rxjs';
 import { DbxRouterWebProviderConfig } from '../../provider/router.provider.config';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@dereekb/dbx-core";
 /**
  * Component that renders an anchor element depending on the input.
  */
 export class DbxAnchorComponent extends AbstractDbxAnchorDirective {
-    dbNgxRouterWebProviderConfig = inject(DbxRouterWebProviderConfig);
-    _templateRef = new BehaviorSubject(undefined);
-    templateRef$ = this._templateRef.pipe(skipFirstMaybe(), shareReplay(1));
-    block;
-    get templateRef() {
-        return this._templateRef.value;
-    }
-    set templateRef(templateRef) {
-        this._templateRef.next(templateRef);
-    }
-    url$ = this.anchor$.pipe(map((x) => x?.url), distinctUntilChanged(), shareReplay(1));
-    target$ = this.anchor$.pipe(map((x) => x?.target), distinctUntilChanged(), shareReplay(1));
-    selectedClass$ = this.selected$.pipe(map((selected) => (selected ? 'dbx-anchor-selected' : '')), shareReplay(1));
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._templateRef.complete();
-    }
+    _dbNgxRouterWebProviderConfig = inject(DbxRouterWebProviderConfig);
+    block = input();
+    templateRef = viewChild('content', { read: TemplateRef });
+    templateRef$ = toObservable(this.templateRef).pipe(skipFirstMaybe(), shareReplay(1));
+    selectedClassSignal = computed(() => (this.selectedSignal() ? 'dbx-anchor-selected' : ''));
     get srefAnchorConfig() {
-        return this.dbNgxRouterWebProviderConfig.anchorSegueRefComponent;
+        return this._dbNgxRouterWebProviderConfig.anchorSegueRefComponent;
     }
     clickAnchor(event) {
         this.anchor?.onClick?.(event);
@@ -39,25 +27,87 @@ export class DbxAnchorComponent extends AbstractDbxAnchorDirective {
     onMouseLeave(event) {
         this.anchor?.onMouse?.('leave', event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, host: { attributes: { "dbx-anchor-block": "block" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, classAttribute: "d-inline dbx-anchor" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type$ | async\">\n  <!-- Plain -->\n  <ng-container *ngSwitchCase=\"0\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n  <!-- Click -->\n  <a class=\"dbx-anchor-a dbx-anchor-click\" [ngClass]=\"(selectedClass$ | async) || ''\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injection [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injection>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\" *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor-a dbx-anchor-disabled\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxAnchorComponent, isStandalone: true, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "dbx-anchor-block": "block()" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, classAttribute: "d-inline dbx-anchor" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    @switch (typeSignal()) {
+      @case ('plain') {
+        <ng-container *ngTemplateOutlet="content"></ng-container>
+      }
+      @case ('clickable') {
+        <a class="dbx-anchor-a dbx-anchor-click" [ngClass]="selectedClassSignal()" (click)="clickAnchor()">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </a>
+      }
+      @case ('sref') {
+        <dbx-injection [config]="srefAnchorConfig">
+          <!-- Injected in child. -->
+        </dbx-injection>
+      }
+      @case ('href') {
+        <a class="dbx-anchor-a dbx-anchor-href" [href]="urlSignal()" [attr.target]="targetSignal()">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </a>
+      }
+      @case ('disabled') {
+        <a class="dbx-anchor-a dbx-anchor-disabled">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </a>
+      }
+    }
+    <!-- Template content -->
+    <ng-template #content>
+      <ng-content></ng-content>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-anchor, [dbx-anchor]', host: {
+            args: [{
+                    selector: 'dbx-anchor, [dbx-anchor]',
+                    template: `
+    @switch (typeSignal()) {
+      @case ('plain') {
+        <ng-container *ngTemplateOutlet="content"></ng-container>
+      }
+      @case ('clickable') {
+        <a class="dbx-anchor-a dbx-anchor-click" [ngClass]="selectedClassSignal()" (click)="clickAnchor()">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </a>
+      }
+      @case ('sref') {
+        <dbx-injection [config]="srefAnchorConfig">
+          <!-- Injected in child. -->
+        </dbx-injection>
+      }
+      @case ('href') {
+        <a class="dbx-anchor-a dbx-anchor-href" [href]="urlSignal()" [attr.target]="targetSignal()">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </a>
+      }
+      @case ('disabled') {
+        <a class="dbx-anchor-a dbx-anchor-disabled">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </a>
+      }
+    }
+    <!-- Template content -->
+    <ng-template #content>
+      <ng-content></ng-content>
+    </ng-template>
+  `,
+                    standalone: true,
+                    imports: [NgTemplateOutlet, NgClass, DbxInjectionComponent],
+                    host: {
                         class: 'd-inline dbx-anchor',
-                        'dbx-anchor-block': 'block'
-                    }, template: "<ng-container [ngSwitch]=\"type$ | async\">\n  <!-- Plain -->\n  <ng-container *ngSwitchCase=\"0\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n  <!-- Click -->\n  <a class=\"dbx-anchor-a dbx-anchor-click\" [ngClass]=\"(selectedClass$ | async) || ''\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injection [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injection>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\" *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor-a dbx-anchor-disabled\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { block: [{
-                type: Input
-            }], templateRef: [{
-                type: ViewChild,
-                args: ['content', { read: TemplateRef }]
-            }], onMouseEnter: [{
+                        'dbx-anchor-block': 'block()'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { onMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']
             }], onMouseLeave: [{
                 type: HostListener,
                 args: ['mouseleave']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L2FuY2hvci9hbmNob3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQWEsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRyxPQUFPLEVBQUUsMEJBQTBCLEVBQStCLE1BQU0sbUJBQW1CLENBQUM7QUFFNUYsT0FBTyxFQUFFLEdBQUcsRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9FLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7O0FBRW5GOztHQUVHO0FBU0gsTUFBTSxPQUFPLGtCQUFtQixTQUFRLDBCQUEwQjtJQUMvQyw0QkFBNEIsR0FBRyxNQUFNLENBQUMsMEJBQTBCLENBQUMsQ0FBQztJQUUzRSxZQUFZLEdBQUcsSUFBSSxlQUFlLENBQThCLFNBQVMsQ0FBQyxDQUFDO0lBQzFFLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUcxRSxLQUFLLENBQVc7SUFFdkIsSUFDSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxXQUFXLENBQUMsV0FBd0M7UUFDdEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVRLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDL0IsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQ2xCLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBRU8sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNsQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsRUFDckIsb0JBQW9CLEVBQUUsRUFDdEIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFFTyxjQUFjLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQzNDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUMxRCxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztJQUVPLFdBQVc7UUFDbEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLDRCQUE0QixDQUFDLHVCQUF1QixDQUFDO0lBQ25FLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBeUI7UUFDbkMsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBR0QsWUFBWSxDQUFDLEtBQXlCO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFHRCxZQUFZLENBQUMsS0FBeUI7UUFDcEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDekMsQ0FBQzt3R0F4RFUsa0JBQWtCOzRGQUFsQixrQkFBa0IsNFZBU0MsV0FBVyxvREMzQjNDLDZoQ0EwQkE7OzRGRFJhLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSwwQkFBMEIsUUFFOUI7d0JBQ0osS0FBSyxFQUFFLHFCQUFxQjt3QkFDNUIsa0JBQWtCLEVBQUUsT0FBTztxQkFDNUI7OEJBU00sS0FBSztzQkFEWCxLQUFLO2dCQUlGLFdBQVc7c0JBRGQsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO2dCQXdDM0MsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVk7Z0JBTTFCLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc2tpcEZpcnN0TWF5YmUgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IElucHV0LCBDb21wb25lbnQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIE9uRGVzdHJveSwgSG9zdExpc3RlbmVyLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0RGJ4QW5jaG9yRGlyZWN0aXZlLCBEYnhJbmplY3Rpb25Db21wb25lbnRDb25maWcgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBtYXAsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBzaGFyZVJlcGxheSwgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEYnhSb3V0ZXJXZWJQcm92aWRlckNvbmZpZyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVyL3JvdXRlci5wcm92aWRlci5jb25maWcnO1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IHJlbmRlcnMgYW4gYW5jaG9yIGVsZW1lbnQgZGVwZW5kaW5nIG9uIHRoZSBpbnB1dC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWFuY2hvciwgW2RieC1hbmNob3JdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FuY2hvci5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2QtaW5saW5lIGRieC1hbmNob3InLFxuICAgICdkYngtYW5jaG9yLWJsb2NrJzogJ2Jsb2NrJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieEFuY2hvckNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RGJ4QW5jaG9yRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSByZWFkb25seSBkYk5neFJvdXRlcldlYlByb3ZpZGVyQ29uZmlnID0gaW5qZWN0KERieFJvdXRlcldlYlByb3ZpZGVyQ29uZmlnKTtcblxuICBwcml2YXRlIF90ZW1wbGF0ZVJlZiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8VGVtcGxhdGVSZWY8dW5rbm93bj4+Pih1bmRlZmluZWQpO1xuICByZWFkb25seSB0ZW1wbGF0ZVJlZiQgPSB0aGlzLl90ZW1wbGF0ZVJlZi5waXBlKHNraXBGaXJzdE1heWJlKCksIHNoYXJlUmVwbGF5KDEpKTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgYmxvY2s/OiBib29sZWFuO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG4gIGdldCB0ZW1wbGF0ZVJlZigpOiBNYXliZTxUZW1wbGF0ZVJlZjx1bmtub3duPj4ge1xuICAgIHJldHVybiB0aGlzLl90ZW1wbGF0ZVJlZi52YWx1ZTtcbiAgfVxuXG4gIHNldCB0ZW1wbGF0ZVJlZih0ZW1wbGF0ZVJlZjogTWF5YmU8VGVtcGxhdGVSZWY8dW5rbm93bj4+KSB7XG4gICAgdGhpcy5fdGVtcGxhdGVSZWYubmV4dCh0ZW1wbGF0ZVJlZik7XG4gIH1cblxuICByZWFkb25seSB1cmwkID0gdGhpcy5hbmNob3IkLnBpcGUoXG4gICAgbWFwKCh4KSA9PiB4Py51cmwpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSB0YXJnZXQkID0gdGhpcy5hbmNob3IkLnBpcGUoXG4gICAgbWFwKCh4KSA9PiB4Py50YXJnZXQpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBzZWxlY3RlZENsYXNzJCA9IHRoaXMuc2VsZWN0ZWQkLnBpcGUoXG4gICAgbWFwKChzZWxlY3RlZCkgPT4gKHNlbGVjdGVkID8gJ2RieC1hbmNob3Itc2VsZWN0ZWQnIDogJycpKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIG92ZXJyaWRlIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgdGhpcy5fdGVtcGxhdGVSZWYuY29tcGxldGUoKTtcbiAgfVxuXG4gIGdldCBzcmVmQW5jaG9yQ29uZmlnKCk6IERieEluamVjdGlvbkNvbXBvbmVudENvbmZpZyB7XG4gICAgcmV0dXJuIHRoaXMuZGJOZ3hSb3V0ZXJXZWJQcm92aWRlckNvbmZpZy5hbmNob3JTZWd1ZVJlZkNvbXBvbmVudDtcbiAgfVxuXG4gIGNsaWNrQW5jaG9yKGV2ZW50PzogTWF5YmU8TW91c2VFdmVudD4pOiB2b2lkIHtcbiAgICB0aGlzLmFuY2hvcj8ub25DbGljaz8uKGV2ZW50KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxuICBvbk1vdXNlRW50ZXIoZXZlbnQ/OiBNYXliZTxNb3VzZUV2ZW50Pikge1xuICAgIHRoaXMuYW5jaG9yPy5vbk1vdXNlPy4oJ2VudGVyJywgZXZlbnQpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpXG4gIG9uTW91c2VMZWF2ZShldmVudD86IE1heWJlPE1vdXNlRXZlbnQ+KSB7XG4gICAgdGhpcy5hbmNob3I/Lm9uTW91c2U/LignbGVhdmUnLCBldmVudCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGUkIHwgYXN5bmNcIj5cbiAgPCEtLSBQbGFpbiAtLT5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiMFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8IS0tIENsaWNrIC0tPlxuICA8YSBjbGFzcz1cImRieC1hbmNob3ItYSBkYngtYW5jaG9yLWNsaWNrXCIgW25nQ2xhc3NdPVwiKHNlbGVjdGVkQ2xhc3MkIHwgYXN5bmMpIHx8ICcnXCIgKGNsaWNrKT1cImNsaWNrQW5jaG9yKClcIiAqbmdTd2l0Y2hDYXNlPVwiMVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvYT5cbiAgPCEtLSBSb3V0ZXIgLS0+XG4gIDxkYngtaW5qZWN0aW9uIFtjb25maWddPVwic3JlZkFuY2hvckNvbmZpZ1wiICpuZ1N3aXRjaENhc2U9XCIyXCI+XG4gICAgPCEtLSBJbmplY3RlZCBpbiBjaGlsZC4gLS0+XG4gIDwvZGJ4LWluamVjdGlvbj5cbiAgPCEtLSBIcmVmIC0tPlxuICA8YSBjbGFzcz1cImRieC1hbmNob3ItYSBkYngtYW5jaG9yLWhyZWZcIiBbaHJlZl09XCJ1cmwkIHwgYXN5bmNcIiBbYXR0ci50YXJnZXRdPVwidGFyZ2V0JCB8IGFzeW5jXCIgKm5nU3dpdGNoQ2FzZT1cIjNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICA8L2E+XG4gIDwhLS0gRGlzYWJsZWQgb3IgTm9uZSAtLT5cbiAgPGEgY2xhc3M9XCJkYngtYW5jaG9yLWEgZGJ4LWFuY2hvci1kaXNhYmxlZFwiICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9hPlxuPC9uZy1jb250YWluZXI+XG48IS0tIFRlbXBsYXRlIGNvbnRlbnQgLS0+XG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L2FuY2hvci9hbmNob3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSSxPQUFPLEVBQUUsMEJBQTBCLEVBQStCLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ25DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQUVuRjs7R0FFRztBQTBDSCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsMEJBQTBCO0lBQy9DLDZCQUE2QixHQUFHLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0lBRTNFLEtBQUssR0FBRyxLQUFLLEVBQWtCLENBQUM7SUFFaEMsV0FBVyxHQUFHLFNBQVMsQ0FBc0MsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDL0YsWUFBWSxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXJGLG1CQUFtQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFcEcsSUFBSSxnQkFBZ0I7UUFDbEIsT0FBTyxJQUFJLENBQUMsNkJBQTZCLENBQUMsdUJBQXVCLENBQUM7SUFDcEUsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUF5QjtRQUNuQyxJQUFJLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFHRCxZQUFZLENBQUMsS0FBeUI7UUFDcEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUdELFlBQVksQ0FBQyxLQUF5QjtRQUNwQyxJQUFJLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN6QyxDQUFDO3dHQTFCVSxrQkFBa0I7NEZBQWxCLGtCQUFrQiwwZEFLNEQsV0FBVyxvRUE1QzFGOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4QlQsNERBRVMsZ0JBQWdCLG9KQUFFLE9BQU8sb0ZBQUUscUJBQXFCOzs0RkFPL0Msa0JBQWtCO2tCQXpDOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThCVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLHFCQUFxQixDQUFDO29CQUMzRCxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLHFCQUFxQjt3QkFDNUIsa0JBQWtCLEVBQUUsU0FBUztxQkFDOUI7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQW9CQyxZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFNMUIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBza2lwRmlyc3RNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3J4anMnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgSG9zdExpc3RlbmVyLCBpbmplY3QsIHZpZXdDaGlsZCwgaW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBjb21wdXRlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3REYnhBbmNob3JEaXJlY3RpdmUsIERieEluamVjdGlvbkNvbXBvbmVudENvbmZpZywgRGJ4SW5qZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCwgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyB0b09ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRGJ4Um91dGVyV2ViUHJvdmlkZXJDb25maWcgfSBmcm9tICcuLi8uLi9wcm92aWRlci9yb3V0ZXIucHJvdmlkZXIuY29uZmlnJztcblxuLyoqXG4gKiBDb21wb25lbnQgdGhhdCByZW5kZXJzIGFuIGFuY2hvciBlbGVtZW50IGRlcGVuZGluZyBvbiB0aGUgaW5wdXQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1hbmNob3IsIFtkYngtYW5jaG9yXScsXG4gIHRlbXBsYXRlOiBgXG4gICAgQHN3aXRjaCAodHlwZVNpZ25hbCgpKSB7XG4gICAgICBAY2FzZSAoJ3BsYWluJykge1xuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgfVxuICAgICAgQGNhc2UgKCdjbGlja2FibGUnKSB7XG4gICAgICAgIDxhIGNsYXNzPVwiZGJ4LWFuY2hvci1hIGRieC1hbmNob3ItY2xpY2tcIiBbbmdDbGFzc109XCJzZWxlY3RlZENsYXNzU2lnbmFsKClcIiAoY2xpY2spPVwiY2xpY2tBbmNob3IoKVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvYT5cbiAgICAgIH1cbiAgICAgIEBjYXNlICgnc3JlZicpIHtcbiAgICAgICAgPGRieC1pbmplY3Rpb24gW2NvbmZpZ109XCJzcmVmQW5jaG9yQ29uZmlnXCI+XG4gICAgICAgICAgPCEtLSBJbmplY3RlZCBpbiBjaGlsZC4gLS0+XG4gICAgICAgIDwvZGJ4LWluamVjdGlvbj5cbiAgICAgIH1cbiAgICAgIEBjYXNlICgnaHJlZicpIHtcbiAgICAgICAgPGEgY2xhc3M9XCJkYngtYW5jaG9yLWEgZGJ4LWFuY2hvci1ocmVmXCIgW2hyZWZdPVwidXJsU2lnbmFsKClcIiBbYXR0ci50YXJnZXRdPVwidGFyZ2V0U2lnbmFsKClcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2E+XG4gICAgICB9XG4gICAgICBAY2FzZSAoJ2Rpc2FibGVkJykge1xuICAgICAgICA8YSBjbGFzcz1cImRieC1hbmNob3ItYSBkYngtYW5jaG9yLWRpc2FibGVkXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9hPlxuICAgICAgfVxuICAgIH1cbiAgICA8IS0tIFRlbXBsYXRlIGNvbnRlbnQgLS0+XG4gICAgPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBOZ0NsYXNzLCBEYnhJbmplY3Rpb25Db21wb25lbnRdLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkLWlubGluZSBkYngtYW5jaG9yJyxcbiAgICAnZGJ4LWFuY2hvci1ibG9jayc6ICdibG9jaygpJ1xuICB9LFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYnhBbmNob3JDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdERieEFuY2hvckRpcmVjdGl2ZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2RiTmd4Um91dGVyV2ViUHJvdmlkZXJDb25maWcgPSBpbmplY3QoRGJ4Um91dGVyV2ViUHJvdmlkZXJDb25maWcpO1xuXG4gIHJlYWRvbmx5IGJsb2NrID0gaW5wdXQ8TWF5YmU8Ym9vbGVhbj4+KCk7XG5cbiAgcmVhZG9ubHkgdGVtcGxhdGVSZWYgPSB2aWV3Q2hpbGQ8c3RyaW5nLCBNYXliZTxUZW1wbGF0ZVJlZjx1bmtub3duPj4+KCdjb250ZW50JywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KTtcbiAgcmVhZG9ubHkgdGVtcGxhdGVSZWYkID0gdG9PYnNlcnZhYmxlKHRoaXMudGVtcGxhdGVSZWYpLnBpcGUoc2tpcEZpcnN0TWF5YmUoKSwgc2hhcmVSZXBsYXkoMSkpO1xuXG4gIHJlYWRvbmx5IHNlbGVjdGVkQ2xhc3NTaWduYWwgPSBjb21wdXRlZCgoKSA9PiAodGhpcy5zZWxlY3RlZFNpZ25hbCgpID8gJ2RieC1hbmNob3Itc2VsZWN0ZWQnIDogJycpKTtcblxuICBnZXQgc3JlZkFuY2hvckNvbmZpZygpOiBEYnhJbmplY3Rpb25Db21wb25lbnRDb25maWcge1xuICAgIHJldHVybiB0aGlzLl9kYk5neFJvdXRlcldlYlByb3ZpZGVyQ29uZmlnLmFuY2hvclNlZ3VlUmVmQ29tcG9uZW50O1xuICB9XG5cbiAgY2xpY2tBbmNob3IoZXZlbnQ/OiBNYXliZTxNb3VzZUV2ZW50Pik6IHZvaWQge1xuICAgIHRoaXMuYW5jaG9yPy5vbkNsaWNrPy4oZXZlbnQpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpXG4gIG9uTW91c2VFbnRlcihldmVudD86IE1heWJlPE1vdXNlRXZlbnQ+KSB7XG4gICAgdGhpcy5hbmNob3I/Lm9uTW91c2U/LignZW50ZXInLCBldmVudCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJylcbiAgb25Nb3VzZUxlYXZlKGV2ZW50PzogTWF5YmU8TW91c2VFdmVudD4pIHtcbiAgICB0aGlzLmFuY2hvcj8ub25Nb3VzZT8uKCdsZWF2ZScsIGV2ZW50KTtcbiAgfVxufVxuIl19

package/esm2022/lib/router/layout/anchor/anchor.content.component.mjs

@@ -1,9 +1,10 @@
 import { BehaviorSubject, combineLatest, map, of, shareReplay } from 'rxjs';
-import { Component, Input, inject } from '@angular/core';
+import { Component, Input, inject, computed } from '@angular/core';
 import { DbxAnchorComponent } from './anchor.component';
+import { MatIconModule } from '@angular/material/icon';
+import { toSignal } from '@angular/core/rxjs-interop';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
+import * as i1 from "@angular/material/icon";
 /**
  * Component that displays an anchor and a span with the title.
  */
@@ -12,27 +13,38 @@ export class DbxAnchorContentComponent {
     _inputAnchor = new BehaviorSubject(undefined);
     _parentAnchor = this.parent ? this.parent.anchor$ : of(undefined);
     anchor$ = combineLatest([this._inputAnchor, this._parentAnchor]).pipe(map(([input, parent]) => input ?? parent), shareReplay(1));
-    icon$ = this.anchor$.pipe(map((x) => x?.icon));
-    title$ = this.anchor$.pipe(map((x) => x?.title));
+    anchorSignal = toSignal(this.anchor$);
+    iconSignal = computed(() => this.anchorSignal()?.icon);
+    titleSignal = computed(() => this.anchorSignal()?.title);
     set anchor(anchor) {
         this._inputAnchor.next(anchor);
     }
     ngOnDestroy() {
         this._inputAnchor.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxAnchorContentComponent, selector: "dbx-anchor-content", inputs: { anchor: "anchor" }, host: { classAttribute: "dbx-anchor-content" }, ngImport: i0, template: `
-    <mat-icon class="dbx-icon-spacer" *ngIf="icon$ | async">{{ icon$ | async }}</mat-icon>
-    <span *ngIf="title$ | async">{{ title$ | async }}</span>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxAnchorContentComponent, isStandalone: true, selector: "dbx-anchor-content", inputs: { anchor: "anchor" }, host: { classAttribute: "dbx-anchor-content" }, ngImport: i0, template: `
+    @if (iconSignal()) {
+      <mat-icon class="dbx-icon-spacer">{{ iconSignal() }}</mat-icon>
+    }
+    @if (titleSignal()) {
+      <span>{{ titleSignal() }}</span>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-anchor-content',
+                    standalone: true,
+                    imports: [MatIconModule],
                     template: `
-    <mat-icon class="dbx-icon-spacer" *ngIf="icon$ | async">{{ icon$ | async }}</mat-icon>
-    <span *ngIf="title$ | async">{{ title$ | async }}</span>
+    @if (iconSignal()) {
+      <mat-icon class="dbx-icon-spacer">{{ iconSignal() }}</mat-icon>
+    }
+    @if (titleSignal()) {
+      <span>{{ titleSignal() }}</span>
+    }
   `,
                     host: {
                         class: 'dbx-anchor-content'
@@ -41,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { anchor: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQWMsRUFBRSxFQUFFLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN4RixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHcEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFFeEQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8seUJBQXlCO0lBQzNCLE1BQU0sR0FBRyxNQUFNLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUVoRCxZQUFZLEdBQUcsSUFBSSxlQUFlLENBQXNDLFNBQVMsQ0FBQyxDQUFDO0lBQ25GLGFBQWEsR0FBNkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUVwSSxPQUFPLEdBQW9ELGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUM3SCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxFQUN6QyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztJQUVPLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQy9DLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRTFELElBQ0ksTUFBTSxDQUFDLE1BQTJDO1FBQ3BELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDO3dHQXJCVSx5QkFBeUI7NEZBQXpCLHlCQUF5Qix3SUFSMUI7OztHQUdUOzs0RkFLVSx5QkFBeUI7a0JBVnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7R0FHVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLG9CQUFvQjtxQkFDNUI7aUJBQ0Y7OEJBZ0JLLE1BQU07c0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwLCBPYnNlcnZhYmxlLCBvZiwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbGlja2FibGVBbmNob3IsIENsaWNrYWJsZUFuY2hvckxpbmsgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhBbmNob3JDb21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGFuIGFuY2hvciBhbmQgYSBzcGFuIHdpdGggdGhlIHRpdGxlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtYW5jaG9yLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtaWNvbiBjbGFzcz1cImRieC1pY29uLXNwYWNlclwiICpuZ0lmPVwiaWNvbiQgfCBhc3luY1wiPnt7IGljb24kIHwgYXN5bmMgfX08L21hdC1pY29uPlxuICAgIDxzcGFuICpuZ0lmPVwidGl0bGUkIHwgYXN5bmNcIj57eyB0aXRsZSQgfCBhc3luYyB9fTwvc3Bhbj5cbiAgYCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZGJ4LWFuY2hvci1jb250ZW50J1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieEFuY2hvckNvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICByZWFkb25seSBwYXJlbnQgPSBpbmplY3QoRGJ4QW5jaG9yQ29tcG9uZW50LCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2lucHV0QW5jaG9yID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxQYXJ0aWFsPENsaWNrYWJsZUFuY2hvckxpbms+Pj4odW5kZWZpbmVkKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfcGFyZW50QW5jaG9yOiBPYnNlcnZhYmxlPE1heWJlPENsaWNrYWJsZUFuY2hvciB8IENsaWNrYWJsZUFuY2hvckxpbms+PiA9IHRoaXMucGFyZW50ID8gdGhpcy5wYXJlbnQuYW5jaG9yJCA6IG9mKHVuZGVmaW5lZCk7XG5cbiAgcmVhZG9ubHkgYW5jaG9yJDogT2JzZXJ2YWJsZTxNYXliZTxQYXJ0aWFsPENsaWNrYWJsZUFuY2hvckxpbms+Pj4gPSBjb21iaW5lTGF0ZXN0KFt0aGlzLl9pbnB1dEFuY2hvciwgdGhpcy5fcGFyZW50QW5jaG9yXSkucGlwZShcbiAgICBtYXAoKFtpbnB1dCwgcGFyZW50XSkgPT4gaW5wdXQgPz8gcGFyZW50KSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIHJlYWRvbmx5IGljb24kID0gdGhpcy5hbmNob3IkLnBpcGUobWFwKCh4KSA9PiB4Py5pY29uKSk7XG4gIHJlYWRvbmx5IHRpdGxlJCA9IHRoaXMuYW5jaG9yJC5waXBlKG1hcCgoeCkgPT4geD8udGl0bGUpKTtcblxuICBASW5wdXQoKVxuICBzZXQgYW5jaG9yKGFuY2hvcjogTWF5YmU8UGFydGlhbDxDbGlja2FibGVBbmNob3JMaW5rPj4pIHtcbiAgICB0aGlzLl9pbnB1dEFuY2hvci5uZXh0KGFuY2hvcik7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9pbnB1dEFuY2hvci5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQWMsRUFBRSxFQUFFLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN4RixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzlFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQUV0RDs7R0FFRztBQWlCSCxNQUFNLE9BQU8seUJBQXlCO0lBQzNCLE1BQU0sR0FBRyxNQUFNLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUVoRCxZQUFZLEdBQUcsSUFBSSxlQUFlLENBQXNDLFNBQVMsQ0FBQyxDQUFDO0lBQ25GLGFBQWEsR0FBNkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUVwSSxPQUFPLEdBQW9ELGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUM3SCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxFQUN6QyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztJQUVPLFlBQVksR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXRDLFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3ZELFdBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBRWxFLElBQ0ksTUFBTSxDQUFDLE1BQTJDO1FBQ3BELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDO3dHQXZCVSx5QkFBeUI7NEZBQXpCLHlCQUF5Qiw0SkFaMUI7Ozs7Ozs7R0FPVCwyREFSUyxhQUFhOzs0RkFhWix5QkFBeUI7a0JBaEJyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsb0JBQW9CO3FCQUM1QjtpQkFDRjs4QkFrQkssTUFBTTtzQkFEVCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBjb21iaW5lTGF0ZXN0LCBtYXAsIE9ic2VydmFibGUsIG9mLCBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBpbmplY3QsIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbGlja2FibGVBbmNob3IsIENsaWNrYWJsZUFuY2hvckxpbmsgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhBbmNob3JDb21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgdG9TaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgZGlzcGxheXMgYW4gYW5jaG9yIGFuZCBhIHNwYW4gd2l0aCB0aGUgdGl0bGUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1hbmNob3ItY29udGVudCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtNYXRJY29uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKGljb25TaWduYWwoKSkge1xuICAgICAgPG1hdC1pY29uIGNsYXNzPVwiZGJ4LWljb24tc3BhY2VyXCI+e3sgaWNvblNpZ25hbCgpIH19PC9tYXQtaWNvbj5cbiAgICB9XG4gICAgQGlmICh0aXRsZVNpZ25hbCgpKSB7XG4gICAgICA8c3Bhbj57eyB0aXRsZVNpZ25hbCgpIH19PC9zcGFuPlxuICAgIH1cbiAgYCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZGJ4LWFuY2hvci1jb250ZW50J1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieEFuY2hvckNvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICByZWFkb25seSBwYXJlbnQgPSBpbmplY3QoRGJ4QW5jaG9yQ29tcG9uZW50LCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2lucHV0QW5jaG9yID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxQYXJ0aWFsPENsaWNrYWJsZUFuY2hvckxpbms+Pj4odW5kZWZpbmVkKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfcGFyZW50QW5jaG9yOiBPYnNlcnZhYmxlPE1heWJlPENsaWNrYWJsZUFuY2hvciB8IENsaWNrYWJsZUFuY2hvckxpbms+PiA9IHRoaXMucGFyZW50ID8gdGhpcy5wYXJlbnQuYW5jaG9yJCA6IG9mKHVuZGVmaW5lZCk7XG5cbiAgcmVhZG9ubHkgYW5jaG9yJDogT2JzZXJ2YWJsZTxNYXliZTxQYXJ0aWFsPENsaWNrYWJsZUFuY2hvckxpbms+Pj4gPSBjb21iaW5lTGF0ZXN0KFt0aGlzLl9pbnB1dEFuY2hvciwgdGhpcy5fcGFyZW50QW5jaG9yXSkucGlwZShcbiAgICBtYXAoKFtpbnB1dCwgcGFyZW50XSkgPT4gaW5wdXQgPz8gcGFyZW50KSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIHJlYWRvbmx5IGFuY2hvclNpZ25hbCA9IHRvU2lnbmFsKHRoaXMuYW5jaG9yJCk7XG5cbiAgcmVhZG9ubHkgaWNvblNpZ25hbCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuYW5jaG9yU2lnbmFsKCk/Lmljb24pO1xuICByZWFkb25seSB0aXRsZVNpZ25hbCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuYW5jaG9yU2lnbmFsKCk/LnRpdGxlKTtcblxuICBASW5wdXQoKVxuICBzZXQgYW5jaG9yKGFuY2hvcjogTWF5YmU8UGFydGlhbDxDbGlja2FibGVBbmNob3JMaW5rPj4pIHtcbiAgICB0aGlzLl9pbnB1dEFuY2hvci5uZXh0KGFuY2hvcik7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9pbnB1dEFuY2hvci5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/router/layout/anchor/anchor.icon.component.mjs

@@ -1,26 +1,30 @@
 import { Component, Input } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { DbxAnchorComponent } from './anchor.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/icon";
 import * as i2 from "@angular/material/button";
-import * as i3 from "./anchor.component";
 /**
  * Component that displays an anchor and a mat-button.
  */
 export class DbxAnchorIconComponent {
     anchor;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxAnchorIconComponent, selector: "dbx-anchor-icon", inputs: { anchor: "anchor" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxAnchorIconComponent, isStandalone: true, selector: "dbx-anchor-icon", inputs: { anchor: "anchor" }, ngImport: i0, template: `
     <dbx-anchor [anchor]="anchor">
       <button mat-icon-button>
         <mat-icon>{{ anchor?.icon }}</mat-icon>
       </button>
     </dbx-anchor>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-anchor-icon',
+                    standalone: true,
+                    imports: [MatIconModule, MatButtonModule, DbxAnchorComponent],
                     template: `
     <dbx-anchor [anchor]="anchor">
       <button mat-icon-button>
@@ -32,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { anchor: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5pY29uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFJakQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLE1BQU0sQ0FBaUM7d0dBRjVCLHNCQUFzQjs0RkFBdEIsc0JBQXNCLHFGQVJ2Qjs7Ozs7O0dBTVQ7OzRGQUVVLHNCQUFzQjtrQkFWbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUU7Ozs7OztHQU1UO2lCQUNGOzhCQUdDLE1BQU07c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENsaWNrYWJsZUljb25BbmNob3JMaW5rIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGFuIGFuY2hvciBhbmQgYSBtYXQtYnV0dG9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtYW5jaG9yLWljb24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtYW5jaG9yIFthbmNob3JdPVwiYW5jaG9yXCI+XG4gICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbj5cbiAgICAgICAgPG1hdC1pY29uPnt7IGFuY2hvcj8uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2RieC1hbmNob3I+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4QW5jaG9ySWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGFuY2hvcjogTWF5YmU8Q2xpY2thYmxlSWNvbkFuY2hvckxpbms+O1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5pY29uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7O0FBRXhEOztHQUVHO0FBYUgsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQyxNQUFNLENBQWlDO3dHQUY1QixzQkFBc0I7NEZBQXRCLHNCQUFzQix5R0FSdkI7Ozs7OztHQU1ULDJEQVBTLGFBQWEsbUxBQUUsZUFBZSw0SUFBRSxrQkFBa0I7OzRGQVNqRCxzQkFBc0I7a0JBWmxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLGFBQWEsRUFBRSxlQUFlLEVBQUUsa0JBQWtCLENBQUM7b0JBQzdELFFBQVEsRUFBRTs7Ozs7O0dBTVQ7aUJBQ0Y7OEJBR0MsTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xpY2thYmxlSWNvbkFuY2hvckxpbmsgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgRGJ4QW5jaG9yQ29tcG9uZW50IH0gZnJvbSAnLi9hbmNob3IuY29tcG9uZW50JztcblxuLyoqXG4gKiBDb21wb25lbnQgdGhhdCBkaXNwbGF5cyBhbiBhbmNob3IgYW5kIGEgbWF0LWJ1dHRvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWFuY2hvci1pY29uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZSwgRGJ4QW5jaG9yQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGJ4LWFuY2hvciBbYW5jaG9yXT1cImFuY2hvclwiPlxuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24+XG4gICAgICAgIDxtYXQtaWNvbj57eyBhbmNob3I/Lmljb24gfX08L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kYngtYW5jaG9yPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieEFuY2hvckljb25Db21wb25lbnQge1xuICBASW5wdXQoKVxuICBhbmNob3I6IE1heWJlPENsaWNrYWJsZUljb25BbmNob3JMaW5rPjtcbn1cbiJdfQ==

package/esm2022/lib/router/layout/anchor/anchor.link.component.mjs

@@ -1,10 +1,10 @@
 import { Component, Input } from '@angular/core';
+import { DbxAnchorComponent } from './anchor.component';
 import * as i0 from "@angular/core";
-import * as i1 from "./anchor.component";
 /**
  * Pre-styled text that can link to either a website or a ref using a dbx-anchor.
  */
-export class DbxAnchorLinkComponent {
+export class DbxLinkComponent {
     anchor;
     set ref(ref) {
         if (ref) {
@@ -20,17 +20,19 @@ export class DbxAnchorLinkComponent {
             };
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxAnchorLinkComponent, selector: "dbx-link", inputs: { anchor: "anchor", ref: "ref", href: "href" }, host: { classAttribute: "d-inline dbx-link" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxLinkComponent, isStandalone: true, selector: "dbx-link", inputs: { anchor: "anchor", ref: "ref", href: "href" }, host: { classAttribute: "d-inline dbx-link" }, ngImport: i0, template: `
     <dbx-anchor [anchor]="anchor">
       <ng-content></ng-content>
     </dbx-anchor>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-link',
+                    standalone: true,
+                    imports: [DbxAnchorComponent],
                     template: `
     <dbx-anchor [anchor]="anchor">
       <ng-content></ng-content>
@@ -47,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], href: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5saW5rLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSWpEOztHQUVHO0FBWUgsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQyxNQUFNLENBQTBCO0lBRWhDLElBQ0ksR0FBRyxDQUFDLEdBQWtCO1FBQ3hCLElBQUksR0FBRyxFQUFFO1lBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRztnQkFDWixHQUFHO2FBQ0osQ0FBQztTQUNIO0lBQ0gsQ0FBQztJQUVELElBQ0ksSUFBSSxDQUFDLElBQW1CO1FBQzFCLElBQUksSUFBSSxFQUFFO1lBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRztnQkFDWixHQUFHLEVBQUUsSUFBSTthQUNWLENBQUM7U0FDSDtJQUNILENBQUM7d0dBcEJVLHNCQUFzQjs0RkFBdEIsc0JBQXNCLHVKQVR2Qjs7OztHQUlUOzs0RkFLVSxzQkFBc0I7a0JBWGxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsbUJBQW1CO3FCQUMzQjtpQkFDRjs4QkFHQyxNQUFNO3NCQURMLEtBQUs7Z0JBSUYsR0FBRztzQkFETixLQUFLO2dCQVVGLElBQUk7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENsaWNrYWJsZUFuY2hvciB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IHR5cGUgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcblxuLyoqXG4gKiBQcmUtc3R5bGVkIHRleHQgdGhhdCBjYW4gbGluayB0byBlaXRoZXIgYSB3ZWJzaXRlIG9yIGEgcmVmIHVzaW5nIGEgZGJ4LWFuY2hvci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWxpbmsnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtYW5jaG9yIFthbmNob3JdPVwiYW5jaG9yXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kYngtYW5jaG9yPlxuICBgLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkLWlubGluZSBkYngtbGluaydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhBbmNob3JMaW5rQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgYW5jaG9yPzogTWF5YmU8Q2xpY2thYmxlQW5jaG9yPjtcblxuICBASW5wdXQoKVxuICBzZXQgcmVmKHJlZjogTWF5YmU8c3RyaW5nPikge1xuICAgIGlmIChyZWYpIHtcbiAgICAgIHRoaXMuYW5jaG9yID0ge1xuICAgICAgICByZWZcbiAgICAgIH07XG4gICAgfVxuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IGhyZWYoaHJlZjogTWF5YmU8c3RyaW5nPikge1xuICAgIGlmIChocmVmKSB7XG4gICAgICB0aGlzLmFuY2hvciA9IHtcbiAgICAgICAgdXJsOiBocmVmXG4gICAgICB9O1xuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5saW5rLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFFeEQ7O0dBRUc7QUFjSCxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLE1BQU0sQ0FBMEI7SUFFaEMsSUFDSSxHQUFHLENBQUMsR0FBa0I7UUFDeEIsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUNSLElBQUksQ0FBQyxNQUFNLEdBQUc7Z0JBQ1osR0FBRzthQUNKLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQztJQUVELElBQ0ksSUFBSSxDQUFDLElBQW1CO1FBQzFCLElBQUksSUFBSSxFQUFFLENBQUM7WUFDVCxJQUFJLENBQUMsTUFBTSxHQUFHO2dCQUNaLEdBQUcsRUFBRSxJQUFJO2FBQ1YsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO3dHQXBCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwyS0FUakI7Ozs7R0FJVCw0REFMUyxrQkFBa0I7OzRGQVVqQixnQkFBZ0I7a0JBYjVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDN0IsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0QsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxtQkFBbUI7cUJBQzNCO2lCQUNGOzhCQUdDLE1BQU07c0JBREwsS0FBSztnQkFJRixHQUFHO3NCQUROLEtBQUs7Z0JBVUYsSUFBSTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xpY2thYmxlQW5jaG9yIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgRGJ4QW5jaG9yQ29tcG9uZW50IH0gZnJvbSAnLi9hbmNob3IuY29tcG9uZW50JztcblxuLyoqXG4gKiBQcmUtc3R5bGVkIHRleHQgdGhhdCBjYW4gbGluayB0byBlaXRoZXIgYSB3ZWJzaXRlIG9yIGEgcmVmIHVzaW5nIGEgZGJ4LWFuY2hvci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWxpbmsnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRGJ4QW5jaG9yQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGJ4LWFuY2hvciBbYW5jaG9yXT1cImFuY2hvclwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGJ4LWFuY2hvcj5cbiAgYCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZC1pbmxpbmUgZGJ4LWxpbmsnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4TGlua0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGFuY2hvcj86IE1heWJlPENsaWNrYWJsZUFuY2hvcj47XG5cbiAgQElucHV0KClcbiAgc2V0IHJlZihyZWY6IE1heWJlPHN0cmluZz4pIHtcbiAgICBpZiAocmVmKSB7XG4gICAgICB0aGlzLmFuY2hvciA9IHtcbiAgICAgICAgcmVmXG4gICAgICB9O1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBocmVmKGhyZWY6IE1heWJlPHN0cmluZz4pIHtcbiAgICBpZiAoaHJlZikge1xuICAgICAgdGhpcy5hbmNob3IgPSB7XG4gICAgICAgIHVybDogaHJlZlxuICAgICAgfTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/router/layout/anchor/anchor.module.mjs

@@ -1,24 +1,28 @@
-import { DbxInjectionComponentModule } from '@dereekb/dbx-core';
 import { NgModule } from '@angular/core';
 import { DbxAnchorComponent } from './anchor.component';
-import { CommonModule } from '@angular/common';
 import { DbxAnchorIconComponent } from './anchor.icon.component';
-import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
-import { DbxAnchorLinkComponent } from './anchor.link.component';
+import { DbxLinkComponent } from './anchor.link.component';
 import { DbxAnchorContentComponent } from './anchor.content.component';
 import * as i0 from "@angular/core";
+/**
+ * All standalone components related to anchors and links.
+ */
+export const DBX_ROUTER_ANCHOR_COMPONENTS = [DbxAnchorComponent, DbxAnchorIconComponent, DbxLinkComponent, DbxAnchorContentComponent];
+/**
+ * Module that provides anchor and link components.
+ *
+ * All components are now standalone. This module is provided for backward compatibility.
+ */
 export class DbxRouterAnchorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxRouterAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxRouterAnchorModule, declarations: [DbxAnchorComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorContentComponent], imports: [CommonModule, MatIconModule, MatButtonModule, DbxInjectionComponentModule], exports: [DbxAnchorComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorContentComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxRouterAnchorModule, imports: [CommonModule, MatIconModule, MatButtonModule, DbxInjectionComponentModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouterAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxRouterAnchorModule, imports: [DbxAnchorComponent, DbxAnchorIconComponent, DbxLinkComponent, DbxAnchorContentComponent], exports: [DbxAnchorComponent, DbxAnchorIconComponent, DbxLinkComponent, DbxAnchorContentComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouterAnchorModule, imports: [DBX_ROUTER_ANCHOR_COMPONENTS] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxRouterAnchorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouterAnchorModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, MatIconModule, MatButtonModule, DbxInjectionComponentModule],
-                    declarations: [DbxAnchorComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorContentComponent],
-                    exports: [DbxAnchorComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorContentComponent]
+                    imports: DBX_ROUTER_ANCHOR_COMPONENTS,
+                    exports: DBX_ROUTER_ANCHOR_COMPONENTS
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L2FuY2hvci9hbmNob3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBT3ZFLE1BQU0sT0FBTyxxQkFBcUI7d0dBQXJCLHFCQUFxQjt5R0FBckIscUJBQXFCLGlCQUhqQixrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsRUFBRSx5QkFBeUIsYUFEbEcsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsMkJBQTJCLGFBRXpFLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5Qjt5R0FFNUYscUJBQXFCLFlBSnRCLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLDJCQUEyQjs7NEZBSXhFLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSwyQkFBMkIsQ0FBQztvQkFDcEYsWUFBWSxFQUFFLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCLEVBQUUseUJBQXlCLENBQUM7b0JBQzdHLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5QixDQUFDO2lCQUN6RyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERieEluamVjdGlvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhBbmNob3JDb21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERieEFuY2hvckljb25Db21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgRGJ4QW5jaG9yTGlua0NvbXBvbmVudCB9IGZyb20gJy4vYW5jaG9yLmxpbmsuY29tcG9uZW50JztcbmltcG9ydCB7IERieEFuY2hvckNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5jb250ZW50LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEljb25Nb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZSwgRGJ4SW5qZWN0aW9uQ29tcG9uZW50TW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbRGJ4QW5jaG9yQ29tcG9uZW50LCBEYnhBbmNob3JJY29uQ29tcG9uZW50LCBEYnhBbmNob3JMaW5rQ29tcG9uZW50LCBEYnhBbmNob3JDb250ZW50Q29tcG9uZW50XSxcbiAgZXhwb3J0czogW0RieEFuY2hvckNvbXBvbmVudCwgRGJ4QW5jaG9ySWNvbkNvbXBvbmVudCwgRGJ4QW5jaG9yTGlua0NvbXBvbmVudCwgRGJ4QW5jaG9yQ29udGVudENvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4Um91dGVyQW5jaG9yTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L2FuY2hvci9hbmNob3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRXZFOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sNEJBQTRCLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxnQkFBZ0IsRUFBRSx5QkFBeUIsQ0FBQyxDQUFDO0FBRXRJOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8scUJBQXFCO3dHQUFyQixxQkFBcUI7eUdBQXJCLHFCQUFxQixZQVhXLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLGdCQUFnQixFQUFFLHlCQUF5QixhQUF2RixrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxnQkFBZ0IsRUFBRSx5QkFBeUI7eUdBV3ZILHFCQUFxQixZQUh2Qiw0QkFBNEI7OzRGQUcxQixxQkFBcUI7a0JBSmpDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLDRCQUE0QjtvQkFDckMsT0FBTyxFQUFFLDRCQUE0QjtpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4QW5jaG9yQ29tcG9uZW50IH0gZnJvbSAnLi9hbmNob3IuY29tcG9uZW50JztcbmltcG9ydCB7IERieEFuY2hvckljb25Db21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi9hbmNob3IubGluay5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4QW5jaG9yQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vYW5jaG9yLmNvbnRlbnQuY29tcG9uZW50JztcblxuLyoqXG4gKiBBbGwgc3RhbmRhbG9uZSBjb21wb25lbnRzIHJlbGF0ZWQgdG8gYW5jaG9ycyBhbmQgbGlua3MuXG4gKi9cbmV4cG9ydCBjb25zdCBEQlhfUk9VVEVSX0FOQ0hPUl9DT01QT05FTlRTID0gW0RieEFuY2hvckNvbXBvbmVudCwgRGJ4QW5jaG9ySWNvbkNvbXBvbmVudCwgRGJ4TGlua0NvbXBvbmVudCwgRGJ4QW5jaG9yQ29udGVudENvbXBvbmVudF07XG5cbi8qKlxuICogTW9kdWxlIHRoYXQgcHJvdmlkZXMgYW5jaG9yIGFuZCBsaW5rIGNvbXBvbmVudHMuXG4gKlxuICogQWxsIGNvbXBvbmVudHMgYXJlIG5vdyBzdGFuZGFsb25lLiBUaGlzIG1vZHVsZSBpcyBwcm92aWRlZCBmb3IgYmFja3dhcmQgY29tcGF0aWJpbGl0eS5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogREJYX1JPVVRFUl9BTkNIT1JfQ09NUE9ORU5UUyxcbiAgZXhwb3J0czogREJYX1JPVVRFUl9BTkNIT1JfQ09NUE9ORU5UU1xufSlcbmV4cG9ydCBjbGFzcyBEYnhSb3V0ZXJBbmNob3JNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/router/layout/anchor/anchor.segue.directive.mjs

@@ -1,26 +1,24 @@
-import { Directive, inject } from '@angular/core';
+import { computed, Directive, inject } from '@angular/core';
 import { distinctUntilChanged, shareReplay, map } from 'rxjs';
 import { DbxAnchorComponent } from './anchor.component';
+import { toSignal } from '@angular/core/rxjs-interop';
 import * as i0 from "@angular/core";
 /**
  * Abstract implementation
  */
 export class AbstractDbxSegueAnchorDirective {
     parent = inject(DbxAnchorComponent);
-    target$ = this.parent.target$;
-    ref$ = this.parent.anchor$.pipe(map((x) => x?.ref), distinctUntilChanged(), shareReplay(1));
-    refParams$ = this.parent.anchor$.pipe(map((x) => x?.refParams), distinctUntilChanged(), shareReplay(1));
-    refOptions$ = this.parent.anchor$.pipe(map((x) => x?.refOptions), distinctUntilChanged(), shareReplay(1));
-    template$ = this.parent.templateRef$.pipe(distinctUntilChanged(), map((templateRef) => ({
+    anchor$ = this.parent.anchor$;
+    templateConfig$ = this.parent.templateRef$.pipe(distinctUntilChanged(), map((templateRef) => ({
         templateRef
     })), shareReplay(1));
-    get anchor() {
-        return this.parent.anchor;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxSegueAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AbstractDbxSegueAnchorDirective, ngImport: i0 });
+    anchorSignal = toSignal(this.anchor$, { initialValue: undefined });
+    templateConfigSignal = toSignal(this.templateConfig$, { initialValue: undefined });
+    targetSignal = computed(() => this.anchorSignal()?.target);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxSegueAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxSegueAnchorDirective, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxSegueAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxSegueAnchorDirective, decorators: [{
             type: Directive
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLnNlZ3VlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L2FuY2hvci9hbmNob3Iuc2VndWUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBYyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQUV4RDs7R0FFRztBQUVILE1BQU0sT0FBZ0IsK0JBQStCO0lBQzFDLE1BQU0sR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUVwQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFFOUIsSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDdEMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQ2xCLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBQ08sVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDNUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQ3hCLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBQ08sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDN0MsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLEVBQ3pCLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBRU8sU0FBUyxHQUEyQyxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQ3hGLG9CQUFvQixFQUFFLEVBQ3RCLEdBQUcsQ0FBQyxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNwQixXQUFXO0tBQ1osQ0FBQyxDQUFDLEVBQ0gsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFFRixJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzVCLENBQUM7d0dBL0JtQiwrQkFBK0I7NEZBQS9CLCtCQUErQjs7NEZBQS9CLCtCQUErQjtrQkFEcEQsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhJbmplY3Rpb25UZW1wbGF0ZUNvbmZpZyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBzaGFyZVJlcGxheSwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEYnhBbmNob3JDb21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5jb21wb25lbnQnO1xuXG4vKipcbiAqIEFic3RyYWN0IGltcGxlbWVudGF0aW9uXG4gKi9cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0RGJ4U2VndWVBbmNob3JEaXJlY3RpdmUge1xuICByZWFkb25seSBwYXJlbnQgPSBpbmplY3QoRGJ4QW5jaG9yQ29tcG9uZW50KTtcblxuICByZWFkb25seSB0YXJnZXQkID0gdGhpcy5wYXJlbnQudGFyZ2V0JDtcblxuICByZWFkb25seSByZWYkID0gdGhpcy5wYXJlbnQuYW5jaG9yJC5waXBlKFxuICAgIG1hcCgoeCkgPT4geD8ucmVmKSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG4gIHJlYWRvbmx5IHJlZlBhcmFtcyQgPSB0aGlzLnBhcmVudC5hbmNob3IkLnBpcGUoXG4gICAgbWFwKCh4KSA9PiB4Py5yZWZQYXJhbXMpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcbiAgcmVhZG9ubHkgcmVmT3B0aW9ucyQgPSB0aGlzLnBhcmVudC5hbmNob3IkLnBpcGUoXG4gICAgbWFwKCh4KSA9PiB4Py5yZWZPcHRpb25zKSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgcmVhZG9ubHkgdGVtcGxhdGUkOiBPYnNlcnZhYmxlPERieEluamVjdGlvblRlbXBsYXRlQ29uZmlnPiA9IHRoaXMucGFyZW50LnRlbXBsYXRlUmVmJC5waXBlKFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgbWFwKCh0ZW1wbGF0ZVJlZikgPT4gKHtcbiAgICAgIHRlbXBsYXRlUmVmXG4gICAgfSkpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgZ2V0IGFuY2hvcigpIHtcbiAgICByZXR1cm4gdGhpcy5wYXJlbnQuYW5jaG9yO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLnNlZ3VlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L2FuY2hvci9hbmNob3Iuc2VndWUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU1RCxPQUFPLEVBQWMsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMxRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRXREOztHQUVHO0FBRUgsTUFBTSxPQUFnQiwrQkFBK0I7SUFDMUMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBRXBDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUM5QixlQUFlLEdBQTJDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksQ0FDOUYsb0JBQW9CLEVBQUUsRUFDdEIsR0FBRyxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3BCLFdBQVc7S0FDWixDQUFDLENBQUMsRUFDSCxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztJQUVPLFlBQVksR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ25FLG9CQUFvQixHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFFbkYsWUFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7d0dBZmhELCtCQUErQjs0RkFBL0IsK0JBQStCOzs0RkFBL0IsK0JBQStCO2tCQURwRCxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29tcHV0ZWQsIERpcmVjdGl2ZSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhJbmplY3Rpb25UZW1wbGF0ZUNvbmZpZyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBzaGFyZVJlcGxheSwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEYnhBbmNob3JDb21wb25lbnQgfSBmcm9tICcuL2FuY2hvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgdG9TaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbi8qKlxuICogQWJzdHJhY3QgaW1wbGVtZW50YXRpb25cbiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQWJzdHJhY3REYnhTZWd1ZUFuY2hvckRpcmVjdGl2ZSB7XG4gIHJlYWRvbmx5IHBhcmVudCA9IGluamVjdChEYnhBbmNob3JDb21wb25lbnQpO1xuXG4gIHJlYWRvbmx5IGFuY2hvciQgPSB0aGlzLnBhcmVudC5hbmNob3IkO1xuICByZWFkb25seSB0ZW1wbGF0ZUNvbmZpZyQ6IE9ic2VydmFibGU8RGJ4SW5qZWN0aW9uVGVtcGxhdGVDb25maWc+ID0gdGhpcy5wYXJlbnQudGVtcGxhdGVSZWYkLnBpcGUoXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICBtYXAoKHRlbXBsYXRlUmVmKSA9PiAoe1xuICAgICAgdGVtcGxhdGVSZWZcbiAgICB9KSksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBhbmNob3JTaWduYWwgPSB0b1NpZ25hbCh0aGlzLmFuY2hvciQsIHsgaW5pdGlhbFZhbHVlOiB1bmRlZmluZWQgfSk7XG4gIHJlYWRvbmx5IHRlbXBsYXRlQ29uZmlnU2lnbmFsID0gdG9TaWduYWwodGhpcy50ZW1wbGF0ZUNvbmZpZyQsIHsgaW5pdGlhbFZhbHVlOiB1bmRlZmluZWQgfSk7XG5cbiAgcmVhZG9ubHkgdGFyZ2V0U2lnbmFsID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5hbmNob3JTaWduYWwoKT8udGFyZ2V0KTtcbn1cbiJdfQ==

package/esm2022/lib/router/layout/anchorlist/anchorlist.component.mjs

@@ -1,35 +1,29 @@
-import { Input, Component } from '@angular/core';
-import { BehaviorSubject, map, shareReplay, distinctUntilChanged } from 'rxjs';
-import { expandClickableAnchorLinkTrees } from '@dereekb/dbx-core';
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { DbxInjectionComponent, expandClickableAnchorLinkTrees } from '@dereekb/dbx-core';
+import { DbxAnchorComponent } from '../anchor/anchor.component';
+import { MatListItem, MatListItemIcon, MatListItemLine, MatListItemTitle, MatNavList } from '@angular/material/list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatDivider } from '@angular/material/divider';
+import { NgClass } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@dereekb/dbx-core";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/list";
-import * as i5 from "@angular/material/divider";
-import * as i6 from "../anchor/anchor.component";
+import * as i1 from "@angular/material/icon";
 /**
  * Component that displays a list of ClickableAnchorLink values within a MatNavList.
  */
 export class DbxAnchorListComponent {
-    _anchors = new BehaviorSubject([]);
-    expandedAnchors$ = this._anchors.pipe(distinctUntilChanged(), map((x) => expandClickableAnchorLinkTrees(x).map((y) => {
-        y.classes = `${y.depth > 0 ? `dbx-anchor-list-child` : 'dbx-anchor-list-root'} dbx-anchor-list-depth-${y.depth}`;
-        return y;
-    })), shareReplay(1));
-    set anchors(anchors) {
-        this._anchors.next(anchors ?? []);
-    }
-    ngOnDestroy() {
-        this._anchors.complete();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: { anchors: "anchors" }, ngImport: i0, template: "<mat-nav-list class=\"dbx-anchor-list\">\n  <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last\">\n    <dbx-anchor [anchor]=\"expanded.value\" [ngClass]=\"expanded.classes\">\n      <a mat-list-item [disabled]=\"expanded.value.disabled\">\n        <mat-icon matListItemIcon *ngIf=\"expanded.value.icon\">{{ expanded.value.icon }}</mat-icon>\n        <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n        <div matListItemTitle>{{ expanded.value.title }}</div>\n        <div matListItemLine class=\"dbx-small\" *ngIf=\"expanded.value.hint\">{{ expanded.value.hint }}</div>\n        <dbx-injection *ngIf=\"expanded.value.content\" [config]=\"expanded.value.content\"></dbx-injection>\n      </a>\n      <mat-divider *ngIf=\"!last\"></mat-divider>\n    </dbx-anchor>\n  </ng-container>\n</mat-nav-list>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i4.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i6.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+    anchors = input.required({ transform: (x) => x ?? [] });
+    expandedAnchors = computed(() => {
+        const anchors = this.anchors();
+        return expandClickableAnchorLinkTrees(anchors).map((y) => {
+            y.classes = `${y.depth > 0 ? 'dbx-anchor-list-child' : 'dbx-anchor-list-root'} dbx-anchor-list-depth-${y.depth}`;
+            return y;
+        });
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxAnchorListComponent, isStandalone: true, selector: "dbx-anchor-list", inputs: { anchors: { classPropertyName: "anchors", publicName: "anchors", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-nav-list class=\"dbx-anchor-list\">\n  @for (expanded of expandedAnchors(); track $index; let last = $last) {\n    <dbx-anchor [anchor]=\"expanded.value\" [ngClass]=\"expanded.classes\">\n      <a mat-list-item [disabled]=\"expanded.value.disabled\">\n        @if (expanded.value.icon) {\n          <mat-icon matListItemIcon>{{ expanded.value.icon }}</mat-icon>\n        }\n        <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n        <div matListItemTitle>{{ expanded.value.title }}</div>\n        @if (expanded.value.hint) {\n          <div matListItemLine class=\"dbx-small\">{{ expanded.value.hint }}</div>\n        }\n        @if (expanded.value.content) {\n          <dbx-injection [config]=\"expanded.value.content\"></dbx-injection>\n        }\n      </a>\n      @if (!last) {\n        <mat-divider></mat-divider>\n      }\n    </dbx-anchor>\n  }\n</mat-nav-list>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxAnchorListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-anchor-list', template: "<mat-nav-list class=\"dbx-anchor-list\">\n  <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last\">\n    <dbx-anchor [anchor]=\"expanded.value\" [ngClass]=\"expanded.classes\">\n      <a mat-list-item [disabled]=\"expanded.value.disabled\">\n        <mat-icon matListItemIcon *ngIf=\"expanded.value.icon\">{{ expanded.value.icon }}</mat-icon>\n        <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n        <div matListItemTitle>{{ expanded.value.title }}</div>\n        <div matListItemLine class=\"dbx-small\" *ngIf=\"expanded.value.hint\">{{ expanded.value.hint }}</div>\n        <dbx-injection *ngIf=\"expanded.value.content\" [config]=\"expanded.value.content\"></dbx-injection>\n      </a>\n      <mat-divider *ngIf=\"!last\"></mat-divider>\n    </dbx-anchor>\n  </ng-container>\n</mat-nav-list>\n" }]
-        }], propDecorators: { anchors: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9ybGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvcm91dGVyL2xheW91dC9hbmNob3JsaXN0L2FuY2hvcmxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9ybGlzdC9hbmNob3JsaXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxlQUFlLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxvQkFBb0IsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUMzRixPQUFPLEVBQTRELDhCQUE4QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7Ozs7O0FBTzdIOztHQUVHO0FBS0gsTUFBTSxPQUFPLHNCQUFzQjtJQUN6QixRQUFRLEdBQUcsSUFBSSxlQUFlLENBQTRCLEVBQUUsQ0FBQyxDQUFDO0lBRTdELGdCQUFnQixHQUE4QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDdkYsb0JBQW9CLEVBQUUsRUFDdEIsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FDUiw4QkFBOEIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtRQUN6QyxDQUFpQyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsc0JBQXNCLDBCQUEwQixDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDbEosT0FBTyxDQUFnQyxDQUFDO0lBQzFDLENBQUMsQ0FBQyxDQUNILEVBQ0QsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFFRixJQUNJLE9BQU8sQ0FBQyxPQUF5QztRQUNuRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7d0dBckJVLHNCQUFzQjs0RkFBdEIsc0JBQXNCLHVGQ2hCbkMsMjFCQWNBOzs0RkRFYSxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQWtCdkIsT0FBTztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25EZXN0cm95LCBJbnB1dCwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIG1hcCwgc2hhcmVSZXBsYXksIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDbGlja2FibGVBbmNob3JMaW5rVHJlZSwgRXhwYW5kZWRDbGlja2FibGVBbmNob3JMaW5rVHJlZSwgZXhwYW5kQ2xpY2thYmxlQW5jaG9yTGlua1RyZWVzIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERieEFuY2hvckxpc3RFeHBhbmRlZEFuY2hvciBleHRlbmRzIEV4cGFuZGVkQ2xpY2thYmxlQW5jaG9yTGlua1RyZWUge1xuICBjbGFzc2VzOiBzdHJpbmc7XG59XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIENsaWNrYWJsZUFuY2hvckxpbmsgdmFsdWVzIHdpdGhpbiBhIE1hdE5hdkxpc3QuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1hbmNob3ItbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbmNob3JsaXN0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBEYnhBbmNob3JMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBfYW5jaG9ycyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Q2xpY2thYmxlQW5jaG9yTGlua1RyZWVbXT4oW10pO1xuXG4gIHJlYWRvbmx5IGV4cGFuZGVkQW5jaG9ycyQ6IE9ic2VydmFibGU8RGJ4QW5jaG9yTGlzdEV4cGFuZGVkQW5jaG9yW10+ID0gdGhpcy5fYW5jaG9ycy5waXBlKFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgbWFwKCh4KSA9PlxuICAgICAgZXhwYW5kQ2xpY2thYmxlQW5jaG9yTGlua1RyZWVzKHgpLm1hcCgoeSkgPT4ge1xuICAgICAgICAoeSBhcyBEYnhBbmNob3JMaXN0RXhwYW5kZWRBbmNob3IpLmNsYXNzZXMgPSBgJHt5LmRlcHRoID4gMCA/IGBkYngtYW5jaG9yLWxpc3QtY2hpbGRgIDogJ2RieC1hbmNob3ItbGlzdC1yb290J30gZGJ4LWFuY2hvci1saXN0LWRlcHRoLSR7eS5kZXB0aH1gO1xuICAgICAgICByZXR1cm4geSBhcyBEYnhBbmNob3JMaXN0RXhwYW5kZWRBbmNob3I7XG4gICAgICB9KVxuICAgICksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICBASW5wdXQoKVxuICBzZXQgYW5jaG9ycyhhbmNob3JzOiBNYXliZTxDbGlja2FibGVBbmNob3JMaW5rVHJlZVtdPikge1xuICAgIHRoaXMuX2FuY2hvcnMubmV4dChhbmNob3JzID8/IFtdKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2FuY2hvcnMuY29tcGxldGUoKTtcbiAgfVxufVxuIiwiPG1hdC1uYXYtbGlzdCBjbGFzcz1cImRieC1hbmNob3ItbGlzdFwiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBleHBhbmRlZCBvZiBleHBhbmRlZEFuY2hvcnMkIHwgYXN5bmM7IGxldCBsYXN0ID0gbGFzdFwiPlxuICAgIDxkYngtYW5jaG9yIFthbmNob3JdPVwiZXhwYW5kZWQudmFsdWVcIiBbbmdDbGFzc109XCJleHBhbmRlZC5jbGFzc2VzXCI+XG4gICAgICA8YSBtYXQtbGlzdC1pdGVtIFtkaXNhYmxlZF09XCJleHBhbmRlZC52YWx1ZS5kaXNhYmxlZFwiPlxuICAgICAgICA8bWF0LWljb24gbWF0TGlzdEl0ZW1JY29uICpuZ0lmPVwiZXhwYW5kZWQudmFsdWUuaWNvblwiPnt7IGV4cGFuZGVkLnZhbHVlLmljb24gfX08L21hdC1pY29uPlxuICAgICAgICA8IS0tIFRPRE86IEFkZCBhbiBpY29uIGZyb20gYSBsZXR0ZXIgaWYgYW5jaG9yLmljb24gaXMgdW5hdmFpbGFibGUuIC0tPlxuICAgICAgICA8ZGl2IG1hdExpc3RJdGVtVGl0bGU+e3sgZXhwYW5kZWQudmFsdWUudGl0bGUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBtYXRMaXN0SXRlbUxpbmUgY2xhc3M9XCJkYngtc21hbGxcIiAqbmdJZj1cImV4cGFuZGVkLnZhbHVlLmhpbnRcIj57eyBleHBhbmRlZC52YWx1ZS5oaW50IH19PC9kaXY+XG4gICAgICAgIDxkYngtaW5qZWN0aW9uICpuZ0lmPVwiZXhwYW5kZWQudmFsdWUuY29udGVudFwiIFtjb25maWddPVwiZXhwYW5kZWQudmFsdWUuY29udGVudFwiPjwvZGJ4LWluamVjdGlvbj5cbiAgICAgIDwvYT5cbiAgICAgIDxtYXQtZGl2aWRlciAqbmdJZj1cIiFsYXN0XCI+PC9tYXQtZGl2aWRlcj5cbiAgICA8L2RieC1hbmNob3I+XG4gIDwvbmctY29udGFpbmVyPlxuPC9tYXQtbmF2LWxpc3Q+XG4iXX0=
+            args: [{ selector: 'dbx-anchor-list', imports: [NgClass, MatNavList, MatListItem, MatListItemIcon, MatListItemLine, MatListItemTitle, MatIconModule, MatDivider, DbxAnchorComponent, DbxInjectionComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<mat-nav-list class=\"dbx-anchor-list\">\n  @for (expanded of expandedAnchors(); track $index; let last = $last) {\n    <dbx-anchor [anchor]=\"expanded.value\" [ngClass]=\"expanded.classes\">\n      <a mat-list-item [disabled]=\"expanded.value.disabled\">\n        @if (expanded.value.icon) {\n          <mat-icon matListItemIcon>{{ expanded.value.icon }}</mat-icon>\n        }\n        <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n        <div matListItemTitle>{{ expanded.value.title }}</div>\n        @if (expanded.value.hint) {\n          <div matListItemLine class=\"dbx-small\">{{ expanded.value.hint }}</div>\n        }\n        @if (expanded.value.content) {\n          <dbx-injection [config]=\"expanded.value.content\"></dbx-injection>\n        }\n      </a>\n      @if (!last) {\n        <mat-divider></mat-divider>\n      }\n    </dbx-anchor>\n  }\n</mat-nav-list>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9ybGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvcm91dGVyL2xheW91dC9hbmNob3JsaXN0L2FuY2hvcmxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9ybGlzdC9hbmNob3JsaXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQTJCLHFCQUFxQixFQUFtQyw4QkFBOEIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXBKLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNySCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBTTFDOztHQUVHO0FBUUgsTUFBTSxPQUFPLHNCQUFzQjtJQUN4QixPQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBOEQsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXJILGVBQWUsR0FBMEMsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUM5RSxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDL0IsT0FBTyw4QkFBOEIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN0RCxDQUErQyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsc0JBQXNCLDBCQUEwQixDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDaEssT0FBTyxDQUFnQyxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7d0dBVFEsc0JBQXNCOzRGQUF0QixzQkFBc0Isb05DdkJuQyw0NEJBc0JBLDRDREhZLE9BQU8sb0ZBQUUsVUFBVSxtRkFBRSxXQUFXLHFKQUFFLGVBQWUsOERBQUUsZUFBZSw4REFBRSxnQkFBZ0IsOERBQUUsYUFBYSxvTEFBRSxVQUFVLHVGQUFFLGtCQUFrQix3RkFBRSxxQkFBcUI7OzRGQUl6SixzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0UsaUJBQWlCLFdBRWxCLENBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLHFCQUFxQixDQUFDLG1CQUNwSix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIFNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xpY2thYmxlQW5jaG9yTGlua1RyZWUsIERieEluamVjdGlvbkNvbXBvbmVudCwgRXhwYW5kZWRDbGlja2FibGVBbmNob3JMaW5rVHJlZSwgZXhwYW5kQ2xpY2thYmxlQW5jaG9yTGlua1RyZWVzIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgQ29uZmlndXJhYmxlLCB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhBbmNob3JDb21wb25lbnQgfSBmcm9tICcuLi9hbmNob3IvYW5jaG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRMaXN0SXRlbSwgTWF0TGlzdEl0ZW1JY29uLCBNYXRMaXN0SXRlbUxpbmUsIE1hdExpc3RJdGVtVGl0bGUsIE1hdE5hdkxpc3QgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdERpdmlkZXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaXZpZGVyJztcbmltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIERieEFuY2hvckxpc3RFeHBhbmRlZEFuY2hvciBleHRlbmRzIEV4cGFuZGVkQ2xpY2thYmxlQW5jaG9yTGlua1RyZWUge1xuICByZWFkb25seSBjbGFzc2VzOiBzdHJpbmc7XG59XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIENsaWNrYWJsZUFuY2hvckxpbmsgdmFsdWVzIHdpdGhpbiBhIE1hdE5hdkxpc3QuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1hbmNob3ItbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbmNob3JsaXN0LmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW05nQ2xhc3MsIE1hdE5hdkxpc3QsIE1hdExpc3RJdGVtLCBNYXRMaXN0SXRlbUljb24sIE1hdExpc3RJdGVtTGluZSwgTWF0TGlzdEl0ZW1UaXRsZSwgTWF0SWNvbk1vZHVsZSwgTWF0RGl2aWRlciwgRGJ4QW5jaG9yQ29tcG9uZW50LCBEYnhJbmplY3Rpb25Db21wb25lbnRdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEYnhBbmNob3JMaXN0Q29tcG9uZW50IHtcbiAgcmVhZG9ubHkgYW5jaG9ycyA9IGlucHV0LnJlcXVpcmVkPENsaWNrYWJsZUFuY2hvckxpbmtUcmVlW10sIE1heWJlPENsaWNrYWJsZUFuY2hvckxpbmtUcmVlW10+Pih7IHRyYW5zZm9ybTogKHgpID0+IHggPz8gW10gfSk7XG5cbiAgcmVhZG9ubHkgZXhwYW5kZWRBbmNob3JzOiBTaWduYWw8RGJ4QW5jaG9yTGlzdEV4cGFuZGVkQW5jaG9yW10+ID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGFuY2hvcnMgPSB0aGlzLmFuY2hvcnMoKTtcbiAgICByZXR1cm4gZXhwYW5kQ2xpY2thYmxlQW5jaG9yTGlua1RyZWVzKGFuY2hvcnMpLm1hcCgoeSkgPT4ge1xuICAgICAgKHkgYXMgQ29uZmlndXJhYmxlPERieEFuY2hvckxpc3RFeHBhbmRlZEFuY2hvcj4pLmNsYXNzZXMgPSBgJHt5LmRlcHRoID4gMCA/ICdkYngtYW5jaG9yLWxpc3QtY2hpbGQnIDogJ2RieC1hbmNob3ItbGlzdC1yb290J30gZGJ4LWFuY2hvci1saXN0LWRlcHRoLSR7eS5kZXB0aH1gO1xuICAgICAgcmV0dXJuIHkgYXMgRGJ4QW5jaG9yTGlzdEV4cGFuZGVkQW5jaG9yO1xuICAgIH0pO1xuICB9KTtcbn1cbiIsIjxtYXQtbmF2LWxpc3QgY2xhc3M9XCJkYngtYW5jaG9yLWxpc3RcIj5cbiAgQGZvciAoZXhwYW5kZWQgb2YgZXhwYW5kZWRBbmNob3JzKCk7IHRyYWNrICRpbmRleDsgbGV0IGxhc3QgPSAkbGFzdCkge1xuICAgIDxkYngtYW5jaG9yIFthbmNob3JdPVwiZXhwYW5kZWQudmFsdWVcIiBbbmdDbGFzc109XCJleHBhbmRlZC5jbGFzc2VzXCI+XG4gICAgICA8YSBtYXQtbGlzdC1pdGVtIFtkaXNhYmxlZF09XCJleHBhbmRlZC52YWx1ZS5kaXNhYmxlZFwiPlxuICAgICAgICBAaWYgKGV4cGFuZGVkLnZhbHVlLmljb24pIHtcbiAgICAgICAgICA8bWF0LWljb24gbWF0TGlzdEl0ZW1JY29uPnt7IGV4cGFuZGVkLnZhbHVlLmljb24gfX08L21hdC1pY29uPlxuICAgICAgICB9XG4gICAgICAgIDwhLS0gVE9ETzogQWRkIGFuIGljb24gZnJvbSBhIGxldHRlciBpZiBhbmNob3IuaWNvbiBpcyB1bmF2YWlsYWJsZS4gLS0+XG4gICAgICAgIDxkaXYgbWF0TGlzdEl0ZW1UaXRsZT57eyBleHBhbmRlZC52YWx1ZS50aXRsZSB9fTwvZGl2PlxuICAgICAgICBAaWYgKGV4cGFuZGVkLnZhbHVlLmhpbnQpIHtcbiAgICAgICAgICA8ZGl2IG1hdExpc3RJdGVtTGluZSBjbGFzcz1cImRieC1zbWFsbFwiPnt7IGV4cGFuZGVkLnZhbHVlLmhpbnQgfX08L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGV4cGFuZGVkLnZhbHVlLmNvbnRlbnQpIHtcbiAgICAgICAgICA8ZGJ4LWluamVjdGlvbiBbY29uZmlnXT1cImV4cGFuZGVkLnZhbHVlLmNvbnRlbnRcIj48L2RieC1pbmplY3Rpb24+XG4gICAgICAgIH1cbiAgICAgIDwvYT5cbiAgICAgIEBpZiAoIWxhc3QpIHtcbiAgICAgICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XG4gICAgICB9XG4gICAgPC9kYngtYW5jaG9yPlxuICB9XG48L21hdC1uYXYtbGlzdD5cbiJdfQ==