@dereekb/dbx-web 9.23.28 → 9.24.0

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

@@ -4,11 +4,11 @@ import { NgPopoverRef } from 'ng-overlay-container';
 import { Observable } from 'rxjs';
 import { AbstractPopoverDirective } from '../popover/abstract.popover.directive';
 import { DbxPopoverComponent } from '../popover/popover.component';
-import { DbxPopoverService } from '../popover/popover.service';
+import { DbxPopoverConfigSizing, DbxPopoverService } from '../popover/popover.service';
 import { FilterSource, FilterSourceConnector, PresetFilterSource } from '@dereekb/rxjs';
 import { DbxPopoverKey } from '../popover/popover';
 import * as i0 from "@angular/core";
-export interface DbxFilterComponentParams<F extends object = object, P extends string = string> {
+export interface DbxFilterComponentParams<F extends object = object, P extends string = string> extends DbxPopoverConfigSizing {
     /**
      * Custom icon
      *
@@ -60,7 +60,7 @@ export declare class DbxFilterPopoverComponent<F extends object> extends Abstrac
     private _showPreset;
     readonly showPreset$: Observable<boolean>;
     readonly config$: Observable<DbxInjectionComponentConfig<FilterSource<F>>>;
-    static openPopover<F extends object>(popupService: DbxPopoverService, { origin, header, icon, initialFilterObs: inputSource, connector, customFilterComponentClass, presetFilterComponentClass }: DbxFilterPopoverComponentParams<F>, popoverKey?: DbxPopoverKey): NgPopoverRef;
+    static openPopover<F extends object>(popupService: DbxPopoverService, { width, height, isResizable, origin, header, icon, customFilterComponentClass, presetFilterComponentClass, connector, initialFilterObs, closeOnFilterChange }: DbxFilterPopoverComponentParams<F>, popoverKey?: DbxPopoverKey): NgPopoverRef;
     constructor(popover: DbxPopoverComponent<unknown, DbxFilterComponentParams<F>>);
     get config(): DbxFilterComponentParams<F>;
     get icon(): string;

package/lib/interaction/filter/filter.wrapper.component.d.ts

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxFilterWrapperComponent<F = unknown> extends AbstractDbxActionHandlerDirective<F> {
     readonly filterSourceDirective: FilterSourceDirective<F>;
+    showButtons: boolean;
     applyRaised: boolean;
     applyIcon: string;
     applyText: string;
@@ -14,5 +15,5 @@ export declare class DbxFilterWrapperComponent<F = unknown> extends AbstractDbxA
     applyFilter(): void;
     resetFilter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterWrapperComponent<any>, "dbx-filter-wrapper", never, { "applyRaised": "applyRaised"; "applyIcon": "applyIcon"; "applyText": "applyText"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterWrapperComponent<any>, "dbx-filter-wrapper", never, { "showButtons": "showButtons"; "applyRaised": "applyRaised"; "applyIcon": "applyIcon"; "applyText": "applyText"; }, {}, never, ["*"], false>;
 }

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

@@ -1,13 +1,13 @@
 import { DbxPopoverComponentConfig } from './popover.component';
 import { Injector } from '@angular/core';
-import { NgPopoverRef } from 'ng-overlay-container';
+import { NgOverlayContainerConfiguration, NgPopoverRef } from 'ng-overlay-container';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
-export interface DbxPopoverConfig<O, I, T> extends DbxPopoverComponentConfig<O, I, T> {
+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;
-    height?: string;
-    width?: string;
-    isResizable?: boolean;
 }
 /**
  * Used for displaying a popover.

package/lib/router/layout/anchorlist/anchorlist.component.d.ts

@@ -1,13 +1,17 @@
 import { OnDestroy } from '@angular/core';
-import { ClickableAnchorLinkTree } from '@dereekb/dbx-core';
+import { Observable } from 'rxjs';
+import { ClickableAnchorLinkTree, ExpandedClickableAnchorLinkTree } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
+export interface DbxAnchorListExpandedAnchor extends ExpandedClickableAnchorLinkTree {
+    classes: string;
+}
 /**
  * Component that displays a list of ClickableAnchorLink values within a MatNavList.
  */
 export declare class DbxAnchorListComponent implements OnDestroy {
     private _anchors;
-    readonly expandedAnchors$: import("rxjs").Observable<import("@dereekb/dbx-core").ExpandedClickableAnchorLinkTree[]>;
+    readonly expandedAnchors$: Observable<DbxAnchorListExpandedAnchor[]>;
     set anchors(anchors: Maybe<ClickableAnchorLinkTree[]>);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxAnchorListComponent, never>;

package/lib/router/layout/sidenav/_sidenav.scss

@@ -10,6 +10,7 @@ $icon-only-width: 65px;
 $mat-list-item-height: 48px;
 $active-border-left-width: 2px;
 $dbx-sidenav-nav-bottom-padding: 24px;
+$active-background-transparent-color: 0.93;
 
 // MARK: Mixin
 @mixin core() {
@@ -109,7 +110,22 @@ $dbx-sidenav-nav-bottom-padding: 24px;
           height: $mat-list-item-height;
         }
 
-        .dbx-anchor-active-eq {
+        .dbx-anchor-active {
+          .mat-list-item {
+            .mat-list-icon {
+              color: $active-icon-color;
+            }
+          }
+        }
+
+        .dbx-anchor-list-root .dbx-anchor-active .mat-list-item {
+          // root list items glow when active
+          background: transparentize($color: $active-icon-color, $amount: $active-background-transparent-color);
+        }
+
+        // directly active links have a side-
+        .dbx-anchor-active-eq,
+        .dbx-anchor-list-child .dbx-anchor-active {
           .mat-list-item {
             border-left: $active-border-left-width solid $active-icon-color;
 
@@ -120,10 +136,12 @@ $dbx-sidenav-nav-bottom-padding: 24px;
               padding-left: anchorlist.$active-root-item-left-padding - $active-border-left-width;
             }
           }
+        }
 
-          .dbx-anchor-list-child {
-            padding-left: anchorlist.$active-child-item-left-padding - $active-border-left-width;
-          }
+        .dbx-anchor-list-child .dbx-anchor-active .mat-list-item,
+        .dbx-anchor-list-child .dbx-anchor-active-eq .mat-list-item {
+          padding-left: anchorlist.$active-child-item-left-padding - $active-border-left-width;
+          background: transparentize($color: $active-icon-color, $amount: $active-background-transparent-color);
         }
       }
     }

package/mapbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.23.28",
+  "version": "9.24.0",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/dbx-core": "9.23.28",
-    "@dereekb/dbx-web": "9.23.28",
+    "@dereekb/dbx-core": "9.24.0",
+    "@dereekb/dbx-web": "9.24.0",
     "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.23.28",
+  "version": "9.24.0",
   "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.23.28",
-    "@dereekb/dbx-core": "9.23.28",
+    "@dereekb/rxjs": "9.24.0",
+    "@dereekb/dbx-core": "9.24.0",
     "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.23.28",
+  "version": "9.24.0",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
-    "@dereekb/dbx-core": "9.23.28",
+    "@dereekb/dbx-core": "9.24.0",
     "@angular/material": "^14.2.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.23.28"
+    "@dereekb/dbx-web": "9.24.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"