@dereekb/dbx-web 13.25.0 → 13.26.0

package/eslint/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@dereekb/dbx-web/eslint",
-  "version": "13.25.0",
+  "version": "13.26.0",
   "peerDependencies": {
-    "@dereekb/util": "13.25.0",
+    "@dereekb/util": "13.26.0",
     "@typescript-eslint/utils": "8.59.3"
   },
   "devDependencies": {
     "@angular-eslint/template-parser": "21.4.0",
     "@angular/core": "21.2.11",
-    "@dereekb/dbx-core": "13.25.0",
-    "@dereekb/rxjs": "13.25.0",
+    "@dereekb/dbx-core": "13.26.0",
+    "@dereekb/rxjs": "13.26.0",
     "@typescript-eslint/parser": "8.59.3",
     "eslint": "10.4.0",
     "rxjs": "^7.8.2"

package/fesm2022/dereekb-dbx-web.mjs

@@ -11577,13 +11577,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  * ```
  */
 class DbxSidenavPagebarComponent extends DbxPagebarComponent {
+    /**
+     * The sidenav menu icon
+     */
     sidenavMenuIcon = input(...(ngDevMode ? [undefined, { debugName: "sidenavMenuIcon" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether or not to show the sidenav button.
+     *
+     * Defaults to true.
+     */
+    showSidenavButton = input(...(ngDevMode ? [undefined, { debugName: "showSidenavButton" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxSidenavPagebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: DbxSidenavPagebarComponent, isStandalone: true, selector: "dbx-sidenav-pagebar", inputs: { sidenavMenuIcon: { classPropertyName: "sidenavMenuIcon", publicName: "sidenavMenuIcon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxSidenavPagebarComponent, isStandalone: true, selector: "dbx-sidenav-pagebar", inputs: { sidenavMenuIcon: { classPropertyName: "sidenavMenuIcon", publicName: "sidenavMenuIcon", isSignal: true, isRequired: false, transformFunction: null }, showSidenavButton: { classPropertyName: "showSidenavButton", publicName: "showSidenavButton", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <dbx-pagebar class="dbx-sidenav-pagebar">
       <span left>
-        <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
-        <dbx-button-spacer></dbx-button-spacer>
+        @if (showSidenavButton() !== false) {
+          <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
+          <dbx-button-spacer></dbx-button-spacer>
+        }
         <ng-content left></ng-content>
       </span>
       <ng-content right></ng-content>
@@ -11597,8 +11608,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                     template: `
     <dbx-pagebar class="dbx-sidenav-pagebar">
       <span left>
-        <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
-        <dbx-button-spacer></dbx-button-spacer>
+        @if (showSidenavButton() !== false) {
+          <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
+          <dbx-button-spacer></dbx-button-spacer>
+        }
         <ng-content left></ng-content>
       </span>
       <ng-content right></ng-content>
@@ -11608,7 +11621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
-        }], propDecorators: { sidenavMenuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavMenuIcon", required: false }] }] } });
+        }], propDecorators: { sidenavMenuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavMenuIcon", required: false }] }], showSidenavButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSidenavButton", required: false }] }] } });
 
 /**
  * Page layout component designed for use inside a {@link DbxSidenavComponent}. Includes a sidenav-aware pagebar and a content area.
@@ -11633,28 +11646,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  */
 class DbxSidenavPageComponent {
     parent = inject(DbxSidenavComponent);
+    /**
+     * The sidenav menu icon
+     */
     sidenavMenuIcon = input(...(ngDevMode ? [undefined, { debugName: "sidenavMenuIcon" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether or not to show the sidenav button.
+     *
+     * Defaults to true.
+     */
+    showSidenavButton = input(...(ngDevMode ? [undefined, { debugName: "showSidenavButton" }] : /* istanbul ignore next */ []));
     mobileOnly = input(false, ...(ngDevMode ? [{ debugName: "mobileOnly" }] : /* istanbul ignore next */ []));
     mobileOnly$ = toObservable(this.mobileOnly);
     hidePagebar$ = this.mobileOnly$.pipe(switchMap((mobileOnly) => (mobileOnly ? this.parent.mode$.pipe(map((x) => x !== SideNavDisplayMode.MOBILE)) : of(false))), shareReplay(1));
     hidePagebarSignal = toSignal(this.hidePagebar$, { initialValue: false });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxSidenavPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: DbxSidenavPageComponent, isStandalone: true, selector: "dbx-sidenav-page", inputs: { sidenavMenuIcon: { classPropertyName: "sidenavMenuIcon", publicName: "sidenavMenuIcon", isSignal: true, isRequired: false, transformFunction: null }, mobileOnly: { classPropertyName: "mobileOnly", publicName: "mobileOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dbx-pagebar-hide": "hidePagebarSignal()" }, classAttribute: "d-block" }, ngImport: i0, template: `
-    <dbx-sidenav-pagebar [sidenavMenuIcon]="sidenavMenuIcon()">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: DbxSidenavPageComponent, isStandalone: true, selector: "dbx-sidenav-page", inputs: { sidenavMenuIcon: { classPropertyName: "sidenavMenuIcon", publicName: "sidenavMenuIcon", isSignal: true, isRequired: false, transformFunction: null }, showSidenavButton: { classPropertyName: "showSidenavButton", publicName: "showSidenavButton", isSignal: true, isRequired: false, transformFunction: null }, mobileOnly: { classPropertyName: "mobileOnly", publicName: "mobileOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dbx-pagebar-hide": "hidePagebarSignal()" }, classAttribute: "d-block" }, ngImport: i0, template: `
+    <dbx-sidenav-pagebar [showSidenavButton]="showSidenavButton()" [sidenavMenuIcon]="sidenavMenuIcon()">
       <ng-content left select="[navLeft]"></ng-content>
       <ng-content select="[navRight]"></ng-content>
     </dbx-sidenav-pagebar>
     <div class="dbx-content-page dbx-sidenav-page-content">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar", inputs: ["sidenavMenuIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar", inputs: ["sidenavMenuIcon", "showSidenavButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxSidenavPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-sidenav-page',
                     template: `
-    <dbx-sidenav-pagebar [sidenavMenuIcon]="sidenavMenuIcon()">
+    <dbx-sidenav-pagebar [showSidenavButton]="showSidenavButton()" [sidenavMenuIcon]="sidenavMenuIcon()">
       <ng-content left select="[navLeft]"></ng-content>
       <ng-content select="[navRight]"></ng-content>
     </dbx-sidenav-pagebar>
@@ -11670,7 +11692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
-        }], propDecorators: { sidenavMenuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavMenuIcon", required: false }] }], mobileOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileOnly", required: false }] }] } });
+        }], propDecorators: { sidenavMenuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavMenuIcon", required: false }] }], showSidenavButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSidenavButton", required: false }] }], mobileOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileOnly", required: false }] }] } });
 
 /**
  * Structural directive that conditionally renders its host element based on the current {@link SideNavDisplayMode} of the parent {@link DbxSidenavComponent}.