@angular-bootstrap/ngbootstrap 2.1.1 → 2.1.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 2.1.2 - 2026-07-27
+
+### Fixed
+
+- Removed an unused standalone directive import that created a circular DataGrid dependency and caused the published FESM bundle to throw `Cannot access 'Datagrid' before initialization` in Jest and other direct bundle-loading environments.
+
+### Changed
+
+- Extended release package verification to import the built FESM bundle and confirm that `Datagrid` and `NgbGridHighlightDirective` initialize and remain publicly exported.
+
+### Compatibility
+
+- No public component APIs, selectors, inputs, outputs, or Angular peer ranges changed.
+
 ## 2.1.1 - 2026-07-27
 
 ### Security

package/README.md

@@ -102,8 +102,11 @@ export class UsersGridComponent {
 
 ```bash
 pnpm install
+pnpm lint
 pnpm test
 pnpm build
+pnpm release:verify
+pnpm security:audit
 ```
 
 Build output is written to `dist/`.

package/RELEASE_NOTES.md

@@ -1,24 +1,22 @@
-# @angular-bootstrap/ngbootstrap 2.1.1
+# @angular-bootstrap/ngbootstrap 2.1.2
 
-This patch release updates the library development and release dependency graph to patched compatible versions. It does not change the public component API or introduce breaking behavior.
+This patch release fixes a circular DataGrid bundle dependency without changing the public component API.
 
-## Security
+## Fixed
 
-- Updated Angular 22, ng-packagr, Jest, ESLint, TypeScript tooling, and affected transitive dependencies.
-- Added narrowly scoped Jest dependency overrides for patched glob and brace-expansion paths.
-- Refreshed the pnpm lockfile so the complete library dependency graph reports no known vulnerabilities.
+- Removed an unused `NgbGridHighlightDirective` entry from the `Datagrid` component's internal standalone imports.
+- Fixed `Cannot access 'Datagrid' before initialization` when Jest, Node, or another direct bundle-loading environment evaluates the published FESM package.
 
 ## Changed
 
-- The security audit now includes build and test tooling in addition to published runtime dependencies.
-- The audit command explicitly isolates this public library from a parent pnpm workspace when the repository is developed inside the private docs workspace.
+- Release validation now imports the built FESM bundle and verifies that `Datagrid` and `NgbGridHighlightDirective` initialize and remain publicly exported.
 
 ## Verification
 
 - Security audit: no known vulnerabilities.
 - Lint: passed.
 - Jest: 27 suites and 319 tests passed.
-- Angular package build and release package validation: passed.
+- Angular package build, direct FESM import, and release package validation: passed.
 
 ## Compatibility
 

package/fesm2022/angular-bootstrap-ngbootstrap.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, ViewChild, Directive, inject, Injectable, signal, TemplateRef, HostBinding, input, computed, ElementRef, Renderer2, ChangeDetectorRef, Optional, InjectionToken, Inject, HostListener, QueryList, forwardRef, ContentChildren, ContentChild, ViewEncapsulation, SkipSelf, ViewChildren } from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, ViewChild, Directive, inject, Injectable, signal, TemplateRef, HostBinding, input, computed, ElementRef, Renderer2, ChangeDetectorRef, InjectionToken, Optional, Inject, HostListener, QueryList, forwardRef, ContentChildren, ContentChild, ViewEncapsulation, SkipSelf, ViewChildren } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/forms';
@@ -4956,48 +4956,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: [{ required: true }]
             }] } });
 
-class NgbGridHighlightDirective {
-    grid;
-    rowKey;
-    highlightColumnIndex;
-    highlightedIndex = [];
-    constructor(grid) {
-        this.grid = grid;
-    }
-    ngOnInit() {
-        this.apply();
-    }
-    ngOnChanges(_ch) {
-        this.apply();
-    }
-    apply() {
-        if (!this.grid)
-            return;
-        this.grid.highlightRowKey = this.rowKey ?? null;
-        this.grid.highlightColKey = this.highlightColumnIndex ?? null;
-        this.grid.highlightedIndex = this.highlightedIndex ?? [];
-        this.grid.updateHighlightCache();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridHighlightDirective, deps: [{ token: Datagrid, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbGridHighlightDirective, isStandalone: true, selector: "[ngbGridHighlight]", inputs: { rowKey: ["ngbGridHighlight", "rowKey"], highlightColumnIndex: "highlightColumnIndex", highlightedIndex: "highlightedIndex" }, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridHighlightDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngbGridHighlight]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: Datagrid, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { rowKey: [{
-                type: Input,
-                args: ['ngbGridHighlight']
-            }], highlightColumnIndex: [{
-                type: Input
-            }], highlightedIndex: [{
-                type: Input
-            }] } });
-
 class NgbLiveAnnouncer {
     node = null;
     announce(message) {
@@ -10558,7 +10516,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         FormsModule,
                         ReactiveFormsModule,
                         NgbSyncColgroupDirective,
-                        NgbGridHighlightDirective,
                         NgbDatagridToolbarComponent,
                         NgbDatagridEditingToolbarComponent,
                         NgbDatagridExternalEditorComponent,
@@ -13360,6 +13317,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: ['keydown.escape']
             }] } });
 
+class NgbGridHighlightDirective {
+    grid;
+    rowKey;
+    highlightColumnIndex;
+    highlightedIndex = [];
+    constructor(grid) {
+        this.grid = grid;
+    }
+    ngOnInit() {
+        this.apply();
+    }
+    ngOnChanges(_ch) {
+        this.apply();
+    }
+    apply() {
+        if (!this.grid)
+            return;
+        this.grid.highlightRowKey = this.rowKey ?? null;
+        this.grid.highlightColKey = this.highlightColumnIndex ?? null;
+        this.grid.highlightedIndex = this.highlightedIndex ?? [];
+        this.grid.updateHighlightCache();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridHighlightDirective, deps: [{ token: Datagrid, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbGridHighlightDirective, isStandalone: true, selector: "[ngbGridHighlight]", inputs: { rowKey: ["ngbGridHighlight", "rowKey"], highlightColumnIndex: "highlightColumnIndex", highlightedIndex: "highlightedIndex" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridHighlightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbGridHighlight]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: Datagrid, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { rowKey: [{
+                type: Input,
+                args: ['ngbGridHighlight']
+            }], highlightColumnIndex: [{
+                type: Input
+            }], highlightedIndex: [{
+                type: Input
+            }] } });
+
 class NgbDndHandleDirective {
     item;
     constructor(item) {