@dereekb/dbx-web 4.0.1 → 5.0.1

package/lib/interaction/popover/popover.action.directive.d.ts

@@ -8,17 +8,17 @@ import * as i0 from "@angular/core";
 export interface DbxActionPopoverFunctionParams {
     origin: ElementRef;
 }
-export declare type DbxActionPopoverFunction<T = any> = (params: DbxActionPopoverFunctionParams) => NgPopoverRef<any, Maybe<T>>;
+export declare type DbxActionPopoverFunction<T = unknown> = (params: DbxActionPopoverFunctionParams) => NgPopoverRef<unknown, Maybe<T>>;
 /**
  * Action directive that is used to trigger/display a popover, then watches that popover for a value.
  */
-export declare class DbxActionPopoverDirective<T = any> extends AbstractDbxActionValueOnTriggerDirective<T> implements OnInit, OnDestroy {
+export declare class DbxActionPopoverDirective<T = unknown> extends AbstractDbxActionValueOnTriggerDirective<T> implements OnInit, OnDestroy {
     readonly elementRef: ElementRef;
     fn?: DbxActionPopoverFunction<T>;
     set dbxActionPopoverModified(isModifiedFunction: Maybe<IsModifiedFunction>);
-    constructor(elementRef: ElementRef, source: DbxActionContextStoreSourceInstance<T, any>);
+    constructor(elementRef: ElementRef, source: DbxActionContextStoreSourceInstance<T, unknown>);
     protected _getDataFromPopover(): Observable<Maybe<T>>;
-    protected _makePopoverRef(): NgPopoverRef<any, Maybe<T>>;
+    protected _makePopoverRef(): NgPopoverRef<unknown, Maybe<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionPopoverDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionPopoverDirective<any>, "[dbxActionPopover]", ["dbxActionPopover"], { "fn": "dbxActionPopover"; "dbxActionPopoverModified": "dbxActionPopoverModified"; }, {}, never>;
 }

package/lib/interaction/popover/popover.component.d.ts

@@ -46,7 +46,7 @@ export interface FullDbxPopoverComponentConfig<O, I, T> extends DbxPopoverCompon
 /**
  * Popover component.
  */
-export declare class DbxPopoverComponent<O = any, I = any, T = any> extends AbstractTransitionWatcherDirective implements DbxPopoverController<O, I>, OnInit, OnDestroy {
+export declare class DbxPopoverComponent<O = unknown, I = unknown, T = unknown> extends AbstractTransitionWatcherDirective implements DbxPopoverController<O, I>, OnInit, OnDestroy {
     private popoverRef;
     private compactContextState;
     readonly lockSet: LockSet;
@@ -67,7 +67,7 @@ export declare class DbxPopoverComponent<O = any, I = any, T = any> extends Abst
     protected updateForSuccessfulTransition(): void;
     close(): void;
     return(value?: O): void;
-    handleKeydown(key: KeyboardEvent): void;
+    handleKeydown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverComponent<any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverComponent<any, any, any>, "ng-component", never, {}, {}, never, never>;
 }

package/lib/interaction/popover/popover.controls.directive.d.ts

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxPopoverControlsDirective {
     constructor(appPopoverContentComponent: DbxPopoverContentComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverControlsDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverControlsDirective, "dbx-popover-controls,[dbx-popover-controls],.dbx-popover-controls", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverControlsDirective, "dbx-popover-controls,[dbxPopoverControls],.dbx-popover-controls", never, {}, {}, never>;
 }

package/lib/interaction/popover/popover.coordinator.service.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxPopoverCoordinatorService implements OnDestroy {
     private _popovers;
-    readonly popovers$: import("rxjs").Observable<Map<string, DbxPopoverController<any, any>>>;
+    readonly popovers$: import("rxjs").Observable<Map<string, DbxPopoverController<unknown, unknown>>>;
     ngOnDestroy(): void;
     get popovers(): Map<DbxPopoverKey, DbxPopoverController>;
     addPopover(popover: DbxPopoverController): void;

package/lib/interaction/popover/popover.d.ts

@@ -1,7 +1,7 @@
-import { Maybe } from "@dereekb/util";
-import { Observable } from "rxjs";
+import { Maybe } from '@dereekb/util';
+import { Observable } from 'rxjs';
 export declare type DbxPopoverKey = string;
-export declare abstract class DbxPopoverController<O = any, I = any> {
+export declare abstract class DbxPopoverController<O = unknown, I = unknown> {
     abstract readonly key: DbxPopoverKey;
     abstract readonly data?: Maybe<I>;
     abstract readonly closing$: Observable<boolean>;

package/lib/interaction/popup/_popup.scss

@@ -13,7 +13,6 @@ $dbx-popup-border-radius: 4px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-popup-content {
     box-sizing: border-box;
     overflow: hidden;
@@ -21,7 +20,7 @@ $dbx-popup-border-radius: 4px;
   }
 
   .dbx-popup-content-container {
-    max-height: calc(theming.$app-height - #{ $dbx-popup-controls-height });
+    max-height: calc(theming.$app-height - #{$dbx-popup-controls-height});
     padding: $dbx-popup-content-padding;
     padding-top: $dbx-popup-content-padding-top;
     overflow: auto;
@@ -43,7 +42,6 @@ $dbx-popup-border-radius: 4px;
     display: inline-block;
     text-align: right;
   }
-
 }
 
 @mixin color($theme-config) {
@@ -59,11 +57,9 @@ $dbx-popup-border-radius: 4px;
 }
 
 @mixin typography($typography-config) {
-
   .dbx-popup-controls-header {
     @include theming.limit-text();
   }
-
 }
 
 @mixin theme($theme-config) {

package/lib/interaction/popup/abstract.popup.directive.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * Abstract popup directive.
  */
-export declare abstract class AbstractPopupDirective<O = any, I = any, T = any> {
+export declare abstract class AbstractPopupDirective<O = unknown, I = unknown, T = unknown> {
     readonly popup: DbxPopupComponent<O, I, T>;
     constructor(popup: DbxPopupComponent<O, I, T>);
     closePopup(): void;

package/lib/interaction/popup/popup.component.d.ts

@@ -30,7 +30,7 @@ export interface DbxPopupComponentConfig<O, I, T> {
 /**
  * Popup component.
  */
-export declare class DbxPopupComponent<O = any, I = any, T = any> extends AbstractTransitionWatcherDirective implements DbxPopupController<O, I>, OnDestroy {
+export declare class DbxPopupComponent<O = unknown, I = unknown, T = unknown> extends AbstractTransitionWatcherDirective implements DbxPopupController<O, I>, OnDestroy {
     private popoverRef;
     private compactContextState;
     private _position;

package/lib/interaction/popup/popup.coordinator.service.d.ts

@@ -6,8 +6,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxPopupCoordinatorService implements OnDestroy {
     private _popups;
-    readonly popups$: import("rxjs").Observable<Map<string, DbxPopupController<any, any>>>;
-    constructor();
+    readonly popups$: import("rxjs").Observable<Map<string, DbxPopupController<unknown, unknown>>>;
     ngOnDestroy(): void;
     get popups(): Map<DbxPopupKey, DbxPopupController>;
     addPopup(popup: DbxPopupController): void;

package/lib/interaction/popup/popup.d.ts

@@ -6,7 +6,7 @@ export declare enum DbxPopupWindowState {
     MINIMIZED = "minimized",
     FULLSCREEN = "fullscreen"
 }
-export declare abstract class DbxPopupController<O = any, I = any> {
+export declare abstract class DbxPopupController<O = unknown, I = unknown> {
     abstract readonly key: DbxPopupKey;
     abstract readonly data?: Maybe<I>;
     abstract readonly windowState$: Observable<DbxPopupWindowState>;

package/lib/interaction/prompt/_prompt.scss

@@ -6,10 +6,9 @@ $dbx-popup-controls-height: 33px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-prompt-page {
     .dbx-prompt-page-content-wrap {
-      padding-top: calc(theming.$app-height * .2)
+      padding-top: calc(theming.$app-height * 0.2);
     }
   }
 
@@ -21,14 +20,14 @@ $dbx-popup-controls-height: 33px;
     &.elevated {
       @include theming.elevation(2);
     }
-
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-prompt') {

package/lib/interaction/prompt/prompt.confirm.d.ts

@@ -4,4 +4,4 @@ import { Observable } from 'rxjs';
 export declare abstract class DbxPromptConfirm {
     abstract showDialog(): Observable<Maybe<boolean>>;
 }
-export declare function ProvideDbxPromptConfirm<S>(sourceType: Type<S>): Provider[];
+export declare function provideDbxPromptConfirm<S extends DbxPromptConfirm>(sourceType: Type<S>): Provider[];

package/lib/interaction/prompt/prompt.confirm.directive.d.ts

@@ -20,9 +20,9 @@ export declare abstract class AbstractPromptConfirmDirective implements DbxPromp
 /**
  * Directive that shows a confirmation screen.
  */
-export declare class DbxPromptConfirmDirective<T, O> extends AbstractPromptConfirmDirective {
+export declare class DbxPromptConfirmDirective extends AbstractPromptConfirmDirective {
     config?: DbxPromptConfirmConfig;
     constructor(dialog: MatDialog);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmDirective<any, any>, "[dbxPromptConfirm]", never, { "config": "dbxPromptConfirm"; }, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmDirective, "[dbxPromptConfirm]", never, { "config": "dbxPromptConfirm"; }, {}, never>;
 }

package/lib/interaction/style/_style.scss

@@ -5,11 +5,9 @@
 
 // Sections
 @mixin core() {
-
   .cdk-overlay-pane .mat-menu-panel {
     max-width: 90vw;
   }
-
 }
 
 @mixin color($theme-config) {
@@ -18,7 +16,10 @@
   $foreground: map.get($color-config, 'foreground');
   $cdk-background-color: theming.get-color-from-palette($background, 'background');
   $cdk-text-color: theming.get-color-from-palette($foreground, 'text');
-  $cdk-border-color: color.adjust($color: $cdk-text-color, $alpha: -0.90);
+  $cdk-border-color: color.adjust(
+    $color: $cdk-text-color,
+    $alpha: -0.9
+  );
 
   .ng-overlay-container {
     color: $cdk-text-color;
@@ -26,10 +27,10 @@
     @include theming.elevation(8);
     border: 1px solid $cdk-border-color;
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-style') {

package/lib/layout/bar/_bar.scss

@@ -9,7 +9,6 @@ $bar-vertical-padding: theming.$padding-1;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-banner {
     @include theming.elevation(3);
   }
@@ -33,7 +32,6 @@ $bar-vertical-padding: theming.$padding-1;
       display: none;
     }
   }
-
 }
 
 @mixin color($theme-config) {
@@ -54,15 +52,12 @@ $bar-vertical-padding: theming.$padding-1;
     background: $dbx-bar-bg-color;
     color: $dbx-bar-color;
   }
-
 }
 
 @mixin typography($typography-config) {
-
   .dbx-bar {
     font-size: theming.font-size($typography-config, 'caption');
   }
-
 }
 
 @mixin theme($theme-config) {

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

@@ -7,5 +7,5 @@ import * as i0 from "@angular/core";
 export declare class DbxBarDirective {
     color?: Maybe<DbxBarColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar", never, { "color": "color"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar,[dbxBar]", never, { "color": "color"; }, {}, never>;
 }

package/lib/layout/block/_block.scss

@@ -6,7 +6,6 @@ $two-block-top-height-var: --dbx-two-block-top-height;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-two-block.dbx-two-block-fixed-top {
     height: 100%;
   }
@@ -19,12 +18,13 @@ $two-block-top-height-var: --dbx-two-block-top-height;
       height: calc(100% - var($two-block-top-height-var));
     }
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-block') {

package/lib/layout/card/_card.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-card') {

package/lib/layout/column/_column.scss

@@ -8,7 +8,6 @@ $two-columns-right-padding-size: 6px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-two-column {
     height: 100%;
     max-width: 100%;
@@ -43,7 +42,6 @@ $two-columns-right-padding-size: 6px;
       }
     }
 
-
     .right-column {
       flex: 1 1 auto;
       max-width: calc(100% - #{$two-column-left-width});
@@ -93,13 +91,10 @@ $two-columns-right-padding-size: 6px;
     .side-spacer {
       padding-left: $two-columns-right-padding-size;
     }
-
   }
-
 }
 
 @mixin color($theme-config) {
-
   .dbx-two-column {
     @include theming.if-small-screen($theme-config) {
       .left-column {
@@ -121,10 +116,10 @@ $two-columns-right-padding-size: 6px;
       }
     }
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-column') {

package/lib/layout/column/two/two.column.component.d.ts

@@ -1,5 +1,4 @@
-import { ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { Observable } from 'rxjs';
 import { TwoColumnsContextStore } from './two.column.store';

package/lib/layout/column/two/two.column.context.directive.d.ts

@@ -1,5 +1,4 @@
-import { OnDestroy } from '@angular/core';
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { Maybe } from '@dereekb/util';
 import { TwoColumnsContextStore } from './two.column.store';
 import * as i0 from "@angular/core";

package/lib/layout/column/two/two.column.full.left.directive.d.ts

@@ -1,5 +1,4 @@
-import { OnInit } from '@angular/core';
-import { OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { TwoColumnsContextStore } from './two.column.store';
 import * as i0 from "@angular/core";
 /**
@@ -9,7 +8,7 @@ export declare class DbxTwoColumnFullLeftDirective implements OnInit, OnDestroy
     private readonly _twoColumnsContextStore;
     private _fullLeft;
     get fullLeft(): boolean;
-    set fullLeft(fullLeft: boolean);
+    set fullLeft(fullLeft: boolean | '');
     constructor(_twoColumnsContextStore: TwoColumnsContextStore);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/layout/column/two/two.column.store.d.ts

@@ -36,7 +36,7 @@ export declare class TwoColumnsContextStore extends ComponentStore<TwoColumnsSta
     /**
      * Pipes the current backRef value.
      */
-    readonly backRef$: import("rxjs").Observable<SegueRef<any> | undefined>;
+    readonly backRef$: import("rxjs").Observable<SegueRef<object> | undefined>;
     /**
      * Emits back events.
      */
@@ -56,7 +56,7 @@ export declare class TwoColumnsContextStore extends ComponentStore<TwoColumnsSta
     /**
      * Sets the new back ref.
      */
-    readonly setBackRef: (observableOrValue: SegueRef<any> | import("rxjs").Observable<SegueRef<any>>) => import("rxjs").Subscription;
+    readonly setBackRef: (observableOrValue: SegueRef<object> | import("rxjs").Observable<SegueRef<object>>) => import("rxjs").Subscription;
     /**
      * Emits a back event.
      */
@@ -65,4 +65,4 @@ export declare class TwoColumnsContextStore extends ComponentStore<TwoColumnsSta
     static ɵfac: i0.ɵɵFactoryDeclaration<TwoColumnsContextStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TwoColumnsContextStore>;
 }
-export declare function ProvideTwoColumnsContext(): Provider[];
+export declare function provideTwoColumnsContext(): Provider[];

package/lib/layout/content/_content.scss

@@ -17,7 +17,6 @@ $content-container-padding: theming.$padding-4;
 $content-container-padding-small-screen: theming.$padding-2;
 
 @mixin core() {
-
   .dbx-content-border {
     padding: $content-border-inner-padding;
   }
@@ -108,9 +107,7 @@ $content-container-padding-small-screen: theming.$padding-2;
       overflow-x: hidden;
       overflow-y: auto;
     }
-
   }
-
 }
 
 @mixin color($theme-config) {
@@ -132,9 +129,7 @@ $content-container-padding-small-screen: theming.$padding-2;
   }
 
   .dbx-content-container {
-
     @include theming.if-small-screen($theme-config) {
-
       // reduce all paddings down.
       &,
       &.container-padding-min,
@@ -146,14 +141,12 @@ $content-container-padding-small-screen: theming.$padding-2;
       &.container-padding-none {
         padding: 0;
       }
-
     }
-
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-content') {

package/lib/layout/content/content.border.directive.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxContentBorderDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentBorderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBorderDirective, "dbx-content-border,[dbx-content-border]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBorderDirective, "dbx-content-border,[dbxContentBorder]", never, {}, {}, never>;
 }

package/lib/layout/content/content.box.directive.d.ts

@@ -6,5 +6,5 @@ export declare class DbxContentBoxDirective {
     elevated: boolean;
     wide: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentBoxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBoxDirective, "dbx-content-box, [dbx-content-box]", never, { "elevated": "elevated"; "wide": "wide"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBoxDirective, "dbx-content-box, [dbxContentBox]", never, { "elevated": "elevated"; "wide": "wide"; }, {}, never>;
 }

package/lib/layout/content/content.container.directive.d.ts

@@ -8,5 +8,5 @@ export declare class DbxContentContainerDirective {
     grow: DbxContentContainerWidth;
     padding: DbxContentContainerPadding;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentContainerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentContainerDirective, "dbx-content-container,[dbx-content-container],.dbx-content-container", never, { "grow": "grow"; "padding": "padding"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentContainerDirective, "dbx-content-container,[dbxContentContainer],.dbx-content-container", never, { "grow": "grow"; "padding": "padding"; }, {}, never>;
 }

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

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

package/lib/layout/content/content.elevate.directive.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxContentElevateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentElevateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentElevateDirective, "dbx-content-elevate,[dbx-content-elevate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentElevateDirective, "dbx-content-elevate,[dbxContentElevate]", never, {}, {}, never>;
 }

package/lib/layout/content/content.page.directive.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxContentPageDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentPageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentPageDirective, "dbx-content-page,[dbx-content-page]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentPageDirective, "dbx-content-page,[dbxContentPage]", never, {}, {}, never>;
 }

package/lib/layout/flag/_flag.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-flag') {

package/lib/layout/flex/_flex.scss

@@ -6,7 +6,6 @@ $dbx-flex-group-columns-count: 6;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-flex {
     display: flex;
   }
@@ -22,7 +21,7 @@ $dbx-flex-group-columns-count: 6;
     margin: 0 #{-$dbx-flex-group-padding} #{-$dbx-flex-group-padding} 0;
     // padding: 0 $dbx-flex-group-padding $dbx-flex-group-padding 0;
 
-    >* {
+    > * {
       box-sizing: border-box;
       padding: 0 $dbx-flex-group-padding $dbx-flex-group-padding 0;
     }
@@ -35,10 +34,9 @@ $dbx-flex-group-columns-count: 6;
         max-width: calc((100% * (#{$i}/#{$dbx-flex-group-columns-count})));
       }
     }
-
   }
 
-  .dbx-flex-group-relative>.dbx-flex-group,
+  .dbx-flex-group-relative > .dbx-flex-group,
   .dbx-flex-group.dbx-flex-group-relative {
     @for $i from 1 through 6 {
       .dbx-flex-#{$i} {
@@ -47,7 +45,7 @@ $dbx-flex-group-columns-count: 6;
     }
   }
 
-  .dbx-flex-group-small>.dbx-flex-group,
+  .dbx-flex-group-small > .dbx-flex-group,
   .dbx-flex-group.dbx-flex-group-small {
     @for $i from 1 through 5 {
       .dbx-flex-#{$i} {
@@ -57,12 +55,13 @@ $dbx-flex-group-columns-count: 6;
       }
     }
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-flex') {

package/lib/layout/flex/flex.group.directive.d.ts

@@ -1,13 +1,13 @@
 import { ScreenMediaWidthType } from '../../screen/screen';
 import { DbxScreenMediaService } from '../../screen/screen.service';
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Used to declare a dbxFlexGroup.
  */
-export declare class DbxFlexGroupDirective extends AbstractSubscriptionDirective implements OnInit {
+export declare class DbxFlexGroupDirective extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
     private readonly _dbxScreenMediaService;
     readonly cdRef: ChangeDetectorRef;
     content: boolean;

package/lib/layout/item/_item.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-item') {