@open-rlb/ng-bootstrap 3.3.48 → 3.3.49

package/README.md

@@ -2,7 +2,7 @@
 
 Angular component library built on Bootstrap 5.3 (signals, OnPush), with timezone-aware
 date handling via [`@open-rlb/date-tz`](https://www.npmjs.com/package/@open-rlb/date-tz).
-Supports **Angular 17.2+** (built with Angular 21).
+Supports **Angular 21 and 22** (built with Angular 21).
 
 ## Installation
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@open-rlb/ng-bootstrap",
-  "version": "3.3.48",
+  "version": "3.3.49",
   "peerDependencies": {
-    "@angular/cdk": ">=22.0.0 <23.0.0",
-    "@angular/common": ">=22.0.0 <23.0.0",
-    "@angular/core": ">=22.0.0 <23.0.0",
-    "@angular/forms": ">=22.0.0 <23.0.0",
-    "@angular/router": ">=22.0.0 <23.0.0",
+    "@angular/cdk": ">=21.0.0 <23.0.0",
+    "@angular/common": ">=21.0.0 <23.0.0",
+    "@angular/core": ">=21.0.0 <23.0.0",
+    "@angular/forms": ">=21.0.0 <23.0.0",
+    "@angular/router": ">=21.0.0 <23.0.0",
     "@ngx-translate/core": ">=16.0.0 <18.0.0",
     "@open-rlb/date-tz": ">=2.1.1",
     "bootstrap": ">=5.3.0",

package/schematics/ng-add/index.js

@@ -7,15 +7,39 @@ const utility_1 = require("@schematics/angular/utility");
 /**
  * Dependencies the library needs at the consumer side. `@angular/{core,common,forms,router}`
  * and `rxjs` are intentionally omitted: every Angular app already provides them.
+ * `@angular/cdk` is missing on purpose too — see {@link cdkVersion}.
  */
 const DEPENDENCIES = [
     { name: '@open-rlb/date-tz', version: '^2.1.1', type: utility_1.DependencyType.Default },
     { name: '@ngx-translate/core', version: '^17.0.0', type: utility_1.DependencyType.Default },
-    { name: '@angular/cdk', version: '^21.0.0', type: utility_1.DependencyType.Default },
     { name: 'bootstrap', version: '^5.3.0', type: utility_1.DependencyType.Default },
     { name: 'bootstrap-icons', version: '^1.11.0', type: utility_1.DependencyType.Default },
     { name: '@types/bootstrap', version: '^5.2.0', type: utility_1.DependencyType.Dev },
 ];
+/** The lowest Angular major in this package's peerDependencies range. */
+const MIN_ANGULAR_MAJOR = 21;
+/**
+ * `@angular/cdk` ships a new major alongside every Angular major, so a hardcoded pin here
+ * starts conflicting with the app — and with this package's own peerDependencies — the moment
+ * either side moves on. Follow the app's `@angular/core` instead.
+ */
+function cdkVersion(tree) {
+    const major = angularCoreMajor(tree);
+    // A CDK major accepts its own Angular major and the next one, so the lowest Angular this
+    // library supports is the safe pick when the app's version cannot be read.
+    return major === null ? `^${MIN_ANGULAR_MAJOR}.0.0` : `^${major}.0.0`;
+}
+/** Reads the major of `@angular/core` from the consumer's package.json (`^21.1.2` → 21). */
+function angularCoreMajor(tree) {
+    const raw = tree.read('/package.json');
+    if (!raw) {
+        return null;
+    }
+    const pkg = JSON.parse(raw.toString('utf-8'));
+    const range = pkg.dependencies?.['@angular/core'] ?? pkg.devDependencies?.['@angular/core'];
+    const major = range?.match(/(\d+)/)?.[1];
+    return major ? Number(major) : null;
+}
 /** Keeps `.claude/skills` in step with the installed library version on every `npm install`. */
 const SYNC_SKILLS_COMMAND = 'ng g @open-rlb/ng-bootstrap:sync-skills';
 /** Global styles required for the Bootstrap look & feel. */
@@ -29,6 +53,7 @@ function ngAdd(options) {
         return (0, schematics_1.chain)([
             // 1. Install dependencies (a single npm install is scheduled automatically).
             ...DEPENDENCIES.map(dep => (0, utility_1.addDependency)(dep.name, dep.version, { type: dep.type })),
+            (0, utility_1.addDependency)('@angular/cdk', cdkVersion(tree), { type: utility_1.DependencyType.Default }),
             // 2. Register Bootstrap + Bootstrap Icons global styles in angular.json.
             addBootstrapStyles(project),
             // 3. Wire up the library providers (modals/toasts registry, etc.).