@dereekb/dbx-web 13.24.0 → 13.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web/eslint",
3
- "version": "13.24.0",
3
+ "version": "13.25.1",
4
4
  "peerDependencies": {
5
- "@dereekb/util": "13.24.0",
5
+ "@dereekb/util": "13.25.1",
6
6
  "@typescript-eslint/utils": "8.59.3"
7
7
  },
8
8
  "devDependencies": {
9
9
  "@angular-eslint/template-parser": "21.4.0",
10
10
  "@angular/core": "21.2.11",
11
- "@dereekb/dbx-core": "13.24.0",
12
- "@dereekb/rxjs": "13.24.0",
11
+ "@dereekb/dbx-core": "13.25.1",
12
+ "@dereekb/rxjs": "13.25.1",
13
13
  "@typescript-eslint/parser": "8.59.3",
14
14
  "eslint": "10.4.0",
15
15
  "rxjs": "^7.8.2"
@@ -11577,13 +11577,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
11577
11577
  * ```
11578
11578
  */
11579
11579
  class DbxSidenavPagebarComponent extends DbxPagebarComponent {
11580
+ /**
11581
+ * The sidenav menu icon
11582
+ */
11580
11583
  sidenavMenuIcon = input(...(ngDevMode ? [undefined, { debugName: "sidenavMenuIcon" }] : /* istanbul ignore next */ []));
11584
+ /**
11585
+ * Whether or not to show the sidenav button.
11586
+ *
11587
+ * Defaults to true.
11588
+ */
11589
+ showSidenavButton = input(...(ngDevMode ? [undefined, { debugName: "showSidenavButton" }] : /* istanbul ignore next */ []));
11581
11590
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxSidenavPagebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
11582
- 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: `
11591
+ 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: `
11583
11592
  <dbx-pagebar class="dbx-sidenav-pagebar">
11584
11593
  <span left>
11585
- <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
11586
- <dbx-button-spacer></dbx-button-spacer>
11594
+ @if (showSidenavButton() !== false) {
11595
+ <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
11596
+ <dbx-button-spacer></dbx-button-spacer>
11597
+ }
11587
11598
  <ng-content left></ng-content>
11588
11599
  </span>
11589
11600
  <ng-content right></ng-content>
@@ -11597,8 +11608,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
11597
11608
  template: `
11598
11609
  <dbx-pagebar class="dbx-sidenav-pagebar">
11599
11610
  <span left>
11600
- <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
11601
- <dbx-button-spacer></dbx-button-spacer>
11611
+ @if (showSidenavButton() !== false) {
11612
+ <dbx-sidenav-button [sidenavMenuIcon]="sidenavMenuIcon()"></dbx-sidenav-button>
11613
+ <dbx-button-spacer></dbx-button-spacer>
11614
+ }
11602
11615
  <ng-content left></ng-content>
11603
11616
  </span>
11604
11617
  <ng-content right></ng-content>
@@ -11608,7 +11621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
11608
11621
  changeDetection: ChangeDetectionStrategy.OnPush,
11609
11622
  standalone: true
11610
11623
  }]
11611
- }], propDecorators: { sidenavMenuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavMenuIcon", required: false }] }] } });
11624
+ }], propDecorators: { sidenavMenuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavMenuIcon", required: false }] }], showSidenavButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSidenavButton", required: false }] }] } });
11612
11625
 
11613
11626
  /**
11614
11627
  * 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
11633
11646
  */
11634
11647
  class DbxSidenavPageComponent {
11635
11648
  parent = inject(DbxSidenavComponent);
11649
+ /**
11650
+ * The sidenav menu icon
11651
+ */
11636
11652
  sidenavMenuIcon = input(...(ngDevMode ? [undefined, { debugName: "sidenavMenuIcon" }] : /* istanbul ignore next */ []));
11653
+ /**
11654
+ * Whether or not to show the sidenav button.
11655
+ *
11656
+ * Defaults to true.
11657
+ */
11658
+ showSidenavButton = input(...(ngDevMode ? [undefined, { debugName: "showSidenavButton" }] : /* istanbul ignore next */ []));
11637
11659
  mobileOnly = input(false, ...(ngDevMode ? [{ debugName: "mobileOnly" }] : /* istanbul ignore next */ []));
11638
11660
  mobileOnly$ = toObservable(this.mobileOnly);
11639
11661
  hidePagebar$ = this.mobileOnly$.pipe(switchMap((mobileOnly) => (mobileOnly ? this.parent.mode$.pipe(map((x) => x !== SideNavDisplayMode.MOBILE)) : of(false))), shareReplay(1));
11640
11662
  hidePagebarSignal = toSignal(this.hidePagebar$, { initialValue: false });
11641
11663
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxSidenavPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
11642
- 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: `
11643
- <dbx-sidenav-pagebar [sidenavMenuIcon]="sidenavMenuIcon()">
11664
+ 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: `
11665
+ <dbx-sidenav-pagebar [showSidenavButton]="showSidenavButton()" [sidenavMenuIcon]="sidenavMenuIcon()">
11644
11666
  <ng-content left select="[navLeft]"></ng-content>
11645
11667
  <ng-content select="[navRight]"></ng-content>
11646
11668
  </dbx-sidenav-pagebar>
11647
11669
  <div class="dbx-content-page dbx-sidenav-page-content">
11648
11670
  <ng-content></ng-content>
11649
11671
  </div>
11650
- `, isInline: true, dependencies: [{ kind: "component", type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar", inputs: ["sidenavMenuIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
11672
+ `, isInline: true, dependencies: [{ kind: "component", type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar", inputs: ["sidenavMenuIcon", "showSidenavButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
11651
11673
  }
11652
11674
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxSidenavPageComponent, decorators: [{
11653
11675
  type: Component,
11654
11676
  args: [{
11655
11677
  selector: 'dbx-sidenav-page',
11656
11678
  template: `
11657
- <dbx-sidenav-pagebar [sidenavMenuIcon]="sidenavMenuIcon()">
11679
+ <dbx-sidenav-pagebar [showSidenavButton]="showSidenavButton()" [sidenavMenuIcon]="sidenavMenuIcon()">
11658
11680
  <ng-content left select="[navLeft]"></ng-content>
11659
11681
  <ng-content select="[navRight]"></ng-content>
11660
11682
  </dbx-sidenav-pagebar>
@@ -11670,7 +11692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
11670
11692
  changeDetection: ChangeDetectionStrategy.OnPush,
11671
11693
  standalone: true
11672
11694
  }]
11673
- }], propDecorators: { sidenavMenuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidenavMenuIcon", required: false }] }], mobileOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileOnly", required: false }] }] } });
11695
+ }], 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 }] }] } });
11674
11696
 
11675
11697
  /**
11676
11698
  * Structural directive that conditionally renders its host element based on the current {@link SideNavDisplayMode} of the parent {@link DbxSidenavComponent}.