@dereekb/dbx-web 0.0.1 → 1.0.0

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

@@ -1,75 +1,65 @@
-import { DbNgxAnchorModule } from '../../router';
+import { DbxAnchorModule } from '../../router';
 import { MatButtonModule } from '@angular/material/button';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { DbNgxSectionComponent } from './section.component';
-import { DbNgxSubSectionComponent } from './subsection.component';
-import { DbNgxSectionBoxComponent } from './section.box.component';
-import { DbNgxSectionPageComponent } from './section.page.component';
-import { DbNgxSectionElevatedComponent } from './section.elevated.component';
-import { DbNgxSectionBoxAnchorComponent } from './section.box.anchor.component';
 import { MatRippleModule } from '@angular/material/core';
 import { MatIconModule } from '@angular/material/icon';
-import { DbNgxIntroActionSectionComponent } from './section.intro.component';
+import { DbxSectionComponent } from './section.component';
+import { DbxSubSectionComponent } from './subsection.component';
+import { DbxSectionPageComponent } from './section.page.component';
+import { DbxIntroActionSectionComponent } from './section.intro.component';
+import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
 /**
  * Module for container-type components.
  */
-export class DbNgxSectionLayoutModule {
+export class DbxSectionLayoutModule {
 }
-DbNgxSectionLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbNgxSectionLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionLayoutModule, declarations: [DbNgxSectionPageComponent,
-        DbNgxSectionBoxComponent,
-        DbNgxSectionBoxAnchorComponent,
-        DbNgxSectionElevatedComponent,
-        DbNgxSectionComponent,
-        DbNgxSubSectionComponent,
-        DbNgxIntroActionSectionComponent], imports: [CommonModule,
-        DbNgxAnchorModule,
+DbxSectionLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxSectionLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, declarations: [DbxSectionHeaderComponent,
+        DbxSectionPageComponent,
+        DbxSectionComponent,
+        DbxSubSectionComponent,
+        DbxIntroActionSectionComponent], imports: [CommonModule,
+        DbxAnchorModule,
         MatButtonModule,
         MatRippleModule,
-        MatIconModule], exports: [DbNgxSectionPageComponent,
-        DbNgxSectionBoxComponent,
-        DbNgxSectionBoxAnchorComponent,
-        DbNgxSectionElevatedComponent,
-        DbNgxSectionComponent,
-        DbNgxSubSectionComponent,
-        DbNgxIntroActionSectionComponent] });
-DbNgxSectionLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionLayoutModule, imports: [[
+        MatIconModule], exports: [DbxSectionHeaderComponent,
+        DbxSectionPageComponent,
+        DbxSectionComponent,
+        DbxSubSectionComponent,
+        DbxIntroActionSectionComponent] });
+DbxSectionLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, imports: [[
             CommonModule,
-            DbNgxAnchorModule,
+            DbxAnchorModule,
             MatButtonModule,
             MatRippleModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        DbNgxAnchorModule,
+                        DbxAnchorModule,
                         MatButtonModule,
                         MatRippleModule,
                         MatIconModule
                     ],
                     declarations: [
-                        DbNgxSectionPageComponent,
-                        DbNgxSectionBoxComponent,
-                        DbNgxSectionBoxAnchorComponent,
-                        DbNgxSectionElevatedComponent,
-                        DbNgxSectionComponent,
-                        DbNgxSubSectionComponent,
-                        DbNgxIntroActionSectionComponent
+                        DbxSectionHeaderComponent,
+                        DbxSectionPageComponent,
+                        DbxSectionComponent,
+                        DbxSubSectionComponent,
+                        DbxIntroActionSectionComponent
                     ],
                     exports: [
-                        DbNgxSectionPageComponent,
-                        DbNgxSectionBoxComponent,
-                        DbNgxSectionBoxAnchorComponent,
-                        DbNgxSectionElevatedComponent,
-                        DbNgxSectionComponent,
-                        DbNgxSubSectionComponent,
-                        DbNgxIntroActionSectionComponent
+                        DbxSectionHeaderComponent,
+                        DbxSectionPageComponent,
+                        DbxSectionComponent,
+                        DbxSubSectionComponent,
+                        DbxIntroActionSectionComponent
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24ubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25FLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBRTdFOztHQUVHO0FBNEJILE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7c0hBQXhCLHdCQUF3QixpQkFsQmpDLHlCQUF5QjtRQUN6Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLDZCQUE2QjtRQUM3QixxQkFBcUI7UUFDckIsd0JBQXdCO1FBQ3hCLGdDQUFnQyxhQWJoQyxZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLGVBQWU7UUFDZixlQUFlO1FBQ2YsYUFBYSxhQVliLHlCQUF5QjtRQUN6Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLDZCQUE2QjtRQUM3QixxQkFBcUI7UUFDckIsd0JBQXdCO1FBQ3hCLGdDQUFnQztzSEFHdkIsd0JBQXdCLFlBMUIxQjtZQUNQLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLGVBQWU7WUFDZixhQUFhO1NBQ2Q7MkZBb0JVLHdCQUF3QjtrQkEzQnBDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsYUFBYTtxQkFDZDtvQkFDRCxZQUFZLEVBQUU7d0JBQ1oseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLDhCQUE4Qjt3QkFDOUIsNkJBQTZCO3dCQUM3QixxQkFBcUI7d0JBQ3JCLHdCQUF3Qjt3QkFDeEIsZ0NBQWdDO3FCQUNqQztvQkFDRCxPQUFPLEVBQUU7d0JBQ1AseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLDhCQUE4Qjt3QkFDOUIsNkJBQTZCO3dCQUM3QixxQkFBcUI7d0JBQ3JCLHdCQUF3Qjt3QkFDeEIsZ0NBQWdDO3FCQUNqQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERiTmd4QW5jaG9yTW9kdWxlIH0gZnJvbSAnLi4vLi4vcm91dGVyJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERiTmd4U2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJOZ3hTdWJTZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zdWJzZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYk5neFNlY3Rpb25Cb3hDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYk5neFNlY3Rpb25QYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IERiTmd4U2VjdGlvbkVsZXZhdGVkQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmVsZXZhdGVkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYk5neFNlY3Rpb25Cb3hBbmNob3JDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uYm94LmFuY2hvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0UmlwcGxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBEYk5neEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5pbnRyby5jb21wb25lbnQnO1xuXG4vKipcbiAqIE1vZHVsZSBmb3IgY29udGFpbmVyLXR5cGUgY29tcG9uZW50cy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYk5neEFuY2hvck1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0UmlwcGxlTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGJOZ3hTZWN0aW9uUGFnZUNvbXBvbmVudCxcbiAgICBEYk5neFNlY3Rpb25Cb3hDb21wb25lbnQsXG4gICAgRGJOZ3hTZWN0aW9uQm94QW5jaG9yQ29tcG9uZW50LFxuICAgIERiTmd4U2VjdGlvbkVsZXZhdGVkQ29tcG9uZW50LFxuICAgIERiTmd4U2VjdGlvbkNvbXBvbmVudCxcbiAgICBEYk5neFN1YlNlY3Rpb25Db21wb25lbnQsXG4gICAgRGJOZ3hJbnRyb0FjdGlvblNlY3Rpb25Db21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERiTmd4U2VjdGlvblBhZ2VDb21wb25lbnQsXG4gICAgRGJOZ3hTZWN0aW9uQm94Q29tcG9uZW50LFxuICAgIERiTmd4U2VjdGlvbkJveEFuY2hvckNvbXBvbmVudCxcbiAgICBEYk5neFNlY3Rpb25FbGV2YXRlZENvbXBvbmVudCxcbiAgICBEYk5neFNlY3Rpb25Db21wb25lbnQsXG4gICAgRGJOZ3hTdWJTZWN0aW9uQ29tcG9uZW50LFxuICAgIERiTmd4SW50cm9BY3Rpb25TZWN0aW9uQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hTZWN0aW9uTGF5b3V0TW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24ubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUV2RTs7R0FFRztBQXdCSCxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBZC9CLHlCQUF5QjtRQUN6Qix1QkFBdUI7UUFDdkIsbUJBQW1CO1FBQ25CLHNCQUFzQjtRQUN0Qiw4QkFBOEIsYUFYOUIsWUFBWTtRQUNaLGVBQWU7UUFDZixlQUFlO1FBQ2YsZUFBZTtRQUNmLGFBQWEsYUFVYix5QkFBeUI7UUFDekIsdUJBQXVCO1FBQ3ZCLG1CQUFtQjtRQUNuQixzQkFBc0I7UUFDdEIsOEJBQThCO29IQUdyQixzQkFBc0IsWUF0QnhCO1lBQ1AsWUFBWTtZQUNaLGVBQWU7WUFDZixlQUFlO1lBQ2YsZUFBZTtZQUNmLGFBQWE7U0FDZDsyRkFnQlUsc0JBQXNCO2tCQXZCbEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixhQUFhO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWix5QkFBeUI7d0JBQ3pCLHVCQUF1Qjt3QkFDdkIsbUJBQW1CO3dCQUNuQixzQkFBc0I7d0JBQ3RCLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsOEJBQThCO3FCQUMvQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERieEFuY2hvck1vZHVsZSB9IGZyb20gJy4uLy4uL3JvdXRlcic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRSaXBwbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IERieFNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFN1YlNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3N1YnNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFNlY3Rpb25QYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5pbnRyby5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5oZWFkZXIuY29tcG9uZW50JztcblxuLyoqXG4gKiBNb2R1bGUgZm9yIGNvbnRhaW5lci10eXBlIGNvbXBvbmVudHMuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGJ4QW5jaG9yTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRSaXBwbGVNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50LFxuICAgIERieFNlY3Rpb25QYWdlQ29tcG9uZW50LFxuICAgIERieFNlY3Rpb25Db21wb25lbnQsXG4gICAgRGJ4U3ViU2VjdGlvbkNvbXBvbmVudCxcbiAgICBEYnhJbnRyb0FjdGlvblNlY3Rpb25Db21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQsXG4gICAgRGJ4U2VjdGlvblBhZ2VDb21wb25lbnQsXG4gICAgRGJ4U2VjdGlvbkNvbXBvbmVudCxcbiAgICBEYnhTdWJTZWN0aW9uQ29tcG9uZW50LFxuICAgIERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERieFNlY3Rpb25MYXlvdXRNb2R1bGUgeyB9XG4iXX0=

package/esm2020/lib/layout/section/section.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJcbmV4cG9ydCB0eXBlIERieFNlY3Rpb25IZWFkZXJIVHlwZSA9IDEgfCAyIHwgMyB8IDQgfCA1O1xuIl19

package/esm2020/lib/layout/section/section.page.component.mjs

@@ -1,46 +1,33 @@
-import { Component, Input } from '@angular/core';
+import { Component } from '@angular/core';
+import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/icon";
-import * as i2 from "@angular/common";
+import * as i1 from "./section.header.component";
 /**
  * Component used to style a page that is made up of app sections.
  */
-export class DbNgxSectionPageComponent {
+export class DbxSectionPageComponent extends DbxSectionHeaderComponent {
 }
-DbNgxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbNgxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxSectionPageComponent, selector: "dbx-section-page", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
-  <div class="dbx-section-page">
-    <div class="dbx-section-header">
-      <div class="dbx-section-header-content">
-        <h1 class="dbx-section-header-content-title"><mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span></h1>
-        <span class="spacer"></span>
-        <ng-content select="[sectionHeader]"></ng-content>
-      </div>
+DbxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSectionPageComponent, selector: "dbx-section-page", usesInheritance: true, ngImport: i0, template: `
+  <div class="dbx-content-page dbx-section-page">
+    <div class="dbx-section-header" [h]="h ?? 2" [header]="header" [icon]="icon" [hint]="hint">
+      <ng-content select="[sectionHeader]"></ng-content>
     </div>
     <ng-content></ng-content>
   </div>
-  `, 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.0", ngImport: i0, type: DbNgxSectionPageComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-section-page',
                     template: `
-  <div class="dbx-section-page">
-    <div class="dbx-section-header">
-      <div class="dbx-section-header-content">
-        <h1 class="dbx-section-header-content-title"><mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span></h1>
-        <span class="spacer"></span>
-        <ng-content select="[sectionHeader]"></ng-content>
-      </div>
+  <div class="dbx-content-page dbx-section-page">
+    <div class="dbx-section-header" [h]="h ?? 2" [header]="header" [icon]="icon" [hint]="hint">
+      <ng-content select="[sectionHeader]"></ng-content>
     </div>
     <ng-content></ng-content>
   </div>
-  `,
-                    // TODO: styleUrls: ['./container.scss']
+  `
                 }]
-        }], propDecorators: { header: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRWpEOztHQUVHO0FBaUJILE1BQU0sT0FBTyx5QkFBeUI7O3NIQUF6Qix5QkFBeUI7MEdBQXpCLHlCQUF5QixvR0FkMUI7Ozs7Ozs7Ozs7O0dBV1Q7MkZBR1UseUJBQXlCO2tCQWhCckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7b0JBQ0Qsd0NBQXdDO2lCQUN6Qzs4QkFJQyxNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIHN0eWxlIGEgcGFnZSB0aGF0IGlzIG1hZGUgdXAgb2YgYXBwIHNlY3Rpb25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbi1wYWdlJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLXBhZ2VcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnRcIj5cbiAgICAgICAgPGgxIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj48bWF0LWljb24gKm5nSWY9XCJpY29uXCI+e3tpY29ufX08L21hdC1pY29uPjxzcGFuIGNsYXNzPVwidGl0bGUtdGV4dFwiPnt7IGhlYWRlciB9fTwvc3Bhbj48L2gxPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNwYWNlclwiPjwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlY3Rpb25IZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neFNlY3Rpb25QYWdlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBoZWFkZXI/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaWNvbj86IHN0cmluZztcblxufVxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQUV2RTs7R0FFRztBQVlILE1BQU0sT0FBTyx1QkFBd0IsU0FBUSx5QkFBeUI7O29IQUF6RCx1QkFBdUI7d0dBQXZCLHVCQUF1QiwrRUFUeEI7Ozs7Ozs7R0FPVDsyRkFFVSx1QkFBdUI7a0JBWG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmhlYWRlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIHN0eWxlIGEgcGFnZSB0aGF0IGlzIG1hZGUgdXAgb2YgYXBwIHNlY3Rpb25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbi1wYWdlJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1jb250ZW50LXBhZ2UgZGJ4LXNlY3Rpb24tcGFnZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXJcIiBbaF09XCJoID8/IDJcIiBbaGVhZGVyXT1cImhlYWRlclwiIFtpY29uXT1cImljb25cIiBbaGludF09XCJoaW50XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2VjdGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWN0aW9uUGFnZUNvbXBvbmVudCBleHRlbmRzIERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQgeyB9XG4iXX0=

package/esm2020/lib/layout/section/subsection.component.mjs

@@ -1,35 +1,37 @@
 import { Component } from '@angular/core';
-import { DbNgxSectionComponent } from './section.component';
+import { DbxSectionComponent } from './section.component';
 import * as i0 from "@angular/core";
+import * as i1 from "./section.header.component";
 /**
- * Component used to format content on a page within a section.
+ * A subsection.
  */
-export class DbNgxSubSectionComponent extends DbNgxSectionComponent {
+export class DbxSubSectionComponent extends DbxSectionComponent {
 }
-DbNgxSubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbNgxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxSubSectionComponent, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
+DbxSubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSubSectionComponent, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
   <div class="dbx-subsection">
-    <h3>{{ header }}</h3>
-    <p class="dbx-section-hint">{{ hint }}</p>
+    <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [icon]="icon" [hint]="hint">
+      <ng-content select="[sectionHeader]"></ng-content>
+    </div>
     <div class="dbx-section-content">
       <ng-content></ng-content>
     </div>
   </div>
-  `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSubSectionComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-subsection',
                     template: `
   <div class="dbx-subsection">
-    <h3>{{ header }}</h3>
-    <p class="dbx-section-hint">{{ hint }}</p>
+    <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [icon]="icon" [hint]="hint">
+      <ng-content select="[sectionHeader]"></ng-content>
+    </div>
     <div class="dbx-section-content">
       <ng-content></ng-content>
     </div>
   </div>
-  `,
-                    // TODO: styleUrls: ['./container.scss']
+  `
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc3Vic2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFFNUQ7O0dBRUc7QUFjSCxNQUFNLE9BQU8sd0JBQXlCLFNBQVEscUJBQXFCOztxSEFBdEQsd0JBQXdCO3lHQUF4Qix3QkFBd0IsNkVBWHpCOzs7Ozs7OztHQVFUOzJGQUdVLHdCQUF3QjtrQkFicEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7Ozs7O0dBUVQ7b0JBQ0Qsd0NBQXdDO2lCQUN6QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERiTmd4U2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIGZvcm1hdCBjb250ZW50IG9uIGEgcGFnZSB3aXRoaW4gYSBzZWN0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc3Vic2VjdGlvbicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJkYngtc3Vic2VjdGlvblwiPlxuICAgIDxoMz57eyBoZWFkZXIgfX08L2gzPlxuICAgIDxwIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGludFwiPnt7IGhpbnQgfX08L3A+XG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL2NvbnRhaW5lci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hTdWJTZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgRGJOZ3hTZWN0aW9uQ29tcG9uZW50IHt9Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc3Vic2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRTFEOztHQUVHO0FBY0gsTUFBTSxPQUFPLHNCQUF1QixTQUFRLG1CQUFtQjs7bUhBQWxELHNCQUFzQjt1R0FBdEIsc0JBQXNCLDZFQVh2Qjs7Ozs7Ozs7O0dBU1Q7MkZBRVUsc0JBQXNCO2tCQWJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQSBzdWJzZWN0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc3Vic2VjdGlvbicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJkYngtc3Vic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXJcIiBbaF09XCJoID8/IDRcIiBbaGVhZGVyXT1cImhlYWRlclwiIFtpY29uXT1cImljb25cIiBbaGludF09XCJoaW50XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2VjdGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3ViU2VjdGlvbkNvbXBvbmVudCBleHRlbmRzIERieFNlY3Rpb25Db21wb25lbnQgeyB9XG4iXX0=

package/esm2020/lib/layout/step/step.component.mjs

@@ -2,11 +2,11 @@ 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";
-export class DbNgxStepComponent {
+export class DbxStepComponent {
 }
-DbNgxStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbNgxStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxStepComponent, selector: "dbx-step", inputs: { done: "done", step: "step", text: "text", hint: "hint" }, ngImport: i0, template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepComponent, decorators: [{
+DbxStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxStepComponent, selector: "dbx-step", inputs: { done: "done", step: "step", text: "text", hint: "hint" }, ngImport: i0, template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-step', template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { done: [{
@@ -18,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
             }], hint: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO21HQUFsQixrQkFBa0Isb0hDUC9CLDhaQVdBOzJGREphLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxVQUFVOzhCQU9wQixJQUFJO3NCQURILEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL3N0ZXAuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4U3RlcENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgZG9uZT86IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgc3RlcD86IG51bWJlcjtcblxuICBASW5wdXQoKVxuICB0ZXh0Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBzdHJpbmc7XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwLXNlY3Rpb25cIiBbbmdDbGFzc109XCIoZG9uZSkgPyAnZG9uZScgOiAnJ1wiPlxuICA8ZGl2IGNsYXNzPVwic3RlcC1zZWN0aW9uLWhlYWRlclwiPlxuICAgIDxzcGFuIGNsYXNzPVwic3RlcFwiPnt7IHN0ZXAgfX0uPC9zcGFuPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cImRvbmUtY2hlY2tcIiAqbmdJZj1cImRvbmVcIj5kb25lPC9tYXQtaWNvbj5cbiAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57eyB0ZXh0IH19PC9zcGFuPlxuICAgIDxwICpuZ0lmPVwiaGludFwiIGNsYXNzPVwiaGludFwiPnt7IGhpbnQgfX08L3A+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3RlcC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isb0hDUDdCLDhaQVdBOzJGREphLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQU9wQixJQUFJO3NCQURILEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL3N0ZXAuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERieFN0ZXBDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGRvbmU/OiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIHN0ZXA/OiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgdGV4dD86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBoaW50Pzogc3RyaW5nO1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwic3RlcC1zZWN0aW9uXCIgW25nQ2xhc3NdPVwiKGRvbmUpID8gJ2RvbmUnIDogJydcIj5cbiAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvbi1oZWFkZXJcIj5cbiAgICA8c3BhbiBjbGFzcz1cInN0ZXBcIj57eyBzdGVwIH19Ljwvc3Bhbj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJkb25lLWNoZWNrXCIgKm5nSWY9XCJkb25lXCI+ZG9uZTwvbWF0LWljb24+XG4gICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3sgdGV4dCB9fTwvc3Bhbj5cbiAgICA8cCAqbmdJZj1cImhpbnRcIiBjbGFzcz1cImhpbnRcIj57eyBoaW50IH19PC9wPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvbi1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -1,18 +1,18 @@
 import { MatIconModule } from '@angular/material/icon';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { DbNgxStepComponent } from './step.component';
+import { DbxStepComponent } from './step.component';
 import * as i0 from "@angular/core";
-export class DbNgxStepLayoutModule {
+export class DbxStepLayoutModule {
 }
-DbNgxStepLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbNgxStepLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, declarations: [DbNgxStepComponent], imports: [CommonModule,
-        MatIconModule], exports: [DbNgxStepComponent] });
-DbNgxStepLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, imports: [[
+DbxStepLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxStepLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, declarations: [DbxStepComponent], imports: [CommonModule,
+        MatIconModule], exports: [DbxStepComponent] });
+DbxStepLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, imports: [[
             CommonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -20,11 +20,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                         MatIconModule
                     ],
                     declarations: [
-                        DbNgxStepComponent
+                        DbxStepComponent
                     ],
                     exports: [
-                        DbNgxStepComponent
+                        DbxStepComponent
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdGVwL3N0ZXAubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBY3RELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFOOUIsa0JBQWtCLGFBSmxCLFlBQVk7UUFDWixhQUFhLGFBTWIsa0JBQWtCO21IQUdULHFCQUFxQixZQVh2QjtZQUNQLFlBQVk7WUFDWixhQUFhO1NBQ2Q7MkZBUVUscUJBQXFCO2tCQVpqQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7cUJBQ2Q7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjtxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERiTmd4U3RlcENvbXBvbmVudCB9IGZyb20gJy4vc3RlcC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGJOZ3hTdGVwQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYk5neFN0ZXBDb21wb25lbnRcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hTdGVwTGF5b3V0TW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdGVwL3N0ZXAubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBY3BELE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFONUIsZ0JBQWdCLGFBSmhCLFlBQVk7UUFDWixhQUFhLGFBTWIsZ0JBQWdCO2lIQUdQLG1CQUFtQixZQVhyQjtZQUNQLFlBQVk7WUFDWixhQUFhO1NBQ2Q7MkZBUVUsbUJBQW1CO2tCQVovQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7cUJBQ2Q7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFN0ZXBDb21wb25lbnQgfSBmcm9tICcuL3N0ZXAuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERieFN0ZXBDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERieFN0ZXBDb21wb25lbnRcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3RlcExheW91dE1vZHVsZSB7IH1cbiJdfQ==

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

@@ -0,0 +1,7 @@
+export * from './style.layout.module';
+export * from './spacer.directive';
+export * from './style.directive';
+export * from './style.service';
+export * from './style.set.directive';
+export * from './style.body.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5sYXlvdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3BhY2VyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5zZXQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3R5bGUuYm9keS5kaXJlY3RpdmUnO1xuIl19

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

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

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

@@ -0,0 +1,35 @@
+import { Directive, ChangeDetectorRef, Renderer2 } from '@angular/core';
+import { DbxStyleService } from './style.service';
+import { AbstractSubscriptionDirective, safeDetectChanges } from '@dereekb/dbx-core';
+import { delay } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "./style.service";
+/**
+ * Used to style the body document using the style provided by DbxStyleService.
+ */
+export class DbxStyleBodyDirective extends AbstractSubscriptionDirective {
+    constructor(renderer, styleService, cdRef) {
+        super(styleService.style$.pipe(delay(0)).subscribe((style) => {
+            this._currentStyle && this.renderer.removeClass(document.body, this._currentStyle);
+            style && this.renderer.addClass(document.body, style);
+            this._currentStyle = style;
+            safeDetectChanges(this.cdRef);
+        }));
+        this.renderer = renderer;
+        this.styleService = styleService;
+        this.cdRef = cdRef;
+        this._currentStyle = '';
+    }
+}
+DbxStyleBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleBodyDirective, deps: [{ token: i0.Renderer2 }, { token: i1.DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxStyleBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxStyleBodyDirective, selector: "[dbxStyleBody]", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxStyleBody]',
+                    host: {
+                        '[class]': 'style'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.DbxStyleService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuYm9keS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL3N0eWxlLmJvZHkuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNyRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFFN0I7O0dBRUc7QUFPSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsNkJBQTZCO0lBSXRFLFlBQW9CLFFBQW1CLEVBQVcsWUFBNkIsRUFBVSxLQUF3QjtRQUMvRyxLQUFLLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDM0QsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNuRixLQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUMzQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQU5jLGFBQVEsR0FBUixRQUFRLENBQVc7UUFBVyxpQkFBWSxHQUFaLFlBQVksQ0FBaUI7UUFBVSxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUZ6RyxrQkFBYSxHQUFXLEVBQUUsQ0FBQztJQVNuQyxDQUFDOztrSEFYVSxxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQU5qQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsT0FBTztxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIENoYW5nZURldGVjdG9yUmVmLCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFN0eWxlU2VydmljZSB9IGZyb20gJy4vc3R5bGUuc2VydmljZSc7XG5pbXBvcnQgeyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSwgc2FmZURldGVjdENoYW5nZXMgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBkZWxheSB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIFVzZWQgdG8gc3R5bGUgdGhlIGJvZHkgZG9jdW1lbnQgdXNpbmcgdGhlIHN0eWxlIHByb3ZpZGVkIGJ5IERieFN0eWxlU2VydmljZS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RieFN0eWxlQm9keV0nLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnc3R5bGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3R5bGVCb2R5RGlyZWN0aXZlIGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUge1xuXG4gIHByaXZhdGUgX2N1cnJlbnRTdHlsZTogc3RyaW5nID0gJyc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLCByZWFkb25seSBzdHlsZVNlcnZpY2U6IERieFN0eWxlU2VydmljZSwgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICBzdXBlcihzdHlsZVNlcnZpY2Uuc3R5bGUkLnBpcGUoZGVsYXkoMCkpLnN1YnNjcmliZSgoc3R5bGUpID0+IHtcbiAgICAgIHRoaXMuX2N1cnJlbnRTdHlsZSAmJiB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKGRvY3VtZW50LmJvZHksIHRoaXMuX2N1cnJlbnRTdHlsZSk7XG4gICAgICBzdHlsZSAmJiB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKGRvY3VtZW50LmJvZHksIHN0eWxlKTtcbiAgICAgIHRoaXMuX2N1cnJlbnRTdHlsZSA9IHN0eWxlO1xuICAgICAgc2FmZURldGVjdENoYW5nZXModGhpcy5jZFJlZik7XG4gICAgfSkpO1xuICB9XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,32 @@
+import { Directive, ChangeDetectorRef } from '@angular/core';
+import { DbxStyleService } from './style.service';
+import { AbstractSubscriptionDirective, safeDetectChanges } from '@dereekb/dbx-core';
+import { delay } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "./style.service";
+/**
+ * Used to retrieve the current app styling from the DbxStyleService.
+ */
+export class DbxStyleDirective extends AbstractSubscriptionDirective {
+    constructor(styleService, cdRef) {
+        super(styleService.style$.pipe(delay(0)).subscribe((style) => {
+            this.style = style;
+            safeDetectChanges(this.cdRef);
+        }));
+        this.styleService = styleService;
+        this.cdRef = cdRef;
+        this.style = '';
+    }
+}
+DbxStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleDirective, deps: [{ token: i1.DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxStyleDirective, selector: "dbx-style, [dbx-style], .dbx-style", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'dbx-style, [dbx-style], .dbx-style',
+                    host: {
+                        '[class]': 'style'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbxStyleService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdHlsZS9zdHlsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbEQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDckYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBRTdCOztHQUVHO0FBT0gsTUFBTSxPQUFPLGlCQUFrQixTQUFRLDZCQUE2QjtJQUlsRSxZQUFxQixZQUE2QixFQUFVLEtBQXdCO1FBQ2xGLEtBQUssQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUMzRCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNuQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUplLGlCQUFZLEdBQVosWUFBWSxDQUFpQjtRQUFVLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBRnBGLFVBQUssR0FBVyxFQUFFLENBQUM7SUFPbkIsQ0FBQzs7OEdBVFUsaUJBQWlCO2tHQUFqQixpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFON0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0NBQW9DO29CQUM5QyxJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLE9BQU87cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4U3R5bGVTZXJ2aWNlIH0gZnJvbSAnLi9zdHlsZS5zZXJ2aWNlJztcbmltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlLCBzYWZlRGV0ZWN0Q2hhbmdlcyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IGRlbGF5IH0gZnJvbSAncnhqcyc7XG5cbi8qKlxuICogVXNlZCB0byByZXRyaWV2ZSB0aGUgY3VycmVudCBhcHAgc3R5bGluZyBmcm9tIHRoZSBEYnhTdHlsZVNlcnZpY2UuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2RieC1zdHlsZSwgW2RieC1zdHlsZV0sIC5kYngtc3R5bGUnLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnc3R5bGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3R5bGVEaXJlY3RpdmUgZXh0ZW5kcyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSB7XG5cbiAgc3R5bGU6IHN0cmluZyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHJlYWRvbmx5IHN0eWxlU2VydmljZTogRGJ4U3R5bGVTZXJ2aWNlLCBwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKHN0eWxlU2VydmljZS5zdHlsZSQucGlwZShkZWxheSgwKSkuc3Vic2NyaWJlKChzdHlsZSkgPT4ge1xuICAgICAgdGhpcy5zdHlsZSA9IHN0eWxlO1xuICAgICAgc2FmZURldGVjdENoYW5nZXModGhpcy5jZFJlZik7XG4gICAgfSkpO1xuICB9XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,41 @@
+import { DbxSetStyleDirective } from './style.set.directive';
+import { DbxStyleDirective } from './style.directive';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DbxSpacerDirective } from './spacer.directive';
+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,
+        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: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        DbxSpacerDirective,
+                        DbxStyleDirective,
+                        DbxSetStyleDirective,
+                        DbxStyleBodyDirective
+                    ],
+                    exports: [
+                        DbxSpacerDirective,
+                        DbxStyleDirective,
+                        DbxSetStyleDirective,
+                        DbxStyleBodyDirective
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUubGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFtQi9ELE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFaN0Isa0JBQWtCO1FBQ2xCLGlCQUFpQjtRQUNqQixvQkFBb0I7UUFDcEIscUJBQXFCLGFBTnJCLFlBQVksYUFTWixrQkFBa0I7UUFDbEIsaUJBQWlCO1FBQ2pCLG9CQUFvQjtRQUNwQixxQkFBcUI7a0hBR1osb0JBQW9CLFlBaEJ0QjtZQUNQLFlBQVk7U0FDYjsyRkFjVSxvQkFBb0I7a0JBakJoQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELFlBQVksRUFBRTt3QkFDWixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsb0JBQW9CO3dCQUNwQixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsb0JBQW9CO3dCQUNwQixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGJ4U2V0U3R5bGVEaXJlY3RpdmUgfSBmcm9tICcuL3N0eWxlLnNldC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGJ4U3R5bGVEaXJlY3RpdmUgfSBmcm9tICcuL3N0eWxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFNwYWNlckRpcmVjdGl2ZSB9IGZyb20gJy4vc3BhY2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYnhTdHlsZUJvZHlEaXJlY3RpdmUgfSBmcm9tICcuL3N0eWxlLmJvZHkuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYnhTcGFjZXJEaXJlY3RpdmUsXG4gICAgRGJ4U3R5bGVEaXJlY3RpdmUsXG4gICAgRGJ4U2V0U3R5bGVEaXJlY3RpdmUsXG4gICAgRGJ4U3R5bGVCb2R5RGlyZWN0aXZlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYnhTcGFjZXJEaXJlY3RpdmUsXG4gICAgRGJ4U3R5bGVEaXJlY3RpdmUsXG4gICAgRGJ4U2V0U3R5bGVEaXJlY3RpdmUsXG4gICAgRGJ4U3R5bGVCb2R5RGlyZWN0aXZlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3R5bGVMYXlvdXRNb2R1bGUgeyB9XG4iXX0=

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

@@ -0,0 +1,76 @@
+import { filterMaybe } from '@dereekb/rxjs';
+import { BehaviorSubject, combineLatest, distinctUntilChanged, map, switchMap, shareReplay } from 'rxjs';
+import { Inject, Injectable, InjectionToken, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+export const DBX_STYLE_DEFAULT_CONFIG_TOKEN = new InjectionToken('DbxStyleServiceDefaultConfig');
+/**
+ * Used for managing styles within an app.
+ */
+export class DbxStyleService {
+    constructor(defaultConfig) {
+        this._defaultConfig = new BehaviorSubject(undefined);
+        this._config = new BehaviorSubject(undefined);
+        this._suffix = new BehaviorSubject(undefined);
+        this.config$ = this._config.pipe(switchMap((x) => {
+            if (x == null) {
+                return this._defaultConfig;
+            }
+            else {
+                return x;
+            }
+        }), filterMaybe(), distinctUntilChanged(), shareReplay(1));
+        this.suffix$ = this._suffix.pipe(distinctUntilChanged());
+        this.style$ = this.getStyleWithConfig(this.config$);
+        this._defaultConfig.next(defaultConfig);
+    }
+    get suffix() {
+        return this._suffix.value;
+    }
+    set suffix(suffix) {
+        this._suffix.next(suffix);
+    }
+    getStyleWithConfig(configObs) {
+        return combineLatest([configObs, this.suffix$]).pipe(map(([config, suffix]) => {
+            let style = config.style;
+            if (suffix != null && config.suffixes) {
+                const sanitizedSuffix = ((suffix[0] === '-') ? suffix?.slice(1) : suffix);
+                if (config.suffixes.has(sanitizedSuffix)) {
+                    style = `${style}-${sanitizedSuffix}`;
+                }
+            }
+            return style;
+        }), distinctUntilChanged());
+    }
+    toggleDarkSuffix(dark) {
+        let toggle = (dark != null) ? dark : this.suffix !== '-dark';
+        if (toggle) {
+            this.suffix = '-dark';
+        }
+        else {
+            this.suffix = undefined;
+        }
+    }
+    setDefaultConfig(defaultConfig) {
+        this._defaultConfig.next(defaultConfig);
+    }
+    setConfig(config) {
+        this._config.next(config);
+    }
+    destroy() {
+        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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DBX_STYLE_DEFAULT_CONFIG_TOKEN]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQXFCLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFjLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNySCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUc3RSxNQUFNLENBQUMsTUFBTSw4QkFBOEIsR0FBRyxJQUFJLGNBQWMsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDO0FBYWpHOztHQUVHO0FBSUgsTUFBTSxPQUFPLGVBQWU7SUFzQjFCLFlBQWdFLGFBQThCO1FBcEJ0RixtQkFBYyxHQUFHLElBQUksZUFBZSxDQUF3QixTQUFTLENBQUMsQ0FBQztRQUN2RSxZQUFPLEdBQUcsSUFBSSxlQUFlLENBQW9DLFNBQVMsQ0FBQyxDQUFDO1FBQzVFLFlBQU8sR0FBRyxJQUFJLGVBQWUsQ0FBZ0IsU0FBUyxDQUFDLENBQUM7UUFFdkQsWUFBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNsQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRTtnQkFDYixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7YUFDNUI7aUJBQU07Z0JBQ0wsT0FBTyxDQUFDLENBQUM7YUFDVjtRQUNILENBQUMsQ0FBQyxFQUNGLFdBQVcsRUFBRSxFQUNiLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO1FBRU8sWUFBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUMsQ0FBQztRQUNwRCxXQUFNLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUd0RCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxNQUFNLENBQUMsTUFBcUI7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELGtCQUFrQixDQUFDLFNBQXFDO1FBQ3RELE9BQU8sYUFBYSxDQUFDLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDbEQsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQUUsRUFBRTtZQUN2QixJQUFJLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1lBRXpCLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFO2dCQUNyQyxNQUFNLGVBQWUsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFFMUUsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsRUFBRTtvQkFDeEMsS0FBSyxHQUFHLEdBQUcsS0FBSyxJQUFJLGVBQWUsRUFBRSxDQUFDO2lCQUN2QzthQUNGO1lBRUQsT0FBTyxLQUFNLENBQUM7UUFDaEIsQ0FBQyxDQUFDLEVBQ0Ysb0JBQW9CLEVBQUUsQ0FDdkIsQ0FBQztJQUNKLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxJQUFxQjtRQUNwQyxJQUFJLE1BQU0sR0FBWSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLE9BQU8sQ0FBQztRQUV0RSxJQUFJLE1BQU0sRUFBRTtZQUNWLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO1NBQ3ZCO2FBQU07WUFDTCxJQUFJLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxhQUE2QjtRQUM1QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQWtDO1FBQzFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs0R0F6RVUsZUFBZSxrQkFzQk0sOEJBQThCO2dIQXRCbkQsZUFBZSxjQUZkLE1BQU07MkZBRVAsZUFBZTtrQkFIM0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkI7OzBCQXVCYyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERlc3Ryb3lhYmxlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBzd2l0Y2hNYXBNYXliZU9icywgZmlsdGVyTWF5YmUgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgY29tYmluZUxhdGVzdCwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc3dpdGNoTWFwLCBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlLCBJbmplY3Rpb25Ub2tlbiwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCBjb25zdCBEQlhfU1RZTEVfREVGQVVMVF9DT05GSUdfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ0RieFN0eWxlU2VydmljZURlZmF1bHRDb25maWcnKTtcblxuZXhwb3J0IGludGVyZmFjZSBEYnhTdHlsZUNvbmZpZyB7XG4gIC8qKlxuICAgKiBSb290IHN0eWxlIG5hbWUuXG4gICAqL1xuICBzdHlsZTogc3RyaW5nO1xuICAvKipcbiAgICogU3VmZml4ZXMgYXZhaWxhYmxlIHRvIHRoaXMgY29uZmlndXJhdGlvbi5cbiAgICovXG4gIHN1ZmZpeGVzPzogU2V0PHN0cmluZz47XG59XG5cbi8qKlxuICogVXNlZCBmb3IgbWFuYWdpbmcgc3R5bGVzIHdpdGhpbiBhbiBhcHAuXG4gKi9cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIERieFN0eWxlU2VydmljZSBpbXBsZW1lbnRzIERlc3Ryb3lhYmxlIHtcblxuICBwcml2YXRlIF9kZWZhdWx0Q29uZmlnID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxEYnhTdHlsZUNvbmZpZz4+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgX2NvbmZpZyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8T2JzZXJ2YWJsZTxEYnhTdHlsZUNvbmZpZz4+Pih1bmRlZmluZWQpO1xuICBwcml2YXRlIF9zdWZmaXggPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPHN0cmluZz4+KHVuZGVmaW5lZCk7XG5cbiAgcmVhZG9ubHkgY29uZmlnJCA9IHRoaXMuX2NvbmZpZy5waXBlKFxuICAgIHN3aXRjaE1hcCgoeCkgPT4ge1xuICAgICAgaWYgKHggPT0gbnVsbCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGVmYXVsdENvbmZpZztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiB4O1xuICAgICAgfVxuICAgIH0pLFxuICAgIGZpbHRlck1heWJlKCksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIHJlYWRvbmx5IHN1ZmZpeCQgPSB0aGlzLl9zdWZmaXgucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKTtcbiAgcmVhZG9ubHkgc3R5bGUkID0gdGhpcy5nZXRTdHlsZVdpdGhDb25maWcodGhpcy5jb25maWckKTtcblxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASW5qZWN0KERCWF9TVFlMRV9ERUZBVUxUX0NPTkZJR19UT0tFTikgZGVmYXVsdENvbmZpZz86IERieFN0eWxlQ29uZmlnKSB7XG4gICAgdGhpcy5fZGVmYXVsdENvbmZpZy5uZXh0KGRlZmF1bHRDb25maWcpO1xuICB9XG5cbiAgZ2V0IHN1ZmZpeCgpOiBNYXliZTxzdHJpbmc+IHtcbiAgICByZXR1cm4gdGhpcy5fc3VmZml4LnZhbHVlO1xuICB9XG5cbiAgc2V0IHN1ZmZpeChzdWZmaXg6IE1heWJlPHN0cmluZz4pIHtcbiAgICB0aGlzLl9zdWZmaXgubmV4dChzdWZmaXgpO1xuICB9XG5cbiAgZ2V0U3R5bGVXaXRoQ29uZmlnKGNvbmZpZ09iczogT2JzZXJ2YWJsZTxEYnhTdHlsZUNvbmZpZz4pOiBPYnNlcnZhYmxlPHN0cmluZz4ge1xuICAgIHJldHVybiBjb21iaW5lTGF0ZXN0KFtjb25maWdPYnMsIHRoaXMuc3VmZml4JF0pLnBpcGUoXG4gICAgICBtYXAoKFtjb25maWcsIHN1ZmZpeF0pID0+IHtcbiAgICAgICAgbGV0IHN0eWxlID0gY29uZmlnLnN0eWxlO1xuXG4gICAgICAgIGlmIChzdWZmaXggIT0gbnVsbCAmJiBjb25maWcuc3VmZml4ZXMpIHtcbiAgICAgICAgICBjb25zdCBzYW5pdGl6ZWRTdWZmaXggPSAoKHN1ZmZpeFswXSA9PT0gJy0nKSA/IHN1ZmZpeD8uc2xpY2UoMSkgOiBzdWZmaXgpO1xuXG4gICAgICAgICAgaWYgKGNvbmZpZy5zdWZmaXhlcy5oYXMoc2FuaXRpemVkU3VmZml4KSkge1xuICAgICAgICAgICAgc3R5bGUgPSBgJHtzdHlsZX0tJHtzYW5pdGl6ZWRTdWZmaXh9YDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gc3R5bGUhO1xuICAgICAgfSksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpXG4gICAgKTtcbiAgfVxuXG4gIHRvZ2dsZURhcmtTdWZmaXgoZGFyaz86IE1heWJlPGJvb2xlYW4+KSB7XG4gICAgbGV0IHRvZ2dsZTogYm9vbGVhbiA9IChkYXJrICE9IG51bGwpID8gZGFyayA6IHRoaXMuc3VmZml4ICE9PSAnLWRhcmsnO1xuXG4gICAgaWYgKHRvZ2dsZSkge1xuICAgICAgdGhpcy5zdWZmaXggPSAnLWRhcmsnO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnN1ZmZpeCA9IHVuZGVmaW5lZDtcbiAgICB9XG4gIH1cblxuICBzZXREZWZhdWx0Q29uZmlnKGRlZmF1bHRDb25maWc6IERieFN0eWxlQ29uZmlnKSB7XG4gICAgdGhpcy5fZGVmYXVsdENvbmZpZy5uZXh0KGRlZmF1bHRDb25maWcpO1xuICB9XG5cbiAgc2V0Q29uZmlnKGNvbmZpZzogT2JzZXJ2YWJsZTxEYnhTdHlsZUNvbmZpZz4pIHtcbiAgICB0aGlzLl9jb25maWcubmV4dChjb25maWcpO1xuICB9XG5cbiAgZGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9jb25maWcuY29tcGxldGUoKTtcbiAgfVxuXG59XG4iXX0=