@dereekb/dbx-web 0.0.1 → 1.2.0

package/lib/layout/section/_section.scss

@@ -0,0 +1,116 @@
+@use 'sass:map';
+@use 'sass:color';
+@use '../../style/theming';
+
+// MARK: Variables
+$content-navbar-height: theming.$content-navbar-height;
+
+$page-h1-height: 32px;
+
+$header-bottom-padding: 16px;
+$header-left-reserved-space: 200px;
+$header-left-reserved-space-small-screen: 120px;
+
+// MARK: Mixin
+@mixin core() {
+
+  // MARK: Header
+  .dbx-section-header {
+    padding: 0 0 $header-bottom-padding;
+    box-sizing: border-box;
+
+    .dbx-section-header-content {
+
+      h1,
+      h2,
+      h3,
+      h4,
+      h5 {
+        padding-top: 5px;
+        height: $page-h1-height;
+        display: inline;
+        margin: 0;
+      }
+
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .dbx-section-hint {
+    margin: 0;
+  }
+
+  // MARK: Page
+  .dbx-section-page {
+
+    >.dbx-section-header>.dbx-section-header-content {
+      height: $content-navbar-height;
+      max-height: $content-navbar-height;
+      overflow-x: auto;
+      overflow-y: hidden;
+      max-width: 100%;
+
+      .dbx-section-header-content-title {
+        max-width: calc(80% - #{$header-left-reserved-space});
+
+        display: inline-flex !important;
+        justify-content: center;
+        align-items: center;
+
+        .mat-icon {
+          margin-right: 4px;
+        }
+
+        >.title-text {
+          @include theming.limit-text();
+        }
+      }
+    }
+
+  }
+
+  // MARK: Subsection
+  .dbx-subsection {
+
+    >.dbx-section-header>.dbx-section-header-content {}
+
+  }
+
+}
+
+@mixin color($theme-config) {
+
+  // MARK: Page
+  .dbx-section-page {
+
+    >.dbx-section-header>.dbx-section-header-content {
+      .dbx-section-header-content-title {
+
+        @include theming.if-small-screen($theme-config) {
+          max-width: calc(80% - #{$header-left-reserved-space-small-screen});
+        }
+        
+      }
+    }
+
+  }
+
+}
+
+@mixin typography($typography-config) {}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-section') {
+    $color: theming.get-color-config($theme-config);
+    $typography: theming.get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($typography);
+    }
+  }
+}

package/lib/layout/section/index.d.ts

@@ -1,7 +1,6 @@
-export * from './section.box.anchor.component';
-export * from './section.box.component';
+export * from './section';
 export * from './section.component';
-export * from './section.elevated.component';
+export * from './section.header.component';
 export * from './section.intro.component';
 export * from './section.layout.module';
 export * from './section.page.component';

package/lib/layout/section/section.component.d.ts

@@ -1,12 +1,10 @@
-import { Maybe } from '@dereekb/util';
+import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
 /**
  * Component used to format content on a page within a section.
  */
-export declare class DbNgxSectionComponent {
-    header?: Maybe<string>;
-    icon?: Maybe<string>;
-    hint?: Maybe<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxSectionComponent, "dbx-section", never, { "header": "header"; "icon": "icon"; "hint": "hint"; }, {}, never, ["[sectionHeader]", "*"]>;
+export declare class DbxSectionComponent extends DbxSectionHeaderComponent {
+    elevated: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionComponent, "dbx-section", never, { "elevated": "elevated"; }, {}, never, ["[sectionHeader]", "*"]>;
 }

package/lib/layout/section/section.d.ts

@@ -0,0 +1 @@
+export declare type DbxSectionHeaderHType = 1 | 2 | 3 | 4 | 5;

package/lib/layout/section/section.header.component.d.ts

@@ -0,0 +1,14 @@
+import { Maybe } from '@dereekb/util';
+import { DbxSectionHeaderHType } from './section';
+import * as i0 from "@angular/core";
+/**
+ * Component used to style a section's header.
+ */
+export declare class DbxSectionHeaderComponent {
+    h?: Maybe<DbxSectionHeaderHType>;
+    header?: Maybe<string>;
+    icon?: Maybe<string>;
+    hint?: Maybe<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, ".dbx-section-header", never, { "h": "h"; "header": "header"; "icon": "icon"; "hint": "hint"; }, {}, never, ["*"]>;
+}

package/lib/layout/section/section.intro.component.d.ts

@@ -1,16 +1,16 @@
 import { OnDestroy } from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { DbNgxSectionComponent } from './section.component';
+import { DbxSectionComponent } from './section.component';
 import * as i0 from "@angular/core";
 /**
  * Component used to format content that displays an intro until a button is pressed.
  */
-export declare class DbNgxIntroActionSectionComponent extends DbNgxSectionComponent implements OnDestroy {
+export declare class DbxIntroActionSectionComponent extends DbxSectionComponent implements OnDestroy {
     showAction: EventEmitter<void>;
     showIntro?: boolean;
     action?: string;
     ngOnDestroy(): void;
     actionClicked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxIntroActionSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxIntroActionSectionComponent, "dbx-intro-action-section", never, { "showIntro": "showIntro"; "action": "action"; }, { "showAction": "showAction"; }, never, ["[info]", "*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxIntroActionSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIntroActionSectionComponent, "dbx-intro-action-section", never, { "showIntro": "showIntro"; "action": "action"; }, { "showAction": "showAction"; }, never, ["[info]", "*"]>;
 }

package/lib/layout/section/section.layout.module.d.ts

@@ -1,21 +1,19 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./section.page.component";
-import * as i2 from "./section.box.component";
-import * as i3 from "./section.box.anchor.component";
-import * as i4 from "./section.elevated.component";
-import * as i5 from "./section.component";
-import * as i6 from "./subsection.component";
-import * as i7 from "./section.intro.component";
-import * as i8 from "@angular/common";
-import * as i9 from "../../router/anchor/anchor.module";
-import * as i10 from "@angular/material/button";
-import * as i11 from "@angular/material/core";
-import * as i12 from "@angular/material/icon";
+import * as i1 from "./section.header.component";
+import * as i2 from "./section.page.component";
+import * as i3 from "./section.component";
+import * as i4 from "./subsection.component";
+import * as i5 from "./section.intro.component";
+import * as i6 from "@angular/common";
+import * as i7 from "../../router/layout/anchor/anchor.module";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/core";
+import * as i10 from "@angular/material/icon";
 /**
  * Module for container-type components.
  */
-export declare class DbNgxSectionLayoutModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxSectionLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbNgxSectionLayoutModule, [typeof i1.DbNgxSectionPageComponent, typeof i2.DbNgxSectionBoxComponent, typeof i3.DbNgxSectionBoxAnchorComponent, typeof i4.DbNgxSectionElevatedComponent, typeof i5.DbNgxSectionComponent, typeof i6.DbNgxSubSectionComponent, typeof i7.DbNgxIntroActionSectionComponent], [typeof i8.CommonModule, typeof i9.DbNgxAnchorModule, typeof i10.MatButtonModule, typeof i11.MatRippleModule, typeof i12.MatIconModule], [typeof i1.DbNgxSectionPageComponent, typeof i2.DbNgxSectionBoxComponent, typeof i3.DbNgxSectionBoxAnchorComponent, typeof i4.DbNgxSectionElevatedComponent, typeof i5.DbNgxSectionComponent, typeof i6.DbNgxSubSectionComponent, typeof i7.DbNgxIntroActionSectionComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DbNgxSectionLayoutModule>;
+export declare class DbxSectionLayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxSectionLayoutModule, [typeof i1.DbxSectionHeaderComponent, typeof i2.DbxSectionPageComponent, typeof i3.DbxSectionComponent, typeof i4.DbxSubSectionComponent, typeof i5.DbxIntroActionSectionComponent], [typeof i6.CommonModule, typeof i7.DbxAnchorModule, typeof i8.MatButtonModule, typeof i9.MatRippleModule, typeof i10.MatIconModule], [typeof i1.DbxSectionHeaderComponent, typeof i2.DbxSectionPageComponent, typeof i3.DbxSectionComponent, typeof i4.DbxSubSectionComponent, typeof i5.DbxIntroActionSectionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxSectionLayoutModule>;
 }

package/lib/layout/section/section.page.component.d.ts

@@ -1,10 +1,9 @@
+import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
 /**
  * Component used to style a page that is made up of app sections.
  */
-export declare class DbNgxSectionPageComponent {
-    header?: string;
-    icon?: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxSectionPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxSectionPageComponent, "dbx-section-page", never, { "header": "header"; "icon": "icon"; }, {}, never, ["[sectionHeader]", "*"]>;
+export declare class DbxSectionPageComponent extends DbxSectionHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionPageComponent, "dbx-section-page", never, {}, {}, never, ["[sectionHeader]", "*"]>;
 }

package/lib/layout/section/subsection.component.d.ts

@@ -1,9 +1,9 @@
-import { DbNgxSectionComponent } from './section.component';
+import { DbxSectionComponent } from './section.component';
 import * as i0 from "@angular/core";
 /**
- * Component used to format content on a page within a section.
+ * A subsection.
  */
-export declare class DbNgxSubSectionComponent extends DbNgxSectionComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxSubSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxSubSectionComponent, "dbx-subsection", never, {}, {}, never, ["*"]>;
+export declare class DbxSubSectionComponent extends DbxSectionComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSubSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSubSectionComponent, "dbx-subsection", never, {}, {}, never, ["[sectionHeader]", "*"]>;
 }

package/lib/layout/step/_step.scss

@@ -0,0 +1,59 @@
+@use '../../style/theming';
+
+// MARK: Variables
+
+
+// MARK: Mixin
+@mixin core() {}
+
+@mixin color($theme-config) {}
+
+@mixin typography($typography-config) {}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-step') {
+    $color: theming.get-color-config($theme-config);
+    $typography: theming.get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($typography);
+    }
+  }
+}
+
+/*
+  .step-section {
+    margin: 12px 0;
+
+    &.done {
+      .text {
+        // text-decoration: line-through;
+      }
+    }
+
+    .step-section-header {
+      margin-bottom: 8px;
+
+      .step {
+        font-weight: bold;
+        font-size: 1.3em;
+        margin-right: 8px;
+      }
+
+      .hint {
+        opacity: $hint-opacity;
+      }
+
+      .done-check {
+        color: green;
+      }
+    }
+
+    .step-section-content {}
+
+  }
+  */

package/lib/layout/step/step.component.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-export declare class DbNgxStepComponent {
+export declare class DbxStepComponent {
     done?: boolean;
     step?: number;
     text?: string;
     hint?: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxStepComponent, "dbx-step", never, { "done": "done"; "step": "step"; "text": "text"; "hint": "hint"; }, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxStepComponent, "dbx-step", never, { "done": "done"; "step": "step"; "text": "text"; "hint": "hint"; }, {}, never, ["*"]>;
 }

package/lib/layout/step/step.layout.module.d.ts

@@ -2,8 +2,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./step.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/icon";
-export declare class DbNgxStepLayoutModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxStepLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbNgxStepLayoutModule, [typeof i1.DbNgxStepComponent], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i1.DbNgxStepComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DbNgxStepLayoutModule>;
+export declare class DbxStepLayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxStepLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxStepLayoutModule, [typeof i1.DbxStepComponent], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i1.DbxStepComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxStepLayoutModule>;
 }

package/lib/layout/style/_style.scss

@@ -0,0 +1,101 @@
+@use 'sass:map';
+@use 'sass:list';
+@use '../../style/theming';
+
+// Sections
+@mixin core() {
+
+  .dbx-spacer,
+  .spacer {
+    flex: 1 1 auto;
+  }
+
+  .decoration {
+    pointer-events: none;
+  }
+
+  .no-margin {
+    margin: 0 !important;
+  }
+
+  .no-padding {
+    padding: 0 !important;
+  }
+
+  @each $i, $padding in theming.$padding-map {
+    .pad-#{$i},
+    .padding-#{$i} {
+      padding: $padding;
+    }
+  }
+
+  .d-block {
+    display: block;
+  }
+
+  .d-inline {
+    display: inline;
+  }
+
+}
+
+@mixin color($theme-config) {
+  $color-config: theming.get-color-config($theme-config);
+  $primary: map.get($color-config, 'primary');
+  $accent: map.get($color-config, 'accent');
+  $warn: map.get($color-config, 'warn');
+
+  $primary-color: theming.get-color-from-palette($primary, 500);
+  $primary-color-contrast: theming.get-color-from-palette($primary, '500-contrast');
+
+  $accent-color: theming.get-color-from-palette($accent, 500);
+  $accent-color-contrast: theming.get-color-from-palette($accent, '500-contrast');
+
+  $warn-color: theming.get-color-from-palette($warn, 500);
+  $warn-color-contrast: theming.get-color-from-palette($warn, '500-contrast');
+
+  .dbx-primary {
+    color: $primary-color;
+  }
+
+  .dbx-primary-bg {
+    background: $primary-color;
+    color: $primary-color-contrast;
+  }
+
+  .dbx-accent {
+    color: $accent-color;
+  }
+
+  .dbx-accent-bg {
+    background: $accent-color;
+    color: $accent-color-contrast;
+  }
+
+  .dbx-warn {
+    color: $warn-color;
+  }
+
+  .dbx-warn-bg {
+    background: $warn-color;
+    color: $warn-color-contrast;
+  }
+
+}
+
+@mixin typography($typography-config) {}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-style') {
+    $color: theming.get-color-config($theme-config);
+    $typography: theming.get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($typography);
+    }
+  }
+}

package/lib/layout/style/index.d.ts

@@ -0,0 +1,6 @@
+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';

package/lib/layout/style/spacer.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class DbxSpacerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSpacerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxSpacerDirective, "dbx-spacer, [dbx-spacer]", never, {}, {}, never>;
+}

package/lib/layout/style/style.body.directive.d.ts

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, Renderer2 } from '@angular/core';
+import { DbxStyleService } from './style.service';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import * as i0 from "@angular/core";
+/**
+ * Used to style the body document using the style provided by DbxStyleService.
+ */
+export declare class DbxStyleBodyDirective extends AbstractSubscriptionDirective {
+    private renderer;
+    readonly styleService: DbxStyleService;
+    private cdRef;
+    private _currentStyle;
+    constructor(renderer: Renderer2, styleService: DbxStyleService, cdRef: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStyleBodyDirective, "[dbxStyleBody]", never, {}, {}, never>;
+}

package/lib/layout/style/style.directive.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DbxStyleService } from './style.service';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import * as i0 from "@angular/core";
+/**
+ * Used to retrieve the current app styling from the DbxStyleService.
+ */
+export declare class DbxStyleDirective extends AbstractSubscriptionDirective {
+    readonly styleService: DbxStyleService;
+    private cdRef;
+    style: string;
+    constructor(styleService: DbxStyleService, cdRef: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStyleDirective, "dbx-style, [dbx-style], .dbx-style", never, {}, {}, never>;
+}

package/lib/layout/style/style.layout.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./spacer.directive";
+import * as i2 from "./style.directive";
+import * as i3 from "./style.set.directive";
+import * as i4 from "./style.body.directive";
+import * as i5 from "@angular/common";
+export declare class DbxStyleLayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxStyleLayoutModule, [typeof i1.DbxSpacerDirective, typeof i2.DbxStyleDirective, typeof i3.DbxSetStyleDirective, typeof i4.DbxStyleBodyDirective], [typeof i5.CommonModule], [typeof i1.DbxSpacerDirective, typeof i2.DbxStyleDirective, typeof i3.DbxSetStyleDirective, typeof i4.DbxStyleBodyDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxStyleLayoutModule>;
+}

package/lib/layout/style/style.service.d.ts

@@ -0,0 +1,37 @@
+import { Destroyable } from '@dereekb/util';
+import { Observable } from 'rxjs';
+import { InjectionToken } from '@angular/core';
+import { Maybe } from '@dereekb/util';
+import * as i0 from "@angular/core";
+export declare const DBX_STYLE_DEFAULT_CONFIG_TOKEN: InjectionToken<unknown>;
+export interface DbxStyleConfig {
+    /**
+     * Root style name.
+     */
+    style: string;
+    /**
+     * Suffixes available to this configuration.
+     */
+    suffixes?: Set<string>;
+}
+/**
+ * Used for managing styles within an app.
+ */
+export declare class DbxStyleService implements Destroyable {
+    private _defaultConfig;
+    private _config;
+    private _suffix;
+    readonly config$: Observable<DbxStyleConfig>;
+    readonly suffix$: Observable<Maybe<string>>;
+    readonly style$: Observable<string>;
+    constructor(defaultConfig?: DbxStyleConfig);
+    get suffix(): Maybe<string>;
+    set suffix(suffix: Maybe<string>);
+    getStyleWithConfig(configObs: Observable<DbxStyleConfig>): Observable<string>;
+    toggleDarkSuffix(dark?: Maybe<boolean>): void;
+    setDefaultConfig(defaultConfig: DbxStyleConfig): void;
+    setConfig(config: Observable<DbxStyleConfig>): void;
+    destroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbxStyleService>;
+}

package/lib/layout/style/style.set.directive.d.ts

@@ -0,0 +1,31 @@
+import { Observable } from 'rxjs';
+import { OnDestroy, ChangeDetectorRef, OnInit } from '@angular/core';
+import { Maybe } from '@dereekb/util';
+import { DbxStyleConfig, DbxStyleService } from './style.service';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import * as i0 from "@angular/core";
+/**
+ * Used to denote which app style to use for all children below this.
+ *
+ * Will update the parent DbxStyleService.
+ */
+export declare class DbxSetStyleDirective extends AbstractSubscriptionDirective implements OnDestroy, OnInit {
+    readonly styleService: DbxStyleService;
+    readonly cdRef: ChangeDetectorRef;
+    private _suffixes;
+    private _style;
+    readonly style$: Observable<string>;
+    readonly suffixes$: Observable<Set<string>>;
+    readonly config$: Observable<DbxStyleConfig>;
+    readonly outputStyle$: Observable<string>;
+    outputStyle: string;
+    constructor(styleService: DbxStyleService, cdRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get style(): string;
+    set style(style: string);
+    get suffixes(): Maybe<string>;
+    set suffixes(suffixes: Maybe<string>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSetStyleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxSetStyleDirective, "[dbxSetStyle]", never, { "style": "dbxSetStyle"; "suffixes": "suffixes"; }, {}, never>;
+}