@dereekb/dbx-web 9.24.2 → 9.24.4

package/lib/extension/calendar/_calendar.scss

@@ -51,6 +51,13 @@ $calendar-content-border-consideration: 2px;
       }
     }
 
+    .dbx-calendar-controls-right {
+      display: inline-flex;
+      align-items: flex-end;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+    }
+
     .dbx-calendar-content {
       height: 100%;
 

package/lib/interaction/dialog/dialog.content.d.ts

@@ -0,0 +1,2 @@
+import { MatDialogConfig } from '@angular/material/dialog';
+export declare type DbxDialogContentConfig = Omit<MatDialogConfig, 'viewContainerRef' | 'injector' | 'id' | 'data'>;

package/lib/interaction/dialog/index.d.ts

@@ -3,4 +3,5 @@ export * from './dialog.content.close.component';
 export * from './dialog.content.footer.component';
 export * from './dialog.content.component';
 export * from './dialog.action.directive';
+export * from './dialog.content';
 export * from './dialog.module';

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

@@ -3,7 +3,7 @@ import { NgOverlayContainerConfiguration, NgPopoverCloseType, NgPopoverRef } fro
 import { AbstractTransitionWatcherDirective, DbxRouterTransitionService, DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { LockSet } from '@dereekb/rxjs';
 import { CompactContextStore } from '../../layout/compact';
-import { Maybe, PromiseOrValue } from '@dereekb/util';
+import { Maybe, PromiseOrValue, SpaceSeparatedCssClasses } from '@dereekb/util';
 import { DbxPopoverController, DbxPopoverKey } from './popover';
 import * as i0 from "@angular/core";
 export declare abstract class DbxPopoverComponentController<O, I> extends DbxPopoverController<O, I> {
@@ -34,6 +34,10 @@ export interface DbxPopoverComponentConfig<O, I, T> {
      * Component to inject into the popover.
      */
     componentClass: Type<T>;
+    /**
+     * Panel classes to add to the popover.
+     */
+    panelClass?: Maybe<SpaceSeparatedCssClasses>;
     /**
      * Data available to the popover.
      */
@@ -59,6 +63,7 @@ export declare class DbxPopoverComponent<O = unknown, I = unknown, T = unknown>
     getClosingValueFn?: (value: Maybe<I>, closeType: NgPopoverCloseType) => PromiseOrValue<O | undefined>;
     constructor(popoverRef: NgPopoverRef<FullDbxPopoverComponentConfig<O, I, T>, O>, compactContextState: CompactContextStore, dbxRouterTransitionService: DbxRouterTransitionService, ngZone: NgZone);
     get config(): FullDbxPopoverComponentConfig<O, I, T>;
+    get panelClass(): Maybe<SpaceSeparatedCssClasses>;
     get key(): DbxPopoverKey;
     get data(): Maybe<I>;
     get triggerCloseKeys(): string[];

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

@@ -6,7 +6,6 @@ import * as i0 from "@angular/core";
 export interface DbxPopoverConfigSizing extends Pick<NgOverlayContainerConfiguration, 'originX' | 'originY' | 'height' | 'width' | 'minHeight' | 'minWidth' | 'isResizable'> {
 }
 export interface DbxPopoverConfig<O, I, T> extends DbxPopoverComponentConfig<O, I, T>, DbxPopoverConfigSizing {
-    panelClass?: string;
     injector?: Injector;
 }
 /**

package/lib/layout/style/_style.scss

@@ -1,7 +1,11 @@
 @use 'sass:map';
 @use 'sass:list';
+@use 'sass:color';
 @use '../../style/theming';
 
+$dbx-ok-color-var: --dbx-ok-color;
+$dbx-success-color-var: --dbx-success-color;
+
 // Sections
 @mixin core() {
   .dbx-spacer,
@@ -95,6 +99,10 @@
   $background-text-color: theming.get-color-from-palette($foreground, 'text');
   $background-color: theming.get-color-from-palette($background, 'background');
 
+  // todo: consider adding color customization or setting as a variable
+  $ok-color: color.scale(blue, $lightness: 30%);
+  $success-color: green;
+
   .dbx-primary {
     color: $primary-color;
   }
@@ -122,6 +130,24 @@
     color: $warn-color-contrast;
   }
 
+  .dbx-success {
+    color: $success-color;
+  }
+
+  .dbx-success-bg {
+    background: $success-color;
+    color: $warn-color-contrast;
+  }
+
+  .dbx-ok {
+    color: $ok-color;
+  }
+
+  .dbx-ok-bg {
+    background: $ok-color;
+    color: $warn-color-contrast;
+  }
+
   .dbx-grey {
     color: $grey-color;
   }

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

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * Used to apply a background style using a color.
  */
 export declare class DbxColorDirective {
-    style: string;
+    cssClass: string;
     set dbxColor(dbxColor: Maybe<DbxThemeColor | ''>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxColorDirective, "[dbxColor]", never, { "dbxColor": "dbxColor"; }, {}, never, never, false>;

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

@@ -1,3 +1,3 @@
-import { Maybe } from '@dereekb/util';
-export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'background' | 'grey' | 'disabled';
-export declare function dbxColorBackground(color: Maybe<DbxThemeColor | ''>): string;
+import { CssClass, Maybe } from '@dereekb/util';
+export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'ok' | 'success' | 'background' | 'grey' | 'disabled';
+export declare function dbxColorBackground(color: Maybe<DbxThemeColor | ''>): CssClass;

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

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export declare class DbxStyleDirective extends AbstractSubscriptionDirective {
     readonly styleService: DbxStyleService;
     private cdRef;
-    style: string;
+    cssClass: string;
     constructor(styleService: DbxStyleService, cdRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStyleDirective, "dbx-style, [dbxStyle], .dbx-style", never, {}, {}, never, never, false>;

package/lib/layout/text/_text.scss

@@ -56,7 +56,14 @@ $dbx-detail-block-content-offset: 30px;
     padding-left: $dbx-detail-block-content-offset;
   }
 
+  .dbx-detail-line {
+    display: block;
+    padding-top: 3px;
+  }
+
   .dbx-detail-block {
+    display: block;
+
     .dbx-detail-block-header {
       padding-bottom: 2px;
 
@@ -147,8 +154,6 @@ $dbx-detail-block-content-offset: 30px;
     $outlined-text-color: $border-color;
   }
 
-  $ok-color: color.scale(blue, $lightness: 30%);
-  $success-color: green;
   $notice-color: #f28600;
 
   .dbx-hint,
@@ -160,14 +165,6 @@ $dbx-detail-block-content-offset: 30px;
     opacity: $faint-opacity;
   }
 
-  .dbx-success {
-    color: $success-color;
-  }
-
-  .dbx-ok {
-    color: $ok-color;
-  }
-
   .dbx-label,
   .dbx-sublabel,
   .dbx-chip-sublabel,

package/mapbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.24.2",
+  "version": "9.24.4",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/dbx-core": "9.24.2",
-    "@dereekb/dbx-web": "9.24.2",
+    "@dereekb/dbx-core": "9.24.4",
+    "@dereekb/dbx-web": "9.24.4",
     "ngx-mapbox-gl": "^9.1.0",
     "mapbox-gl": "^2.9.2",
     "@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "9.24.2",
+  "version": "9.24.4",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "linkify-string": "4.0.0-beta.5",
     "linkifyjs": "^4.0.0-beta.5",
     "@angular/material": "^14.2.0",
-    "@dereekb/rxjs": "9.24.2",
-    "@dereekb/dbx-core": "9.24.2",
+    "@dereekb/rxjs": "9.24.4",
+    "@dereekb/dbx-core": "9.24.4",
     "change-case": "^4.1.2",
     "@angular/flex-layout": "^14.0.0-beta.41",
     "ng-overlay-container": "^14.0.0",

package/table/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-web/table",
-  "version": "9.24.2",
+  "version": "9.24.4",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
-    "@dereekb/dbx-core": "9.24.2",
+    "@dereekb/dbx-core": "9.24.4",
     "@angular/material": "^14.2.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.24.2"
+    "@dereekb/dbx-web": "9.24.4"
   },
   "dependencies": {
     "tslib": "^2.3.0"