@dereekb/dbx-web 9.22.5 → 9.22.7

package/lib/button/button.module.d.ts

@@ -4,8 +4,9 @@ import * as i2 from "./button.spacer.component";
 import * as i3 from "@angular/common";
 import * as i4 from "./progress/button.progress.module";
 import * as i5 from "@dereekb/dbx-core";
+import * as i6 from "./icon/icon.button.module";
 export declare class DbxButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxButtonModule, [typeof i1.DbxButtonComponent, typeof i2.DbxButtonSpacerDirective], [typeof i3.CommonModule, typeof i4.DbxProgressButtonsModule], [typeof i5.DbxCoreButtonModule, typeof i4.DbxProgressButtonsModule, typeof i1.DbxButtonComponent, typeof i2.DbxButtonSpacerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxButtonModule, [typeof i1.DbxButtonComponent, typeof i2.DbxButtonSpacerDirective], [typeof i3.CommonModule, typeof i4.DbxProgressButtonsModule], [typeof i5.DbxCoreButtonModule, typeof i4.DbxProgressButtonsModule, typeof i6.DbxIconButtonModule, typeof i1.DbxButtonComponent, typeof i2.DbxButtonSpacerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxButtonModule>;
 }

package/lib/button/icon/icon.button.component.d.ts

@@ -0,0 +1,9 @@
+import { AbstractDbxButtonDirective } from '@dereekb/dbx-core';
+import * as i0 from "@angular/core";
+/**
+ * Simple dbx-button that displays a button with an icon.
+ */
+export declare class DbxIconButtonComponent extends AbstractDbxButtonDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxIconButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIconButtonComponent, "dbx-icon-button", never, {}, {}, never, never, false>;
+}

package/lib/button/icon/icon.button.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+export declare class DbxIconButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxIconButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxIconButtonModule, [typeof i1.DbxIconButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatIconModule], [typeof i1.DbxIconButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxIconButtonModule>;
+}

package/lib/button/icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon.button.component';
+export * from './icon.button.module';

package/lib/button/index.d.ts

@@ -1,3 +1,4 @@
+export * from './icon';
 export * from './progress';
 export * from './button.component';
 export * from './button.spacer.component';

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

@@ -1,14 +1,12 @@
 import { ElementRef } from '@angular/core';
 import { AbstractFilterPopoverButtonDirective } from './filter.popover.button.directive';
-import { DbxButtonDisplayContent, DbxButtonDisplayContentType } from '@dereekb/dbx-core';
+import { DbxButtonDisplayContent } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare class DbxFilterPopoverButtonComponent<F extends object = object> extends AbstractFilterPopoverButtonDirective<F> {
     private _buttonDisplay;
-    private _buttonDisplayType;
     get buttonDisplay(): DbxButtonDisplayContent;
     set buttonDisplay(buttonDisplay: Maybe<DbxButtonDisplayContent>);
-    get buttonDisplayType(): DbxButtonDisplayContentType;
     buttonElement: ElementRef;
     showFilterPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverButtonComponent<any>, never>;

package/lib/layout/section/_section.scss

@@ -103,17 +103,13 @@ $header-left-reserved-space-small-screen: 120px;
       @include theming.nested-content-height(1); // always take up the height
     }
 
-    &.dbx-section-page-scroll-header {
+    &.dbx-section-page-scroll-locked {
       overflow: hidden;
-
-      .dbx-section-page-content {
-        padding-top: $header-bottom-margin;
-        overflow: auto;
-      }
     }
 
-    &.dbx-section-page-scroll-locked {
-      overflow: hidden;
+    &.dbx-section-page-scroll-body > .dbx-section-page-content {
+      overflow-y: auto; // content can scroll on y axis
+      overflow-x: hidden;
     }
 
     .dbx-section-page {

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

@@ -3,7 +3,7 @@ import { ScreenMediaWidthType } from './../../../screen/screen';
 import { DbxScreenMediaService } from '../../../screen/screen.service';
 import { Maybe } from '@dereekb/util';
 import { OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { ClickableAnchorLinkSegueRef, DbxRouterService, DbxRouterTransitionService, AbstractTransitionDirective } from '@dereekb/dbx-core';
+import { ClickableAnchorLinkSegueRef, DbxRouterService, DbxRouterTransitionService, AbstractTransitionDirective, DbxButtonDisplayContent } from '@dereekb/dbx-core';
 import { HorizontalConnectionPos } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 interface NavAnchorLink {
@@ -11,7 +11,7 @@ interface NavAnchorLink {
     anchor: ClickableAnchorLinkSegueRef;
 }
 export declare type NavBarContentAlign = 'center' | 'left' | 'right';
-export declare type NavbarMode = 'bar' | 'button';
+export declare type NavbarMode = 'bar' | 'button' | 'icon';
 /**
  * Component that displays a navbar.
  */
@@ -19,21 +19,26 @@ export declare class DbxNavbarComponent extends AbstractTransitionDirective impl
     private cdRef;
     private readonly _dbxScreenMediaService;
     private readonly _dbxRouterService;
-    icon: string;
     navAlign: HorizontalConnectionPos;
+    private _icon;
+    private _defaultIcon;
     private _inputMode;
     private _breakpoint;
     private _anchors;
     readonly isBreakpointActive$: Observable<boolean>;
-    readonly mode$: Observable<"button" | "bar">;
+    readonly mode$: Observable<"button" | "icon" | "bar">;
     readonly anchors$: Observable<NavAnchorLink[]>;
+    readonly selectedAnchor$: Observable<Maybe<NavAnchorLink>>;
     readonly hasNoAnchors$: Observable<boolean>;
+    readonly buttonDisplay$: Observable<DbxButtonDisplayContent>;
     constructor(dbxRouterTransitionService: DbxRouterTransitionService, cdRef: ChangeDetectorRef, _dbxScreenMediaService: DbxScreenMediaService, _dbxRouterService: DbxRouterService);
     ngOnDestroy(): void;
+    set icon(icon: Maybe<string>);
+    set defaultIcon(defaultIcon: Maybe<string>);
     set anchors(anchors: Maybe<ClickableAnchorLinkSegueRef[]>);
     set mode(mode: Maybe<NavbarMode>);
     set breakpoint(breakpoint: ScreenMediaWidthType);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxNavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxNavbarComponent, "dbx-navbar", never, { "icon": "icon"; "navAlign": "navAlign"; "anchors": "anchors"; "mode": "mode"; "breakpoint": "breakpoint"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxNavbarComponent, "dbx-navbar", never, { "navAlign": "navAlign"; "icon": "icon"; "defaultIcon": "defaultIcon"; "anchors": "anchors"; "mode": "mode"; "breakpoint": "breakpoint"; }, {}, never, never, false>;
 }
 export {};

package/lib/router/layout/navbar/navbar.module.d.ts

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./navbar.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/tabs";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/menu";
-import * as i7 from "../anchor/anchor.module";
+import * as i3 from "../../../button/icon/icon.button.module";
+import * as i4 from "@angular/material/tabs";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/menu";
+import * as i8 from "../anchor/anchor.module";
 export declare class DbxRouterNavbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterNavbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterNavbarModule, [typeof i1.DbxNavbarComponent], [typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatMenuModule, typeof i7.DbxRouterAnchorModule], [typeof i1.DbxNavbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterNavbarModule, [typeof i1.DbxNavbarComponent], [typeof i2.CommonModule, typeof i3.DbxIconButtonModule, typeof i4.MatTabsModule, typeof i5.MatButtonModule, typeof i6.MatIconModule, typeof i7.MatMenuModule, typeof i8.DbxRouterAnchorModule], [typeof i1.DbxNavbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterNavbarModule>;
 }

package/mapbox/package.json

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