@dereekb/dbx-web 5.0.0 → 5.2.0

package/lib/action/snackbar/_snackbar.scss

@@ -2,20 +2,19 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-action-snackbar {
     display: flex;
     align-items: center;
   }
-
 }
 
-@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-action-snackbar') {

package/lib/action/snackbar/action.snackbar.d.ts

@@ -1,7 +1,7 @@
-import { MatSnackBarConfig } from "@angular/material/snack-bar";
-import { DbxActionContextSourceReference } from "@dereekb/dbx-core";
-import { LoadingState, LoadingStateType } from "@dereekb/rxjs";
-import { Maybe } from "@dereekb/util";
+import { MatSnackBarConfig } from '@angular/material/snack-bar';
+import { DbxActionContextSourceReference } from '@dereekb/dbx-core';
+import { LoadingState, LoadingStateType } from '@dereekb/rxjs';
+import { Maybe } from '@dereekb/util';
 export declare type DbxActionSnackbarType = string;
 export declare type DbxActionSnackbarKnownType = 'none' | 'create' | 'save' | 'delete' | 'merge' | 'send' | 'cancel' | 'restore' | 'refresh' | 'read' | 'unread';
 /**

package/lib/action/snackbar/action.snackbar.generator.d.ts

@@ -1,6 +1,6 @@
-import { DbxActionContextSourceReference } from "@dereekb/dbx-core";
-import { Milliseconds, Maybe, GetterOrValue, Getter } from "@dereekb/util";
-import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarEvent } from "./action.snackbar";
+import { DbxActionContextSourceReference } from '@dereekb/dbx-core';
+import { Milliseconds, Maybe, GetterOrValue, Getter } from '@dereekb/util';
+import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarEvent } from './action.snackbar';
 export interface DbxActionSnackbarGeneratorInput<T = unknown, O = unknown> {
     event: DbxActionSnackbarEvent<O>;
     undo?: Maybe<DbxActionSnackbarGeneratorUndoInput<T, O>>;

package/lib/action/snackbar/action.snackbar.service.d.ts

@@ -1,9 +1,9 @@
 import { DbxActionSnackbarComponent } from './action.snackbar.component';
-import { InjectionToken, Type } from "@angular/core";
-import { MatSnackBar, MatSnackBarConfig, MatSnackBarRef } from "@angular/material/snack-bar";
-import { Milliseconds, Maybe } from "@dereekb/util";
-import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarType } from "./action.snackbar";
-import { DbxActionSnackbarGeneratorInput, DbxMakeActionSnackbarGeneratorConfiguration } from "./action.snackbar.generator";
+import { InjectionToken, Type } from '@angular/core';
+import { MatSnackBar, MatSnackBarConfig, MatSnackBarRef } from '@angular/material/snack-bar';
+import { Milliseconds, Maybe } from '@dereekb/util';
+import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarType } from './action.snackbar';
+import { DbxActionSnackbarGeneratorInput, DbxMakeActionSnackbarGeneratorConfiguration } from './action.snackbar.generator';
 import * as i0 from "@angular/core";
 export declare const DBX_ACTION_SNACKBAR_SERVICE_CONFIG: InjectionToken<unknown>;
 export declare const DEFAULT_SNACKBAR_DIRECTIVE_DURATION: number;

package/lib/button/_button.scss

@@ -5,7 +5,6 @@ $button-spacer-width: 6px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-wide-button {
     .dbx-button {
       min-width: 120px;
@@ -30,12 +29,13 @@ $button-spacer-width: 6px;
     // mat-spinners marked with dbx-spinner-custom should allow the stroke to be inherited.
     stroke: unset !important;
   }
-
 }
 
-@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-button') {

package/lib/button/progress/bar.button.component.scss

@@ -7,7 +7,7 @@
       width: 100%;
     }
     .bar {
-      position:absolute;
+      position: absolute;
       top: 0;
       left: 0;
     }

package/lib/button/progress/spinner.button.component.scss

@@ -5,7 +5,7 @@
       cursor: not-allowed;
     }
     & ::ng-deep .mat-button-wrapper {
-      display:flex;
+      display: flex;
       align-items: center;
       justify-content: center;
     }
@@ -15,22 +15,22 @@
     .spinner {
       position: absolute;
       // top: 25%;
-      opacity:0;
-      transition: opacity .3s ease-in-out;
+      opacity: 0;
+      transition: opacity 0.3s ease-in-out;
       &.working {
         opacity: 1;
       }
     }
     .button-text {
       opacity: 1;
-      transition: opacity .3s ease-in-out;
+      transition: opacity 0.3s ease-in-out;
       &.working {
         opacity: 0;
       }
     }
     mat-icon.mat-button-icon {
       padding-right: 5px;
-      transition: opacity .3s ease-in-out;
+      transition: opacity 0.3s ease-in-out;
       &.is-mat-icon {
         font-size: 18px;
         position: relative;

package/lib/error/_error.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-error') {

package/lib/interaction/dialog/_dialog.scss

@@ -6,9 +6,7 @@ $max-dialog-width: 90vw;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-dialog-content {
-
     &.normal-dialog-content {
       width: $dialog-width;
       min-width: $dialog-width;
@@ -17,14 +15,14 @@ $max-dialog-width: 90vw;
     &.wide-dialog-content {
       width: $max-dialog-width;
     }
-    
   }
-
 }
 
-@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-dialog') {

package/lib/interaction/filter/_filter.scss

@@ -3,11 +3,14 @@
 // 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-interaction-filter') {

package/lib/interaction/popover/_popover.scss

@@ -7,7 +7,6 @@ $dbx-popover-header-height: 48px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-popover-content,
   .dbx-popover-component {
     height: 100%;
@@ -72,12 +71,10 @@ $dbx-popover-header-height: 48px;
     &.popover-has-controls-and-header {
       @include fillPopoverContentHeight(1, 1);
     }
-
   }
 }
 
 @mixin color($theme-config) {
-
   .dbx-popover-header {
     .dbx-popover-header-content {
       @include theming.if-small-screen($theme-config) {
@@ -85,10 +82,10 @@ $dbx-popover-header-height: 48px;
       }
     }
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-popover') {

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

@@ -1,5 +1,5 @@
-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 = unknown, I = unknown> {
     abstract readonly key: DbxPopoverKey;

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/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/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/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/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/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/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') {

package/lib/layout/list/_list.scss

@@ -2,10 +2,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-list {
     overflow: hidden;
     height: 100%;
@@ -27,7 +25,6 @@
     &.dbx-list-content-hidden {
       display: none;
     }
-
   }
 
   .dbx-list-content-box {
@@ -35,7 +32,6 @@
   }
 
   .dbx-list-view {
-
     .mat-list-base .dbx-list-view-item.mat-list-item {
       height: unset;
 
@@ -46,15 +42,15 @@
           min-height: 56px;
         }
       }
-
     }
   }
-
 }
 
-@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-list') {

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

@@ -1,8 +1,8 @@
 import { ListLoadingState, ObservableOrValue } from '@dereekb/rxjs';
 import { Observable } from 'rxjs';
-import { EventEmitter, OnInit, OnDestroy } from "@angular/core";
-import { DbxListConfig } from "./list.component";
-import { DbxListSelectionMode, DbxListView, ListSelectionState } from "./list.view";
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { DbxListConfig } from './list.component';
+import { DbxListSelectionMode, DbxListView, ListSelectionState } from './list.view';
 import { Maybe } from '@dereekb/util';
 import { DbxListViewWrapper } from './list.wrapper';
 import * as i0 from "@angular/core";