@dereekb/dbx-web 1.0.0 → 2.0.0

package/esm2020/lib/layout/style/style.layout.module.mjs

@@ -7,18 +7,18 @@ import { DbxStyleBodyDirective } from './style.body.directive';
 import * as i0 from "@angular/core";
 export class DbxStyleLayoutModule {
 }
-DbxStyleLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxStyleLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, declarations: [DbxSpacerDirective,
+DbxStyleLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxStyleLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, declarations: [DbxSpacerDirective,
         DbxStyleDirective,
         DbxSetStyleDirective,
         DbxStyleBodyDirective], imports: [CommonModule], exports: [DbxSpacerDirective,
         DbxStyleDirective,
         DbxSetStyleDirective,
         DbxStyleBodyDirective] });
-DbxStyleLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, imports: [[
+DbxStyleLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/layout/style/style.service.mjs

@@ -60,9 +60,9 @@ export class DbxStyleService {
         this._config.complete();
     }
 }
-DbxStyleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleService, deps: [{ token: DBX_STYLE_DEFAULT_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxStyleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleService, decorators: [{
+DbxStyleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleService, deps: [{ token: DBX_STYLE_DEFAULT_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxStyleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/layout/style/style.set.directive.mjs

@@ -49,9 +49,9 @@ export class DbxSetStyleDirective extends AbstractSubscriptionDirective {
         this._suffixes.next(suffixes);
     }
 }
-DbxSetStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSetStyleDirective, deps: [{ token: i1.DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxSetStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxSetStyleDirective, selector: "[dbxSetStyle]", inputs: { style: ["dbxSetStyle", "style"], suffixes: "suffixes" }, host: { properties: { "class": "outputStyle" }, classAttribute: "dbx-style-root" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSetStyleDirective, decorators: [{
+DbxSetStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSetStyleDirective, deps: [{ token: i1.DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxSetStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxSetStyleDirective, selector: "[dbxSetStyle]", inputs: { style: ["dbxSetStyle", "style"], suffixes: "suffixes" }, host: { properties: { "class": "outputStyle" }, classAttribute: "dbx-style-root" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSetStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxSetStyle]',

package/esm2020/lib/layout/text/hint.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxHintComponent {
 }
-DbxHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxHintComponent, selector: "dbx-hint", host: { classAttribute: "dbx-hint" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxHintComponent, decorators: [{
+DbxHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxHintComponent, selector: "dbx-hint", host: { classAttribute: "dbx-hint" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxHintComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-hint',

package/esm2020/lib/layout/text/icon.spacer.component.mjs

@@ -0,0 +1,19 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Icon spacer directive.
+ */
+export class DbxIconSpacerDirective {
+}
+DbxIconSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIconSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxIconSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxIconSpacerDirective, selector: "dbx-icon-spacer,dbxIconSpacer", host: { classAttribute: "dbx-icon-spacer d-inline" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIconSpacerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'dbx-icon-spacer,dbxIconSpacer',
+                    host: {
+                        class: 'dbx-icon-spacer d-inline'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5zcGFjZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC90ZXh0L2ljb24uc3BhY2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7R0FFRztBQU9ILE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7dUdBQXRCLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQU5sQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwrQkFBK0I7b0JBQ3pDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsMEJBQTBCO3FCQUNsQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEljb24gc3BhY2VyIGRpcmVjdGl2ZS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnZGJ4LWljb24tc3BhY2VyLGRieEljb25TcGFjZXInLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkYngtaWNvbi1zcGFjZXIgZC1pbmxpbmUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4SWNvblNwYWNlckRpcmVjdGl2ZSB7IH1cbiJdfQ==

package/esm2020/lib/layout/text/index.mjs

@@ -1,4 +1,5 @@
 export * from './hint.component';
+export * from './icon.spacer.component';
 export * from './label.component';
 export * from './linkify.component';
 export * from './note.component';
@@ -8,4 +9,4 @@ export * from './success.component';
 export * from './text.chips.component';
 export * from './text.module';
 export * from './warn.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3RleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2hpbnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGFiZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGlua2lmeS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9ub3RlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL25vdGljZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9vay5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWNjZXNzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQuY2hpcHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi93YXJuLmNvbXBvbmVudCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3RleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vaGludC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9pY29uLnNwYWNlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9sYWJlbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saW5raWZ5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL25vdGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbm90aWNlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL29rLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1Y2Nlc3MuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dC5jaGlwcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90ZXh0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3dhcm4uY29tcG9uZW50JztcbiJdfQ==

package/esm2020/lib/layout/text/label.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxLabelComponent {
 }
-DbxLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLabelComponent, selector: "dbx-label", host: { classAttribute: "dbx-label" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLabelComponent, decorators: [{
+DbxLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLabelComponent, selector: "dbx-label", host: { classAttribute: "dbx-label" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-label',

package/esm2020/lib/layout/text/linkify.component.mjs

@@ -33,9 +33,9 @@ export class DbxLinkifyComponent {
         this._text.next(text);
     }
 }
-DbxLinkifyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLinkifyComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-DbxLinkifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLinkifyComponent, selector: "dbx-linkify", inputs: { text: "text" }, ngImport: i0, template: `<span class="dbx-linkify" [innerHTML]="linkifiedBody$ | async"></span>`, isInline: true, pipes: { "async": i2.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLinkifyComponent, decorators: [{
+DbxLinkifyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLinkifyComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+DbxLinkifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLinkifyComponent, selector: "dbx-linkify", inputs: { text: "text" }, ngImport: i0, template: `<span class="dbx-linkify" [innerHTML]="linkifiedBody$ | async"></span>`, isInline: true, pipes: { "async": i2.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLinkifyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-linkify',

package/esm2020/lib/layout/text/note.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxNoteComponent {
 }
-DbxNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxNoteComponent, selector: "dbx-note", host: { classAttribute: "dbx-note" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoteComponent, decorators: [{
+DbxNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxNoteComponent, selector: "dbx-note", host: { classAttribute: "dbx-note" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-note',

package/esm2020/lib/layout/text/notice.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxNoticeComponent {
 }
-DbxNoticeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxNoticeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxNoticeComponent, selector: "dbx-notice", host: { classAttribute: "dbx-notice" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoticeComponent, decorators: [{
+DbxNoticeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxNoticeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxNoticeComponent, selector: "dbx-notice", host: { classAttribute: "dbx-notice" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoticeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-notice',

package/esm2020/lib/layout/text/ok.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxOkComponent {
 }
-DbxOkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxOkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxOkComponent, selector: "dbx-ok", host: { classAttribute: "dbx-ok" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOkComponent, decorators: [{
+DbxOkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxOkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxOkComponent, selector: "dbx-ok", host: { classAttribute: "dbx-ok" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-ok',

package/esm2020/lib/layout/text/success.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxSuccessComponent {
 }
-DbxSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSuccessComponent, selector: "dbx-success", host: { classAttribute: "dbx-success" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSuccessComponent, decorators: [{
+DbxSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSuccessComponent, selector: "dbx-success", host: { classAttribute: "dbx-success" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSuccessComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-success',

package/esm2020/lib/layout/text/text.chips.component.mjs

@@ -5,15 +5,15 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/tooltip";
 export class DbxTextChipsComponent {
 }
-DbxTextChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxTextChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxTextChipsComponent, selector: "dbx-text-chips", inputs: { chips: "chips" }, ngImport: i0, template: `
+DbxTextChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxTextChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTextChipsComponent, selector: "dbx-text-chips", inputs: { chips: "chips" }, ngImport: i0, template: `
   <mat-chip-list *ngIf="chips" [multiple]="false">
     <mat-chip *ngFor="let chip of chips" selected [color]="chip.color" [matTooltip]="chip.tooltip!" matTooltipPosition="above">
       {{chip.text}}
     </mat-chip>
   </mat-chip-list>
   `, isInline: true, components: [{ type: i1.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextChipsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextChipsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-text-chips',

package/esm2020/lib/layout/text/text.module.mjs

@@ -4,6 +4,7 @@ import { MatChipsModule } from '@angular/material/chips';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DbxHintComponent } from './hint.component';
+import { DbxIconSpacerDirective } from './icon.spacer.component';
 import { DbxLabelComponent } from './label.component';
 import { DbxLinkifyComponent } from './linkify.component';
 import { DbxNoteComponent } from './note.component';
@@ -15,8 +16,8 @@ import { DbxWarnComponent } from './warn.component';
 import * as i0 from "@angular/core";
 export class DbxTextModule {
 }
-DbxTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, declarations: [DbxNoteComponent,
+DbxTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, declarations: [DbxNoteComponent,
         DbxNoticeComponent,
         DbxSuccessComponent,
         DbxWarnComponent,
@@ -24,7 +25,8 @@ DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         DbxLabelComponent,
         DbxLinkifyComponent,
         DbxOkComponent,
-        DbxTextChipsComponent], imports: [CommonModule,
+        DbxTextChipsComponent,
+        DbxIconSpacerDirective], imports: [CommonModule,
         MatChipsModule,
         MatTooltipModule,
         MatIconModule], exports: [DbxNoteComponent,
@@ -35,14 +37,15 @@ DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         DbxLabelComponent,
         DbxLinkifyComponent,
         DbxOkComponent,
-        DbxTextChipsComponent] });
-DbxTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, imports: [[
+        DbxTextChipsComponent,
+        DbxIconSpacerDirective] });
+DbxTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, imports: [[
             CommonModule,
             MatChipsModule,
             MatTooltipModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -60,7 +63,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                         DbxLabelComponent,
                         DbxLinkifyComponent,
                         DbxOkComponent,
-                        DbxTextChipsComponent
+                        DbxTextChipsComponent,
+                        DbxIconSpacerDirective
                     ],
                     exports: [
                         DbxNoteComponent,
@@ -71,8 +75,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                         DbxLabelComponent,
                         DbxLinkifyComponent,
                         DbxOkComponent,
-                        DbxTextChipsComponent
+                        DbxTextChipsComponent,
+                        DbxIconSpacerDirective
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3RleHQvdGV4dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBZ0NwRCxNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTsyR0FBYixhQUFhLGlCQXRCdEIsZ0JBQWdCO1FBQ2hCLGtCQUFrQjtRQUNsQixtQkFBbUI7UUFDbkIsZ0JBQWdCO1FBQ2hCLGdCQUFnQjtRQUNoQixpQkFBaUI7UUFDakIsbUJBQW1CO1FBQ25CLGNBQWM7UUFDZCxxQkFBcUIsYUFkckIsWUFBWTtRQUNaLGNBQWM7UUFDZCxnQkFBZ0I7UUFDaEIsYUFBYSxhQWNiLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsbUJBQW1CO1FBQ25CLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIsaUJBQWlCO1FBQ2pCLG1CQUFtQjtRQUNuQixjQUFjO1FBQ2QscUJBQXFCOzJHQUdaLGFBQWEsWUE3QmY7WUFDUCxZQUFZO1lBQ1osY0FBYztZQUNkLGdCQUFnQjtZQUNoQixhQUFhO1NBQ2Q7MkZBd0JVLGFBQWE7a0JBOUJ6QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixhQUFhO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLGlCQUFpQjt3QkFDakIsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgRGJ4SGludENvbXBvbmVudCB9IGZyb20gJy4vaGludC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4TGFiZWxDb21wb25lbnQgfSBmcm9tICcuL2xhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhMaW5raWZ5Q29tcG9uZW50IH0gZnJvbSAnLi9saW5raWZ5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhOb3RlQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhOb3RpY2VDb21wb25lbnQgfSBmcm9tICcuL25vdGljZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4T2tDb21wb25lbnQgfSBmcm9tICcuL29rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhTdWNjZXNzQ29tcG9uZW50IH0gZnJvbSAnLi9zdWNjZXNzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhUZXh0Q2hpcHNDb21wb25lbnQgfSBmcm9tICcuL3RleHQuY2hpcHMuY29tcG9uZW50JztcbmltcG9ydCB7IERieFdhcm5Db21wb25lbnQgfSBmcm9tICcuL3dhcm4uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRDaGlwc01vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGJ4Tm90ZUNvbXBvbmVudCxcbiAgICBEYnhOb3RpY2VDb21wb25lbnQsXG4gICAgRGJ4U3VjY2Vzc0NvbXBvbmVudCxcbiAgICBEYnhXYXJuQ29tcG9uZW50LFxuICAgIERieEhpbnRDb21wb25lbnQsXG4gICAgRGJ4TGFiZWxDb21wb25lbnQsXG4gICAgRGJ4TGlua2lmeUNvbXBvbmVudCxcbiAgICBEYnhPa0NvbXBvbmVudCxcbiAgICBEYnhUZXh0Q2hpcHNDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERieE5vdGVDb21wb25lbnQsXG4gICAgRGJ4Tm90aWNlQ29tcG9uZW50LFxuICAgIERieFN1Y2Nlc3NDb21wb25lbnQsXG4gICAgRGJ4V2FybkNvbXBvbmVudCxcbiAgICBEYnhIaW50Q29tcG9uZW50LFxuICAgIERieExhYmVsQ29tcG9uZW50LFxuICAgIERieExpbmtpZnlDb21wb25lbnQsXG4gICAgRGJ4T2tDb21wb25lbnQsXG4gICAgRGJ4VGV4dENoaXBzQ29tcG9uZW50XG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERieFRleHRNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3RleHQvdGV4dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBa0NwRCxNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTsyR0FBYixhQUFhLGlCQXhCdEIsZ0JBQWdCO1FBQ2hCLGtCQUFrQjtRQUNsQixtQkFBbUI7UUFDbkIsZ0JBQWdCO1FBQ2hCLGdCQUFnQjtRQUNoQixpQkFBaUI7UUFDakIsbUJBQW1CO1FBQ25CLGNBQWM7UUFDZCxxQkFBcUI7UUFDckIsc0JBQXNCLGFBZnRCLFlBQVk7UUFDWixjQUFjO1FBQ2QsZ0JBQWdCO1FBQ2hCLGFBQWEsYUFlYixnQkFBZ0I7UUFDaEIsa0JBQWtCO1FBQ2xCLG1CQUFtQjtRQUNuQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLGlCQUFpQjtRQUNqQixtQkFBbUI7UUFDbkIsY0FBYztRQUNkLHFCQUFxQjtRQUNyQixzQkFBc0I7MkdBR2IsYUFBYSxZQS9CZjtZQUNQLFlBQVk7WUFDWixjQUFjO1lBQ2QsZ0JBQWdCO1lBQ2hCLGFBQWE7U0FDZDsyRkEwQlUsYUFBYTtrQkFoQ3pCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLGFBQWE7cUJBQ2Q7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsY0FBYzt3QkFDZCxxQkFBcUI7d0JBQ3JCLHNCQUFzQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsY0FBYzt3QkFDZCxxQkFBcUI7d0JBQ3JCLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgRGJ4SGludENvbXBvbmVudCB9IGZyb20gJy4vaGludC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4SWNvblNwYWNlckRpcmVjdGl2ZSB9IGZyb20gJy4vaWNvbi5zcGFjZXIuY29tcG9uZW50JztcbmltcG9ydCB7IERieExhYmVsQ29tcG9uZW50IH0gZnJvbSAnLi9sYWJlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4TGlua2lmeUNvbXBvbmVudCB9IGZyb20gJy4vbGlua2lmeS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4Tm90ZUNvbXBvbmVudCB9IGZyb20gJy4vbm90ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4Tm90aWNlQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpY2UuY29tcG9uZW50JztcbmltcG9ydCB7IERieE9rQ29tcG9uZW50IH0gZnJvbSAnLi9vay5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4U3VjY2Vzc0NvbXBvbmVudCB9IGZyb20gJy4vc3VjY2Vzcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4VGV4dENoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi90ZXh0LmNoaXBzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhXYXJuQ29tcG9uZW50IH0gZnJvbSAnLi93YXJuLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0Q2hpcHNNb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERieE5vdGVDb21wb25lbnQsXG4gICAgRGJ4Tm90aWNlQ29tcG9uZW50LFxuICAgIERieFN1Y2Nlc3NDb21wb25lbnQsXG4gICAgRGJ4V2FybkNvbXBvbmVudCxcbiAgICBEYnhIaW50Q29tcG9uZW50LFxuICAgIERieExhYmVsQ29tcG9uZW50LFxuICAgIERieExpbmtpZnlDb21wb25lbnQsXG4gICAgRGJ4T2tDb21wb25lbnQsXG4gICAgRGJ4VGV4dENoaXBzQ29tcG9uZW50LFxuICAgIERieEljb25TcGFjZXJEaXJlY3RpdmVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERieE5vdGVDb21wb25lbnQsXG4gICAgRGJ4Tm90aWNlQ29tcG9uZW50LFxuICAgIERieFN1Y2Nlc3NDb21wb25lbnQsXG4gICAgRGJ4V2FybkNvbXBvbmVudCxcbiAgICBEYnhIaW50Q29tcG9uZW50LFxuICAgIERieExhYmVsQ29tcG9uZW50LFxuICAgIERieExpbmtpZnlDb21wb25lbnQsXG4gICAgRGJ4T2tDb21wb25lbnQsXG4gICAgRGJ4VGV4dENoaXBzQ29tcG9uZW50LFxuICAgIERieEljb25TcGFjZXJEaXJlY3RpdmVcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VGV4dE1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/lib/layout/text/warn.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxWarnComponent {
 }
-DbxWarnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWarnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxWarnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxWarnComponent, selector: "dbx-warn", host: { classAttribute: "dbx-warn" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWarnComponent, decorators: [{
+DbxWarnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWarnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxWarnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxWarnComponent, selector: "dbx-warn", host: { classAttribute: "dbx-warn" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWarnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-warn',

package/esm2020/lib/loading/basic-loading.component.mjs

@@ -85,9 +85,9 @@ export class DbxBasicLoadingComponent {
         }, 0);
     }
 }
-DbxBasicLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBasicLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxBasicLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: { diameter: "diameter", mode: "mode", color: "color", text: "text", linear: "linear", show: "show", loading: "loading", error: "error" }, viewQueries: [{ propertyName: "customErrorContent", first: true, predicate: ["customError"], descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: ["customLoading"], descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"state$ | async\">\n  <ng-container *ngSwitchCase=\"0\">\n    <!-- Loading -->\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <!-- Content -->\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"2\">\n    <!-- Error -->\n    <ng-container *ngTemplateOutlet=\"errorTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadingTemplate>\n  <dbx-loading-progress *ngIf=\"hasNoCustomLoading$ | async\" [mode]=\"mode\" [color]=\"color\" [text]=\"text\"\n    [linear]=\"linear\" [diameter]=\"diameter\"></dbx-loading-progress>\n  <div #customLoading>\n    <ng-content select=\"[loading]\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #errorTemplate>\n  <dbx-error *ngIf=\"hasNoCustomError$ | async\" [error]=\"error$ | async\"></dbx-error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-content select=\"[errorAction]\"></ng-content>\n</ng-template>\n", components: [{ type: i1.DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: ["text", "linear", "mode", "color", "value", "bufferValue", "diameter"] }, { type: i2.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBasicLoadingComponent, decorators: [{
+DbxBasicLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBasicLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxBasicLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: { diameter: "diameter", mode: "mode", color: "color", text: "text", linear: "linear", show: "show", loading: "loading", error: "error" }, viewQueries: [{ propertyName: "customErrorContent", first: true, predicate: ["customError"], descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: ["customLoading"], descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"state$ | async\">\n  <ng-container *ngSwitchCase=\"0\">\n    <!-- Loading -->\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <!-- Content -->\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"2\">\n    <!-- Error -->\n    <ng-container *ngTemplateOutlet=\"errorTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadingTemplate>\n  <dbx-loading-progress *ngIf=\"hasNoCustomLoading$ | async\" [mode]=\"mode\" [color]=\"color\" [text]=\"text\"\n    [linear]=\"linear\" [diameter]=\"diameter\"></dbx-loading-progress>\n  <div #customLoading>\n    <ng-content select=\"[loading]\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #errorTemplate>\n  <dbx-error *ngIf=\"hasNoCustomError$ | async\" [error]=\"error$ | async\"></dbx-error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-content select=\"[errorAction]\"></ng-content>\n</ng-template>\n", components: [{ type: i1.DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: ["text", "linear", "mode", "color", "value", "bufferValue", "diameter"] }, { type: i2.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBasicLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-basic-loading', template: "<ng-container [ngSwitch]=\"state$ | async\">\n  <ng-container *ngSwitchCase=\"0\">\n    <!-- Loading -->\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <!-- Content -->\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"2\">\n    <!-- Error -->\n    <ng-container *ngTemplateOutlet=\"errorTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadingTemplate>\n  <dbx-loading-progress *ngIf=\"hasNoCustomLoading$ | async\" [mode]=\"mode\" [color]=\"color\" [text]=\"text\"\n    [linear]=\"linear\" [diameter]=\"diameter\"></dbx-loading-progress>\n  <div #customLoading>\n    <ng-content select=\"[loading]\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #errorTemplate>\n  <dbx-error *ngIf=\"hasNoCustomError$ | async\" [error]=\"error$ | async\"></dbx-error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-content select=\"[errorAction]\"></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { diameter: [{

package/esm2020/lib/loading/index.mjs

@@ -1,5 +1,6 @@
 export * from './basic-loading.component';
 export * from './loading-progress.component';
+export * from './loading.action.directive';
 export * from './loading.component';
 export * from './loading.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYXNpYy1sb2FkaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRpbmctcHJvZ3Jlc3MuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbG9hZGluZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9sb2FkaW5nLm1vZHVsZSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Jhc2ljLWxvYWRpbmcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbG9hZGluZy1wcm9ncmVzcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9sb2FkaW5nLmFjdGlvbi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9sb2FkaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRpbmcubW9kdWxlJztcbiJdfQ==

package/esm2020/lib/loading/loading-progress.component.mjs

@@ -27,8 +27,8 @@ export class DbxLoadingProgressComponent {
         return this.mode;
     }
 }
-DbxLoadingProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxLoadingProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: { text: "text", linear: "linear", mode: "mode", color: "color", value: "value", bufferValue: "bufferValue", diameter: "diameter" }, ngImport: i0, template: `
+DbxLoadingProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxLoadingProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: { text: "text", linear: "linear", mode: "mode", color: "color", value: "value", bufferValue: "bufferValue", diameter: "diameter" }, ngImport: i0, template: `
   <div class="loading-progress-view">
     <ng-container [ngSwitch]="linear">
       <mat-progress-bar *ngSwitchCase="true" [mode]="bmode" [color]="color" [bufferValue]="bufferValue" [value]="value" style="margin: auto;"></mat-progress-bar>
@@ -37,7 +37,7 @@ DbxLoadingProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
     <div *ngIf="text" class="hint">{{ text }}</div>
   </div>
   `, isInline: true, components: [{ type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i2.MatProgressSpinner, selector: "mat-progress-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingProgressComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-loading-progress',

package/esm2020/lib/loading/loading.action.directive.mjs

@@ -0,0 +1,37 @@
+import { DbxActionContextStoreSourceInstance } from '@dereekb/dbx-core';
+import { Directive, Host } from '@angular/core';
+import { LoadingStateContextInstance } from '@dereekb/rxjs';
+import { DbxLoadingComponent } from './loading.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./loading.component";
+import * as i2 from "@dereekb/dbx-core";
+/**
+ * Context used for linking a loadingComponent to an ActionContext by providing a LoadingContext.
+ */
+export class DbxActionLoadingContextDirective {
+    constructor(loadingComponent, source) {
+        this.loadingComponent = loadingComponent;
+        this.source = source;
+        this._context = new LoadingStateContextInstance({ obs: this.source.loadingState$ });
+    }
+    get context() {
+        return this._context;
+    }
+    ngOnInit() {
+        this.loadingComponent.context = this._context;
+    }
+    ngOnDestroy() {
+        this._context.destroy();
+    }
+}
+DbxActionLoadingContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionLoadingContextDirective, deps: [{ token: i1.DbxLoadingComponent, host: true }, { token: i2.DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionLoadingContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionLoadingContextDirective, selector: "[dbxActionLoadingContext]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionLoadingContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionLoadingContext]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbxLoadingComponent, decorators: [{
+                    type: Host
+                }] }, { type: i2.DbxActionContextStoreSourceInstance }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5hY3Rpb24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xvYWRpbmcvbG9hZGluZy5hY3Rpb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFFMUQ7O0dBRUc7QUFJSCxNQUFNLE9BQU8sZ0NBQWdDO0lBSTNDLFlBQTZCLGdCQUFxQyxFQUFXLE1BQTJDO1FBQTNGLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBcUI7UUFBVyxXQUFNLEdBQU4sTUFBTSxDQUFxQztRQUZoSCxhQUFRLEdBQUcsSUFBSSwyQkFBMkIsQ0FBQyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFFcUMsQ0FBQztJQUU3SCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDaEQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzFCLENBQUM7OzZIQWhCVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQzsyRkFBaEMsZ0NBQWdDO2tCQUg1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7aUJBQ3RDOzswQkFLYyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGJ4QWN0aW9uQ29udGV4dFN0b3JlU291cmNlSW5zdGFuY2UgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3QsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMb2FkaW5nU3RhdGVDb250ZXh0SW5zdGFuY2UgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IERieExvYWRpbmdDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmcuY29tcG9uZW50JztcblxuLyoqXG4gKiBDb250ZXh0IHVzZWQgZm9yIGxpbmtpbmcgYSBsb2FkaW5nQ29tcG9uZW50IHRvIGFuIEFjdGlvbkNvbnRleHQgYnkgcHJvdmlkaW5nIGEgTG9hZGluZ0NvbnRleHQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYnhBY3Rpb25Mb2FkaW5nQ29udGV4dF0nXG59KVxuZXhwb3J0IGNsYXNzIERieEFjdGlvbkxvYWRpbmdDb250ZXh0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgX2NvbnRleHQgPSBuZXcgTG9hZGluZ1N0YXRlQ29udGV4dEluc3RhbmNlKHsgb2JzOiB0aGlzLnNvdXJjZS5sb2FkaW5nU3RhdGUkIH0pO1xuXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgcmVhZG9ubHkgbG9hZGluZ0NvbXBvbmVudDogRGJ4TG9hZGluZ0NvbXBvbmVudCwgcmVhZG9ubHkgc291cmNlOiBEYnhBY3Rpb25Db250ZXh0U3RvcmVTb3VyY2VJbnN0YW5jZSkgeyB9XG5cbiAgZ2V0IGNvbnRleHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2NvbnRleHQ7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWRpbmdDb21wb25lbnQuY29udGV4dCA9IHRoaXMuX2NvbnRleHQ7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9jb250ZXh0LmRlc3Ryb3koKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/loading/loading.component.mjs

@@ -51,8 +51,8 @@ export class DbxLoadingComponent {
         this._inputError.next(error);
     }
 }
-DbxLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLoadingComponent, selector: "dbx-loading", inputs: { show: "show", text: "text", mode: "mode", color: "color", diameter: "diameter", linear: "linear", context: "context", loading: "loading", error: "error" }, ngImport: i0, template: `
+DbxLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLoadingComponent, selector: "dbx-loading", inputs: { show: "show", text: "text", mode: "mode", color: "color", diameter: "diameter", linear: "linear", context: "context", loading: "loading", error: "error" }, ngImport: i0, template: `
   <dbx-basic-loading [show]="show" [color]="color" [text]="text" [mode]="mode" [linear]="linear" [diameter]="diameter" [error]="error$ | async" [loading]="loading$ | async">
     <ng-content loading select="[loading]"></ng-content>
     <ng-content></ng-content>
@@ -60,7 +60,7 @@ DbxLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
     <ng-content errorAction select="[errorAction]"></ng-content>
   </dbx-basic-loading>
   `, isInline: true, components: [{ type: i1.DbxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: ["diameter", "mode", "color", "text", "linear", "show", "loading", "error"] }], pipes: { "async": i2.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-loading',

package/esm2020/lib/loading/loading.module.mjs

@@ -6,28 +6,31 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { DbxLoadingComponent } from './loading.component';
 import { DbxReadableErrorModule } from '../error';
+import { DbxActionLoadingContextDirective } from './loading.action.directive';
 import * as i0 from "@angular/core";
 export class DbxLoadingModule {
 }
-DbxLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, declarations: [DbxLoadingComponent,
+DbxLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, declarations: [DbxLoadingComponent,
         DbxBasicLoadingComponent,
-        DbxLoadingProgressComponent], imports: [CommonModule,
+        DbxLoadingProgressComponent,
+        DbxActionLoadingContextDirective], imports: [CommonModule,
         DbxReadableErrorModule,
         MatProgressSpinnerModule,
         MatProgressBarModule], exports: [DbxLoadingComponent,
         DbxBasicLoadingComponent,
         DbxLoadingProgressComponent,
         MatProgressSpinnerModule,
-        MatProgressBarModule] });
-DbxLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, imports: [[
+        MatProgressBarModule,
+        DbxActionLoadingContextDirective] });
+DbxLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, imports: [[
             CommonModule,
             DbxReadableErrorModule,
             MatProgressSpinnerModule,
             MatProgressBarModule
         ], MatProgressSpinnerModule,
         MatProgressBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -39,15 +42,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                     declarations: [
                         DbxLoadingComponent,
                         DbxBasicLoadingComponent,
-                        DbxLoadingProgressComponent
+                        DbxLoadingProgressComponent,
+                        DbxActionLoadingContextDirective
                     ],
                     exports: [
                         DbxLoadingComponent,
                         DbxBasicLoadingComponent,
                         DbxLoadingProgressComponent,
                         MatProgressSpinnerModule,
-                        MatProgressBarModule
+                        MatProgressBarModule,
+                        DbxActionLoadingContextDirective
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9sb2FkaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBc0JsRCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBWnpCLG1CQUFtQjtRQUNuQix3QkFBd0I7UUFDeEIsMkJBQTJCLGFBUjNCLFlBQVk7UUFDWixzQkFBc0I7UUFDdEIsd0JBQXdCO1FBQ3hCLG9CQUFvQixhQVFwQixtQkFBbUI7UUFDbkIsd0JBQXdCO1FBQ3hCLDJCQUEyQjtRQUMzQix3QkFBd0I7UUFDeEIsb0JBQW9COzhHQUdYLGdCQUFnQixZQW5CbEI7WUFDUCxZQUFZO1lBQ1osc0JBQXNCO1lBQ3RCLHdCQUF3QjtZQUN4QixvQkFBb0I7U0FDckIsRUFVQyx3QkFBd0I7UUFDeEIsb0JBQW9COzJGQUdYLGdCQUFnQjtrQkFwQjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3dCQUN0Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjtxQkFDckI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7cUJBQzVCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsMkJBQTJCO3dCQUMzQix3QkFBd0I7d0JBQ3hCLG9CQUFvQjtxQkFDckI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieEJhc2ljTG9hZGluZ0NvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtbG9hZGluZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4TG9hZGluZ1Byb2dyZXNzQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkaW5nLXByb2dyZXNzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLWJhcic7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcbmltcG9ydCB7IERieExvYWRpbmdDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmcuY29tcG9uZW50JztcbmltcG9ydCB7IERieFJlYWRhYmxlRXJyb3JNb2R1bGUgfSBmcm9tICcuLi9lcnJvcic7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGJ4UmVhZGFibGVFcnJvck1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NCYXJNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGJ4TG9hZGluZ0NvbXBvbmVudCxcbiAgICBEYnhCYXNpY0xvYWRpbmdDb21wb25lbnQsXG4gICAgRGJ4TG9hZGluZ1Byb2dyZXNzQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYnhMb2FkaW5nQ29tcG9uZW50LFxuICAgIERieEJhc2ljTG9hZGluZ0NvbXBvbmVudCxcbiAgICBEYnhMb2FkaW5nUHJvZ3Jlc3NDb21wb25lbnQsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzQmFyTW9kdWxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4TG9hZGluZ01vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9sb2FkaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEQsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBd0I5RSxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBZHpCLG1CQUFtQjtRQUNuQix3QkFBd0I7UUFDeEIsMkJBQTJCO1FBQzNCLGdDQUFnQyxhQVRoQyxZQUFZO1FBQ1osc0JBQXNCO1FBQ3RCLHdCQUF3QjtRQUN4QixvQkFBb0IsYUFTcEIsbUJBQW1CO1FBQ25CLHdCQUF3QjtRQUN4QiwyQkFBMkI7UUFDM0Isd0JBQXdCO1FBQ3hCLG9CQUFvQjtRQUNwQixnQ0FBZ0M7OEdBR3ZCLGdCQUFnQixZQXJCbEI7WUFDUCxZQUFZO1lBQ1osc0JBQXNCO1lBQ3RCLHdCQUF3QjtZQUN4QixvQkFBb0I7U0FDckIsRUFXQyx3QkFBd0I7UUFDeEIsb0JBQW9COzJGQUlYLGdCQUFnQjtrQkF0QjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3dCQUN0Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjtxQkFDckI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7d0JBQzNCLGdDQUFnQztxQkFDakM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7d0JBQzNCLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3dCQUNwQixnQ0FBZ0M7cUJBQ2pDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhCYXNpY0xvYWRpbmdDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLWxvYWRpbmcuY29tcG9uZW50JztcbmltcG9ydCB7IERieExvYWRpbmdQcm9ncmVzc0NvbXBvbmVudCB9IGZyb20gJy4vbG9hZGluZy1wcm9ncmVzcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1iYXInO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5pbXBvcnQgeyBEYnhMb2FkaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkaW5nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhSZWFkYWJsZUVycm9yTW9kdWxlIH0gZnJvbSAnLi4vZXJyb3InO1xuaW1wb3J0IHsgRGJ4QWN0aW9uTG9hZGluZ0NvbnRleHREaXJlY3RpdmUgfSBmcm9tICcuL2xvYWRpbmcuYWN0aW9uLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGJ4UmVhZGFibGVFcnJvck1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NCYXJNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGJ4TG9hZGluZ0NvbXBvbmVudCxcbiAgICBEYnhCYXNpY0xvYWRpbmdDb21wb25lbnQsXG4gICAgRGJ4TG9hZGluZ1Byb2dyZXNzQ29tcG9uZW50LFxuICAgIERieEFjdGlvbkxvYWRpbmdDb250ZXh0RGlyZWN0aXZlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYnhMb2FkaW5nQ29tcG9uZW50LFxuICAgIERieEJhc2ljTG9hZGluZ0NvbXBvbmVudCxcbiAgICBEYnhMb2FkaW5nUHJvZ3Jlc3NDb21wb25lbnQsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzQmFyTW9kdWxlLFxuICAgIERieEFjdGlvbkxvYWRpbmdDb250ZXh0RGlyZWN0aXZlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4TG9hZGluZ01vZHVsZSB7IH1cbiJdfQ==

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

@@ -33,9 +33,9 @@ export class DbxAnchorComponent extends AbstractDbxAnchorDirective {
         this.anchor?.onClick?.(event);
     }
 }
-DbxAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorComponent, deps: [{ token: i1.DbxRouterWebProviderConfig }], target: i0.ɵɵFactoryTarget.Component });
-DbxAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, host: { attributes: { "dbx-anchor-block": "block" }, 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\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injected-content [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injected-content>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\"\n    *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", components: [{ type: i2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i3.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorComponent, decorators: [{
+DbxAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorComponent, deps: [{ token: i1.DbxRouterWebProviderConfig }], target: i0.ɵɵFactoryTarget.Component });
+DbxAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, host: { attributes: { "dbx-anchor-block": "block" }, 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\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injected-content [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injected-content>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\"\n    *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", components: [{ type: i2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-anchor, [dbx-anchor]', host: {
                         class: 'd-inline dbx-anchor',

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

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+/**
+ * Component that displays an anchor and a span with the title.
+ */
+export class DbxAnchorContentComponent {
+}
+DbxAnchorContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxAnchorContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAnchorContentComponent, selector: "dbx-anchor-content", inputs: { anchor: "anchor" }, ngImport: i0, template: `<mat-icon *ngIf="anchor?.icon">{{ anchor?.icon }}</mat-icon><span *ngIf="anchor?.title">{{ anchor?.title }}</span>`, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-anchor-content',
+                    template: `<mat-icon *ngIf="anchor?.icon">{{ anchor?.icon }}</mat-icon><span *ngIf="anchor?.title">{{ anchor?.title }}</span>`
+                }]
+        }], propDecorators: { anchor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvYW5jaG9yL2FuY2hvci5jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlqRDs7R0FFRztBQUtILE1BQU0sT0FBTyx5QkFBeUI7O3NIQUF6Qix5QkFBeUI7MEdBQXpCLHlCQUF5Qix3RkFGMUIsb0hBQW9IOzJGQUVuSCx5QkFBeUI7a0JBSnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFLG9IQUFvSDtpQkFDL0g7OEJBSUMsTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xpY2thYmxlQW5jaG9yTGluayB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgZGlzcGxheXMgYW4gYW5jaG9yIGFuZCBhIHNwYW4gd2l0aCB0aGUgdGl0bGUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1hbmNob3ItY29udGVudCcsXG4gIHRlbXBsYXRlOiBgPG1hdC1pY29uICpuZ0lmPVwiYW5jaG9yPy5pY29uXCI+e3sgYW5jaG9yPy5pY29uIH19PC9tYXQtaWNvbj48c3BhbiAqbmdJZj1cImFuY2hvcj8udGl0bGVcIj57eyBhbmNob3I/LnRpdGxlIH19PC9zcGFuPmBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4QW5jaG9yQ29udGVudENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgYW5jaG9yOiBNYXliZTxQYXJ0aWFsPENsaWNrYWJsZUFuY2hvckxpbms+PjtcblxufVxuIl19