Upgrade Angular dependencies to version 21, update TypeScript configuration, and enhance icon imports in the icons-angular package for improved module resolution and clarity.

packages/icons-angular/build.mjs

@@ -20,7 +20,7 @@ const componentTemplate = ({ type, name, namePascal, children }) => {
 const indexItemTemplate = ({
                              _,
                              namePascal
-                           }) => `export { default as ${namePascal}} from './Icon${namePascal}';`;
+                           }) => `export { default as Icon${namePascal}} from './Icon${namePascal}';`;
 
 const aliasTemplate = ({ fromPascal, toPascal }) => `export { default as Icon${fromPascal}} from './icons/Icon${toPascal}';\n`;
 

packages/icons-angular/package.json

@@ -46,6 +46,12 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
   "devDependencies": {
     "@angular-devkit/build-angular": "^21.0.4",
     "@angular/animations": "^21.0.6",

packages/icons-angular/tsconfig.json

@@ -18,6 +18,8 @@
     "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "bundler",
+    "resolvePackageJsonExports": true,
+    "resolvePackageJsonImports": true,
     "importHelpers": true,
     "target": "es2017",
     "module": "es2020",

test/test-angular/angular.json

@@ -2,7 +2,8 @@
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "cli": {
-    "packageManager": "pnpm"
+    "packageManager": "pnpm",
+    "analytics": false
   },
   "newProjectRoot": "projects",
   "projects": {

test/test-angular/package.json

@@ -10,23 +10,23 @@
     "watch": "ng build --watch --configuration development"
   },
   "dependencies": {
-    "@angular/animations": "^17.3.11",
-    "@angular/common": "^17.3.11",
-    "@angular/compiler": "^17.3.11",
-    "@angular/core": "^17.3.11",
-    "@angular/forms": "^17.3.11",
-    "@angular/platform-browser": "^17.3.11",
-    "@angular/platform-browser-dynamic": "^17.3.11",
-    "@angular/router": "^17.3.11",
+    "@angular/animations": "^21.0.6",
+    "@angular/common": "^21.0.6",
+    "@angular/compiler": "^21.0.6",
+    "@angular/core": "^21.0.6",
+    "@angular/forms": "^21.0.6",
+    "@angular/platform-browser": "^21.0.6",
+    "@angular/platform-browser-dynamic": "^21.0.6",
+    "@angular/router": "^21.0.6",
     "@tabler/icons-angular": "workspace:*",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.14.3"
+    "rxjs": "~7.8.2",
+    "tslib": "^2.8.1",
+    "zone.js": "~0.16.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.11",
+    "@angular-devkit/build-angular": "^21.0.4",
+    "@angular/cli": "^21.0.4",
+    "@angular/compiler-cli": "^21.0.6",
     "typescript": "~5.9.3"
   }
 }

test/test-angular/src/app/app.config.ts

@@ -1,7 +1,6 @@
 import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import { IconAB, IconAlertSmall, IconBadge8k, IconHome } from '@tabler/icons-angular/src/icons';
-import { TablerIconModule } from '@tabler/icons-angular/src/lib/tabler-icon.module';
+import { IconAB, IconAlertSmall, IconBadge8k, IconHome, TablerIconModule } from '@tabler/icons-angular';
 
 import { routes } from './app.routes';
 

test/test-angular/tsconfig.app.json

@@ -3,12 +3,21 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": [],
+    "baseUrl": ".",
+    "paths": {
+      "@tabler/icons-angular": ["../../packages/icons-angular/src/public-api.ts"],
+      "@tabler/icons-angular/*": ["../../packages/icons-angular/src/*"]
+    }
   },
   "files": [
     "src/main.ts"
   ],
   "include": [
     "src/**/*.d.ts"
+  ],
+  "exclude": [
+    "**/*.spec.ts",
+    "../../packages/icons-angular/src/**/*.spec.ts"
   ]
 }

test/test-angular/tsconfig.json

@@ -14,7 +14,9 @@
     "sourceMap": true,
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
+    "resolvePackageJsonExports": true,
+    "resolvePackageJsonImports": true,
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",