@ionic/angular 8.8.9-dev.11779411201.1a483e09 → 8.8.9-dev.11780349068.18c33698

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.8.9-dev.11779411201.1a483e09",
+  "version": "8.8.9-dev.11780349068.18c33698",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -31,39 +31,34 @@
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/ionic-angular.mjs",
-      "esm": "./esm2022/ionic-angular.mjs",
+      "types": "./types/ionic-angular.d.ts",
       "default": "./fesm2022/ionic-angular.mjs"
     },
     "./common": {
-      "types": "./common/index.d.ts",
-      "esm2022": "./esm2022/common/ionic-angular-common.mjs",
-      "esm": "./esm2022/common/ionic-angular-common.mjs",
+      "types": "./types/ionic-angular-common.d.ts",
       "default": "./fesm2022/ionic-angular-common.mjs"
     },
     "./standalone": {
-      "types": "./standalone/index.d.ts",
-      "esm2022": "./esm2022/standalone/ionic-angular-standalone.mjs",
-      "esm": "./esm2022/standalone/ionic-angular-standalone.mjs",
+      "types": "./types/ionic-angular-standalone.d.ts",
       "default": "./fesm2022/ionic-angular-standalone.mjs"
     }
   },
   "dependencies": {
-    "@ionic/core": "8.8.9-dev.11779411201.1a483e09",
+    "@ionic/core": "8.8.9-dev.11780349068.18c33698",
     "ionicons": "^8.0.13",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/core": ">=16.0.0",
-    "@angular/forms": ">=16.0.0",
-    "@angular/router": ">=16.0.0",
+    "@angular/core": ">=18.0.0",
+    "@angular/forms": ">=18.0.0",
+    "@angular/router": ">=18.0.0",
     "rxjs": ">=7.5.0",
     "zone.js": ">=0.13.0"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/ionic-angular.mjs",
-  "typings": "index.d.ts",
-  "sideEffects": false
+  "typings": "types/ionic-angular.d.ts",
+  "sideEffects": false,
+  "type": "module"
 }

package/schematics/add/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ngAdd;
 const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
@@ -65,6 +66,31 @@ function addProvideIonicAngular(projectName, projectSourceRoot) {
         return host;
     };
 }
+/**
+ * Adds `provideZoneChangeDetection()` to a standalone project's app config.
+ * Angular 21 makes both `bootstrapApplication` and `bootstrapModule` default
+ * to zoneless change detection, which breaks Ionic's NgZone-based async
+ * lifecycle. Registering the provider explicitly preserves the existing
+ * zone-based default on Angular 18-20 and is required on 21+.
+ *
+ * NgModule-based projects are equally affected on 21+ but are not handled
+ * here: the reliable place to opt out of zoneless for `bootstrapModule` is
+ * its `applicationProviders` option in main.ts, not `AppModule.providers`,
+ * and this schematic does not yet edit main.ts. Users upgrading an existing
+ * NgModule project to ng21 must add it manually.
+ *
+ * @param projectName The name of the project.
+ * @param projectSourceRoot The source root path of the project.
+ */
+function addProvideZoneChangeDetection(projectName, projectSourceRoot) {
+    return (host) => {
+        const appConfig = `${projectSourceRoot}/app/app.config.ts`;
+        if (host.exists(appConfig)) {
+            return (0, utility_1.addRootProvider)(projectName, ({ code, external }) => code `${external('provideZoneChangeDetection', '@angular/core')}()`);
+        }
+        return host;
+    };
+}
 function addIonicStyles(projectName, projectSourceRoot) {
     return (host) => {
         const ionicStyles = [
@@ -174,6 +200,7 @@ function ngAdd(options) {
             addIonicAngularToolkitToAngularJson(),
             addIonicAngularModuleToAppModule(sourcePath),
             addProvideIonicAngular(options.project, sourcePath),
+            addProvideZoneChangeDetection(options.project, sourcePath),
             addIonicBuilder(options.project),
             addIonicStyles(options.project, sourcePath),
             addIonicons(options.project, sourcePath),
@@ -184,4 +211,3 @@ function ngAdd(options) {
         ]);
     };
 }
-exports.default = ngAdd;

package/schematics/utils/ast.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addIonicModuleImportToNgModule = void 0;
+exports.addIonicModuleImportToNgModule = addIonicModuleImportToNgModule;
 const schematics_1 = require("@angular-devkit/schematics");
 const ast_utils_1 = require("@schematics/angular/utility/ast-utils");
 const change_1 = require("@schematics/angular/utility/change");
@@ -29,4 +29,3 @@ function addIonicModuleImportToNgModule(host, modulePath) {
     (0, change_1.applyToUpdateRecorder)(recorder, metadataChange);
     host.commitUpdate(recorder);
 }
-exports.addIonicModuleImportToNgModule = addIonicModuleImportToNgModule;

package/schematics/utils/config.js

@@ -1,17 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWorkspace = exports.getWorkspacePath = exports.addSchematics = exports.addCli = exports.addArchitectBuilder = exports.addAsset = exports.addStyle = exports.getDefaultAngularAppName = exports.writeConfig = exports.readConfig = void 0;
+exports.readConfig = readConfig;
+exports.writeConfig = writeConfig;
+exports.getDefaultAngularAppName = getDefaultAngularAppName;
+exports.addStyle = addStyle;
+exports.addAsset = addAsset;
+exports.addArchitectBuilder = addArchitectBuilder;
+exports.addCli = addCli;
+exports.addSchematics = addSchematics;
+exports.getWorkspacePath = getWorkspacePath;
+exports.getWorkspace = getWorkspace;
 const schematics_1 = require("@angular-devkit/schematics");
 const jsonc_parser_1 = require("jsonc-parser");
 const ANGULAR_JSON_PATH = 'angular.json';
 function readConfig(host) {
     return host.readJson(ANGULAR_JSON_PATH);
 }
-exports.readConfig = readConfig;
 function writeConfig(host, config) {
     host.overwrite(ANGULAR_JSON_PATH, JSON.stringify(config, null, 2));
 }
-exports.writeConfig = writeConfig;
 function isAngularBrowserProject(projectConfig) {
     if (projectConfig.projectType === 'application') {
         const buildConfig = projectConfig.architect.build;
@@ -36,7 +43,6 @@ function getDefaultAngularAppName(config) {
     }
     return projectNames[0];
 }
-exports.getDefaultAngularAppName = getDefaultAngularAppName;
 function getAngularJson(config, projectName) {
     // eslint-disable-next-line no-prototype-builtins
     if (!config.projects.hasOwnProperty(projectName)) {
@@ -62,7 +68,6 @@ function addStyle(host, projectName, stylePath) {
     });
     writeConfig(host, config);
 }
-exports.addStyle = addStyle;
 function addAsset(host, projectName, architect, asset) {
     const config = readConfig(host);
     const angularJson = getAngularJson(config, projectName);
@@ -72,14 +77,12 @@ function addAsset(host, projectName, architect, asset) {
         writeConfig(host, config);
     }
 }
-exports.addAsset = addAsset;
 function addArchitectBuilder(host, projectName, builderName, builderOpts) {
     const config = readConfig(host);
     const angularJson = getAngularJson(config, projectName);
     angularJson.architect[builderName] = builderOpts;
     writeConfig(host, config);
 }
-exports.addArchitectBuilder = addArchitectBuilder;
 /**
  * Updates the angular.json to add an additional schematic collection
  * to the CLI configuration.
@@ -95,7 +98,6 @@ function addCli(host, collectionName) {
     angularJson.cli.schematicCollections.push(collectionName);
     writeConfig(host, angularJson);
 }
-exports.addCli = addCli;
 function addSchematics(host, schematicName, schematicOpts) {
     const angularJson = readConfig(host);
     if (angularJson.schematics === undefined) {
@@ -104,13 +106,11 @@ function addSchematics(host, schematicName, schematicOpts) {
     angularJson.schematics[schematicName] = schematicOpts;
     writeConfig(host, angularJson);
 }
-exports.addSchematics = addSchematics;
 function getWorkspacePath(host) {
     const possibleFiles = ['/angular.json', '/.angular.json'];
     const path = possibleFiles.filter((path) => host.exists(path))[0];
     return path;
 }
-exports.getWorkspacePath = getWorkspacePath;
 function getWorkspace(host) {
     const path = getWorkspacePath(host);
     const configBuffer = host.read(path);
@@ -120,4 +120,3 @@ function getWorkspace(host) {
     const content = configBuffer.toString();
     return (0, jsonc_parser_1.parse)(content);
 }
-exports.getWorkspace = getWorkspace;

package/schematics/utils/package.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addPackageToPackageJson = void 0;
+exports.addPackageToPackageJson = addPackageToPackageJson;
 /**
  * Adds a package to the package.json
  */
@@ -19,4 +19,3 @@ function addPackageToPackageJson(host, type, pkg, version) {
     }
     return host;
 }
-exports.addPackageToPackageJson = addPackageToPackageJson;