chore: protected access on doc

.github/workflows/actions/test-angular-e2e/action.yml

@@ -8,7 +8,7 @@ runs:
   steps:
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 16
     - uses: ./.github/workflows/actions/download-archive
       with:
         name: ionic-core

.github/workflows/build.yml

@@ -140,7 +140,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        apps: [ng14, ng15, ng16, ng17]
+        apps: [ng14, ng15, ng16]
     needs: [build-angular, build-angular-server]
     runs-on: ubuntu-latest
     steps:

CHANGELOG.md

@@ -3,35 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.5.5](https://github.com/ionic-team/ionic-framework/compare/v7.5.4...v7.5.5) (2023-11-15)
-
-
-### Bug Fixes
-
-* **accordion-group:** correct accordion is open on load ([#28510](https://github.com/ionic-team/ionic-framework/issues/28510)) ([a000dd2](https://github.com/ionic-team/ionic-framework/commit/a000dd2c0b65be8ab5b2ad19f2748fbca13d5085)), closes [#28506](https://github.com/ionic-team/ionic-framework/issues/28506)
-* **action-sheet:** adjust height for safe area with scrollable options ([#28504](https://github.com/ionic-team/ionic-framework/issues/28504)) ([900267e](https://github.com/ionic-team/ionic-framework/commit/900267eb36c36f2af63435f6b46acca52b3bdab7)), closes [#27777](https://github.com/ionic-team/ionic-framework/issues/27777)
-* **header:** collapsible large title does not flicker when collapse prop not reflected ([#28472](https://github.com/ionic-team/ionic-framework/issues/28472)) ([8227b0e](https://github.com/ionic-team/ionic-framework/commit/8227b0ee6d5250e122a34a83c644f8a74fbbafd5)), closes [#28466](https://github.com/ionic-team/ionic-framework/issues/28466)
-* **item-divider:** apply safe area to proper side regardless of direction ([#28420](https://github.com/ionic-team/ionic-framework/issues/28420)) ([4513e0c](https://github.com/ionic-team/ionic-framework/commit/4513e0c6b066d4990800c707e1d97f69c8fcfb0c))
-* **radio-group:** emit value change on componentDidLoad ([#28488](https://github.com/ionic-team/ionic-framework/issues/28488)) ([73b8bfd](https://github.com/ionic-team/ionic-framework/commit/73b8bfde3f060490958c10f58d0f68de80cb957f)), closes [#28356](https://github.com/ionic-team/ionic-framework/issues/28356)
-* **searchbar:** cancel icon aligns with back button ([#28478](https://github.com/ionic-team/ionic-framework/issues/28478)) ([c053fd9](https://github.com/ionic-team/ionic-framework/commit/c053fd9c68d9b1add1335db80be962215946a0b1)), closes [#28468](https://github.com/ionic-team/ionic-framework/issues/28468)
-
-
-
-
-
-## [7.5.4](https://github.com/ionic-team/ionic-framework/compare/v7.5.3...v7.5.4) (2023-11-08)
-
-
-### Bug Fixes
-
-* **inputs:** remove invalid legacy warnings in input, textarea, and select ([#28484](https://github.com/ionic-team/ionic-framework/issues/28484)) ([c765dcb](https://github.com/ionic-team/ionic-framework/commit/c765dcbac4148762768d8c2bea9103e7d38c510b))
-* **item:** apply safe area to proper side regardless of direction ([#28403](https://github.com/ionic-team/ionic-framework/issues/28403)) ([ed040b0](https://github.com/ionic-team/ionic-framework/commit/ed040b09e9cbd4246864e690542132defc6a6578))
-* **list:** remove border from last item with item-sliding ([#28439](https://github.com/ionic-team/ionic-framework/issues/28439)) ([cafafcc](https://github.com/ionic-team/ionic-framework/commit/cafafcc9d166ef536dcb73edd522c8f2a0fb95b6)), closes [#28435](https://github.com/ionic-team/ionic-framework/issues/28435)
-
-
-
-
-
 ## [7.5.3](https://github.com/ionic-team/ionic-framework/compare/v7.5.2...v7.5.3) (2023-11-01)
 
 

core/CHANGELOG.md

@@ -3,38 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.5.5](https://github.com/ionic-team/ionic-framework/compare/v7.5.4...v7.5.5) (2023-11-15)
-
-
-### Bug Fixes
-
-* **accordion-group:** correct accordion is open on load ([#28510](https://github.com/ionic-team/ionic-framework/issues/28510)) ([a000dd2](https://github.com/ionic-team/ionic-framework/commit/a000dd2c0b65be8ab5b2ad19f2748fbca13d5085)), closes [#28506](https://github.com/ionic-team/ionic-framework/issues/28506)
-* **action-sheet:** adjust height for safe area with scrollable options ([#28504](https://github.com/ionic-team/ionic-framework/issues/28504)) ([900267e](https://github.com/ionic-team/ionic-framework/commit/900267eb36c36f2af63435f6b46acca52b3bdab7)), closes [#27777](https://github.com/ionic-team/ionic-framework/issues/27777)
-* **header:** collapsible large title does not flicker when collapse prop not reflected ([#28472](https://github.com/ionic-team/ionic-framework/issues/28472)) ([8227b0e](https://github.com/ionic-team/ionic-framework/commit/8227b0ee6d5250e122a34a83c644f8a74fbbafd5)), closes [#28466](https://github.com/ionic-team/ionic-framework/issues/28466)
-* **item-divider:** apply safe area to proper side regardless of direction ([#28420](https://github.com/ionic-team/ionic-framework/issues/28420)) ([4513e0c](https://github.com/ionic-team/ionic-framework/commit/4513e0c6b066d4990800c707e1d97f69c8fcfb0c))
-* **radio-group:** emit value change on componentDidLoad ([#28488](https://github.com/ionic-team/ionic-framework/issues/28488)) ([73b8bfd](https://github.com/ionic-team/ionic-framework/commit/73b8bfde3f060490958c10f58d0f68de80cb957f)), closes [#28356](https://github.com/ionic-team/ionic-framework/issues/28356)
-* **searchbar:** cancel icon aligns with back button ([#28478](https://github.com/ionic-team/ionic-framework/issues/28478)) ([c053fd9](https://github.com/ionic-team/ionic-framework/commit/c053fd9c68d9b1add1335db80be962215946a0b1)), closes [#28468](https://github.com/ionic-team/ionic-framework/issues/28468)
-
-> [!NOTE]
-> Ionic Vue developers utilizing the `v-ion-change` or `v-ion-input` workaround for https://github.com/ionic-team/ionic-framework/issues/27292 should remove this workaround when updating to Ionic v7.5.5.
-
-
-
-
-
-## [7.5.4](https://github.com/ionic-team/ionic-framework/compare/v7.5.3...v7.5.4) (2023-11-08)
-
-
-### Bug Fixes
-
-* **inputs:** remove invalid legacy warnings in input, textarea, and select ([#28484](https://github.com/ionic-team/ionic-framework/issues/28484)) ([c765dcb](https://github.com/ionic-team/ionic-framework/commit/c765dcbac4148762768d8c2bea9103e7d38c510b))
-* **item:** apply safe area to proper side regardless of direction ([#28403](https://github.com/ionic-team/ionic-framework/issues/28403)) ([ed040b0](https://github.com/ionic-team/ionic-framework/commit/ed040b09e9cbd4246864e690542132defc6a6578))
-* **list:** remove border from last item with item-sliding ([#28439](https://github.com/ionic-team/ionic-framework/issues/28439)) ([cafafcc](https://github.com/ionic-team/ionic-framework/commit/cafafcc9d166ef536dcb73edd522c8f2a0fb95b6)), closes [#28435](https://github.com/ionic-team/ionic-framework/issues/28435)
-
-
-
-
-
 ## [7.5.3](https://github.com/ionic-team/ionic-framework/compare/v7.5.2...v7.5.3) (2023-11-01)
 
 

core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "7.5.5",
+  "version": "7.5.3",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -31,7 +31,7 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "^4.6.0-dev.1698410852.c526078",
+    "@stencil/core": "^4.7.0",
     "ionicons": "^7.2.1",
     "tslib": "^2.1.0"
   },
@@ -43,14 +43,15 @@
     "@capacitor/status-bar": "^5.0.6",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
+    "@jest/core": "^27.5.1",
     "@playwright/test": "^1.39.0",
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@rollup/plugin-virtual": "^2.0.3",
     "@stencil/angular-output-target": "^0.8.3",
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.0.7",
-    "@stencil/vue-output-target": "^0.8.7",
-    "@types/jest": "^29.5.6",
+    "@stencil/vue-output-target": "^0.8.6",
+    "@types/jest": "^27.5.2",
     "@types/node": "^14.6.0",
     "@typescript-eslint/eslint-plugin": "^6.7.2",
     "@typescript-eslint/parser": "^6.7.2",
@@ -61,8 +62,8 @@
     "eslint-plugin-custom-rules": "file:custom-rules",
     "execa": "^5.0.0",
     "fs-extra": "^9.0.1",
-    "jest": "^29.7.0",
-    "jest-cli": "^29.7.0",
+    "jest": "^27.5.1",
+    "jest-cli": "^27.5.1",
     "prettier": "^2.6.1",
     "rollup": "^2.26.4",
     "sass": "^1.33.0",

core/src/components/accordion-group/accordion-group.tsx

@@ -180,16 +180,6 @@ export class AccordionGroup implements ComponentInterface {
     if (this.readonly) {
       this.readonlyChanged();
     }
-    /**
-     * When binding values in frameworks such as Angular
-     * it is possible for the value to be set after the Web Component
-     * initializes but before the value watcher is set up in Stencil.
-     * As a result, the watcher callback may not be fired.
-     * We work around this by manually calling the watcher
-     * callback when the component has loaded and the watcher
-     * is configured.
-     */
-    this.valueChanged();
   }
 
   /**

core/src/components/action-sheet/action-sheet.scss

@@ -128,8 +128,8 @@
   height: 100%;
 
   /* Fallback for browsers that do not support dvh */
-  max-height: calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));
-  max-height: calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));
+  max-height: 100vh;
+  max-height: 100dvh;
 }
 
 .action-sheet-group {

core/src/components/action-sheet/test/basic/action-sheet.e2e.ts

@@ -100,69 +100,3 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ config, title }) =>
     });
   });
 });
-
-/**
- * This behavior needs to be tested in both modes but does not vary
- * across directions due to the component only applying safe area
- * to the top and bottom
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('action-sheet: basic'), () => {
-    test.describe('safe area', () => {
-      test('should have padding added by the safe area', async ({ page }, testInfo) => {
-        testInfo.annotations.push({
-          type: 'issue',
-          description: 'https://github.com/ionic-team/ionic-framework/issues/27777',
-        });
-        await page.setContent(
-          `
-          <style>
-            :root {
-              --ion-safe-area-top: 60px;
-              --ion-safe-area-bottom: 40px;
-            }
-          </style>
-
-          <ion-action-sheet></ion-action-sheet>
-
-          <script>
-            const actionSheet = document.querySelector('ion-action-sheet');
-            actionSheet.header = 'Header';
-            actionSheet.subHeader = 'Sub Header';
-            actionSheet.buttons = [
-              'Add Reaction',
-              'Copy Text',
-              'Share Text',
-              'Copy Link to Message',
-              'Remind Me',
-              'Pin File',
-              'Star File',
-              'Mark Unread',
-              'Mark Read',
-              'Edit Title',
-              'Erase Title',
-              'Save Image',
-              'Copy Image',
-              'Erase Image',
-              'Delete File',
-              {
-                text: 'Cancel',
-                role: 'cancel'
-              },
-            ];
-          </script>
-        `,
-          config
-        );
-
-        const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-        const actionSheet = page.locator('ion-action-sheet');
-
-        await actionSheet.evaluate((el: HTMLIonActionSheetElement) => el.present());
-        await ionActionSheetDidPresent.next();
-
-        await expect(actionSheet).toHaveScreenshot(screenshot(`action-sheet-safe-area`));
-      });
-    });
-  });
-});

core/src/components/datetime/datetime.md.scss

@@ -136,3 +136,7 @@
 
   justify-content: flex-end;
 }
+
+:host .datetime-view-buttons ion-button {
+  color: $text-color-step-200;
+}

core/src/components/header/header.ios.scss

@@ -130,10 +130,7 @@
  * 2. This will only apply when that content has a collapse header (ion-header[collapse="condense"])
  *
  * We use opacity: 0 to avoid a layout shift.
- * We target both the attribute and the class in the event that the attribute
- * is not reflected on the host in some frameworks.
  */
-ion-header:not(.header-collapse-main):has(~ ion-content ion-header[collapse="condense"], 
-~ ion-content ion-header.header-collapse-condense) {
+ion-header:not(.header-collapse-main):has(~ ion-content ion-header[collapse="condense"]) {
   opacity: 0;
 }

core/src/components/item-divider/item-divider.scss

@@ -31,19 +31,12 @@
 
   @include font-smoothing();
   @include margin(0);
-  @include padding(var(--padding-top), null, var(--padding-bottom), null);
-
-  /* stylelint-disable */
-  @include ltr() {
-    padding-right: var(--padding-end);
-    padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));
-  }
-
-  @include rtl() {
-    padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));
-    padding-left: var(--padding-end);
-  }
-  /* stylelint-enable */
+  @include padding(
+    var(--padding-top),
+    var(--padding-end),
+    var(--padding-bottom),
+    calc(var(--padding-start) + var(--ion-safe-area-left, 0px))
+  );
 
   display: flex;
 
@@ -74,19 +67,12 @@
 
 .item-divider-inner {
   @include margin(0);
-  @include padding(var(--inner-padding-top), null, var(--inner-padding-bottom), null);
-
-  /* stylelint-disable */
-  @include ltr() {
-    padding-right: calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));
-    padding-left: var(--inner-padding-start);
-  }
-
-  @include rtl() {
-    padding-right: var(--inner-padding-start);
-    padding-left: calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end));
-  }
-  /* stylelint-enable */
+  @include padding(
+    var(--inner-padding-top),
+    calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end)),
+    var(--inner-padding-bottom),
+    var(--inner-padding-start)
+  );
 
   display: flex;
 

core/src/components/item-divider/test/basic/item-divider.e2e.ts

@@ -46,33 +46,5 @@ configs().forEach(({ title, screenshot, config }) => {
       const divider = page.locator('ion-item-divider');
       await expect(divider).toHaveScreenshot(screenshot(`item-divider-icon-start`));
     });
-
-    /**
-     * This behavior needs to be tested for all modes & directions
-     * Safe padding should stay on the same side when the direction changes
-     */
-    test('should have safe area padding', async ({ page }) => {
-      await page.setContent(
-        `
-        <style>
-          :root {
-            --ion-safe-area-left: 40px;
-            --ion-safe-area-right: 20px;
-          }
-        </style>
-        <ion-list>
-          <ion-item-divider>
-            <ion-label>Item Divider</ion-label>
-            <ion-button slot="end">Button</ion-button>
-          </ion-item-divider>
-        </ion-list>
-      `,
-        config
-      );
-
-      const list = page.locator('ion-list');
-
-      await expect(list).toHaveScreenshot(screenshot('item-divider-safe-area'));
-    });
   });
 });

core/src/components/radio-group/radio-group.tsx

@@ -52,16 +52,7 @@ export class RadioGroup implements ComponentInterface {
   @Event() ionValueChange!: EventEmitter<RadioGroupChangeEventDetail>;
 
   componentDidLoad() {
-    /**
-     * There's an issue when assigning a value to the radio group
-     * within the Angular primary content (rendering within the
-     * app component template). When the template is isolated to a route,
-     * the value is assigned correctly.
-     * To address this issue, we need to ensure that the watcher is
-     * called after the component has finished loading,
-     * allowing the emit to be dispatched correctly.
-     */
-    this.valueChanged(this.value);
+    this.setRadioTabindex(this.value);
   }
 
   private setRadioTabindex = (value: any | undefined) => {

core/src/components/searchbar/searchbar.md.scss

@@ -34,13 +34,7 @@
 // -----------------------------------------
 
 .searchbar-cancel-button {
-  /**
-   * The left edge of the cancel button
-   * should align with the left edge
-   * of the back button if the searchbar
-   * is used in a toolbar.
-   */
-  @include position(0, null, null, 9px);
+  @include position(0, null, null, 5px);
 
   background-color: $searchbar-md-cancel-button-background-color;
 

core/src/components/searchbar/searchbar.md.vars.scss

@@ -25,7 +25,7 @@ $searchbar-md-cancel-button-color:               $text-color-step-100 !default;
 $searchbar-md-cancel-button-background-color:    transparent !default;
 
 /// @prop - Font size of the searchbar cancel button
-$searchbar-md-cancel-button-font-size:           1.5em !default;
+$searchbar-md-cancel-button-font-size:           1.6em !default;
 
 /// @prop - Color of the searchbar input search icon
 $searchbar-md-input-search-icon-color:           $text-color-step-400 !default;

core/src/components/searchbar/test/basic/searchbar.e2e.ts

@@ -198,33 +198,3 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
     });
   });
 });
-
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('searchbar: cancel button alignment'), () => {
-    test('should align with the back button when used in a toolbar', async ({ page }, testInfo) => {
-      testInfo.annotations.push({
-        type: 'issue',
-        description: 'https://github.com/ionic-team/ionic-framework/issues/28468',
-      });
-      await page.setContent(
-        `
-        <ion-header>
-          <ion-toolbar>
-            <ion-buttons slot="start">
-              <ion-back-button default-href="#"></ion-back-button>
-            </ion-buttons>
-            <ion-title>Test</ion-title>
-          </ion-toolbar>
-          <ion-toolbar>
-            <ion-searchbar show-cancel-button="always"></ion-searchbar>
-          </ion-toolbar>
-        </ion-header>
-      `,
-        config
-      );
-
-      const header = page.locator('ion-header');
-      await expect(header).toHaveScreenshot(screenshot(`searchbar-back-button-align`));
-    });
-  });
-});

core/src/utils/forms/form-controller.ts

@@ -48,6 +48,11 @@ export type LegacyFormController = {
 };
 
 const hasLabelSlot = (controlEl: HTMLElement) => {
+  const root = controlEl.shadowRoot;
+  if (root === null) {
+    return false;
+  }
+
   /**
    * Components that have a named label slot
    * also have other slots, so we need to query for
@@ -69,5 +74,5 @@ const hasLabelSlot = (controlEl: HTMLElement) => {
   return false;
 };
 
-const NAMED_LABEL_SLOT_COMPONENTS = ['ION-INPUT', 'ION-TEXTAREA', 'ION-SELECT', 'ION-RANGE'];
+const NAMED_LABEL_SLOT_COMPONENTS = ['ION-RANGE'];
 const UNNAMED_LABEL_SLOT_COMPONENTS = ['ION-TOGGLE', 'ION-CHECKBOX', 'ION-RADIO'];

core/stencil.config.ts

@@ -197,17 +197,20 @@ export const config: Config = {
         {
           elements: ['ion-checkbox', 'ion-toggle'],
           targetAttr: 'checked',
-          event: 'ion-change'
+          event: 'v-ion-change',
+          externalEvent: 'ionChange'
         },
         {
           elements: ['ion-datetime', 'ion-radio-group', 'ion-radio', 'ion-range', 'ion-segment', 'ion-segment-button', 'ion-select', 'ion-accordion-group'],
           targetAttr: 'value',
-          event: 'ion-change',
+          event: 'v-ion-change',
+          externalEvent: 'ionChange'
         },
         {
           elements: ['ion-input', 'ion-searchbar', 'ion-textarea'],
           targetAttr: 'value',
-          event: 'ion-input',
+          event: 'v-ion-input',
+          externalEvent: 'ionInput'
         }
       ],
     }),

docs/CHANGELOG.md

@@ -3,22 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.5.5](https://github.com/ionic-team/ionic-framework/compare/v7.5.4...v7.5.5) (2023-11-15)
-
-**Note:** Version bump only for package @ionic/docs
-
-
-
-
-
-## [7.5.4](https://github.com/ionic-team/ionic-framework/compare/v7.5.3...v7.5.4) (2023-11-08)
-
-**Note:** Version bump only for package @ionic/docs
-
-
-
-
-
 ## [7.5.3](https://github.com/ionic-team/ionic-framework/compare/v7.5.2...v7.5.3) (2023-11-01)
 
 **Note:** Version bump only for package @ionic/docs

docs/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@ionic/docs",
-  "version": "7.5.5",
+  "version": "7.5.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "7.5.5",
+      "version": "7.5.3",
       "license": "MIT"
     }
   }

docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "7.5.5",
+  "version": "7.5.3",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",

lerna.json

@@ -4,5 +4,5 @@
     "docs",
     "packages/*"
   ],
-  "version": "7.5.5"
+  "version": "7.5.3"
 }

packages/angular-server/CHANGELOG.md

@@ -3,22 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.5.5](https://github.com/ionic-team/ionic-framework/compare/v7.5.4...v7.5.5) (2023-11-15)
-
-**Note:** Version bump only for package @ionic/angular-server
-
-
-
-
-
-## [7.5.4](https://github.com/ionic-team/ionic-framework/compare/v7.5.3...v7.5.4) (2023-11-08)
-
-**Note:** Version bump only for package @ionic/angular-server
-
-
-
-
-
 ## [7.5.3](https://github.com/ionic-team/ionic-framework/compare/v7.5.2...v7.5.3) (2023-11-01)
 
 **Note:** Version bump only for package @ionic/angular-server

packages/angular-server/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular-server",
-  "version": "7.5.5",
+  "version": "7.5.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "7.5.5",
+      "version": "7.5.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^7.5.5"
+        "@ionic/core": "^7.5.3"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^14.0.0",
@@ -1060,11 +1060,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.5.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.5.tgz",
-      "integrity": "sha512-7Rn3OUz8QCob7yMuCLs5dVLpChscNCm+OqH8lqTzy3N/8VSKHLNPHIHTIa4DQm9HwjtpOB+XCTeIqbdWHkLgnA==",
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.3.tgz",
+      "integrity": "sha512-nd4NV6gSgohLvKHGmf+jAcgzI1387eKq3enjBfE574FK/ikl5CeIltv0MBVJr9lz0pNSL/y9m1tdaFg+syASuA==",
       "dependencies": {
-        "@stencil/core": "^4.7.2",
+        "@stencil/core": "^4.6.0",
         "ionicons": "^7.2.1",
         "tslib": "^2.1.0"
       }
@@ -1462,9 +1462,9 @@
       "license": "MIT"
     },
     "node_modules/@stencil/core": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.7.2.tgz",
-      "integrity": "sha512-sPPDYrXiTbfeUF5CCyfqysXK/yfTHC4xYR1+nHzGkS2vhRSBOLp0oPuB+xkJLKA+K2ZqDJUxpOnDxy1CLWwBXA==",
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.6.0.tgz",
+      "integrity": "sha512-5Y6/fP28aspPDRB+Tz5GuB1jRVGuUEk5/rnyE8ACGcuzEOG+zR0A/IHRJSU3XmCxUlVDKfKoO6St5W84oUCVMA==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -7330,11 +7330,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.5.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.5.tgz",
-      "integrity": "sha512-7Rn3OUz8QCob7yMuCLs5dVLpChscNCm+OqH8lqTzy3N/8VSKHLNPHIHTIa4DQm9HwjtpOB+XCTeIqbdWHkLgnA==",
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.3.tgz",
+      "integrity": "sha512-nd4NV6gSgohLvKHGmf+jAcgzI1387eKq3enjBfE574FK/ikl5CeIltv0MBVJr9lz0pNSL/y9m1tdaFg+syASuA==",
       "requires": {
-        "@stencil/core": "^4.7.2",
+        "@stencil/core": "^4.6.0",
         "ionicons": "^7.2.1",
         "tslib": "^2.1.0"
       }
@@ -7581,9 +7581,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.7.2.tgz",
-      "integrity": "sha512-sPPDYrXiTbfeUF5CCyfqysXK/yfTHC4xYR1+nHzGkS2vhRSBOLp0oPuB+xkJLKA+K2ZqDJUxpOnDxy1CLWwBXA=="
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.6.0.tgz",
+      "integrity": "sha512-5Y6/fP28aspPDRB+Tz5GuB1jRVGuUEk5/rnyE8ACGcuzEOG+zR0A/IHRJSU3XmCxUlVDKfKoO6St5W84oUCVMA=="
     },
     "@types/estree": {
       "version": "0.0.39",

packages/angular-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "7.5.5",
+  "version": "7.5.3",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -27,7 +27,6 @@
     "test": "echo 'angular no tests yet'",
     "build": "ng-packagr -p ng-package.json -c tsconfig.json",
     "build.prod": "npm run clean && npm run build",
-    "build.watch": "npm run build -- --watch",
     "clean": "rm -rf ./dist",
     "lint": "eslint . --ext .ts && npm run prettier",
     "lint.fix": "eslint . --ext .ts --fix && npm run prettier.fix",
@@ -62,6 +61,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^7.5.5"
+    "@ionic/core": "^7.5.3"
   }
 }

packages/angular/CHANGELOG.md

@@ -3,22 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.5.5](https://github.com/ionic-team/ionic-framework/compare/v7.5.4...v7.5.5) (2023-11-15)
-
-**Note:** Version bump only for package @ionic/angular
-
-
-
-
-
-## [7.5.4](https://github.com/ionic-team/ionic-framework/compare/v7.5.3...v7.5.4) (2023-11-08)
-
-**Note:** Version bump only for package @ionic/angular
-
-
-
-
-
 ## [7.5.3](https://github.com/ionic-team/ionic-framework/compare/v7.5.2...v7.5.3) (2023-11-01)
 
 

packages/angular/common/src/index.ts

@@ -1,7 +1,14 @@
+export { ActionSheetController } from './providers/action-sheet-controller';
 export { AlertController } from './providers/alert-controller';
 export { LoadingController } from './providers/loading-controller';
 export { MenuController } from './providers/menu-controller';
+export { ModalController } from './providers/modal-controller';
 export { PickerController } from './providers/picker-controller';
+export { PopoverController } from './providers/popover-controller';
+export { ToastController } from './providers/toast-controller';
+
+export { AnimationController } from './providers/animation-controller';
+export { GestureController } from './providers/gesture-controller';
 export { DomController } from './providers/dom-controller';
 export { NavController } from './providers/nav-controller';
 
@@ -32,6 +39,5 @@ export * from './directives/control-value-accessors';
 export { ProxyCmp } from './utils/proxy';
 
 export { IonicRouteStrategy } from './utils/routing';
-export { OverlayBaseController } from './utils/overlay';
 
 export { raf } from './utils/util';

packages/angular/common/src/providers/action-sheet-controller.ts

@@ -1,8 +1,9 @@
 import { Injectable } from '@angular/core';
-import { OverlayBaseController } from '@ionic/angular/common';
 import type { ActionSheetOptions } from '@ionic/core/components';
 import { actionSheetController } from '@ionic/core/components';
 
+import { OverlayBaseController } from '../utils/overlay';
+
 @Injectable({
   providedIn: 'root',
 })

packages/angular/common/src/providers/animation-controller.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import type { Animation } from '@ionic/core';
+import type { Animation } from '@ionic/core/components';
 import { createAnimation, getTimeGivenProgression } from '@ionic/core/components';
 
 @Injectable({

packages/angular/common/src/providers/gesture-controller.ts

@@ -1,4 +1,4 @@
-import { Injectable, NgZone } from '@angular/core';
+import { NgZone, Injectable } from '@angular/core';
 import type { Gesture, GestureConfig } from '@ionic/core/components';
 import { createGesture } from '@ionic/core/components';
 

packages/angular/common/src/providers/modal-controller.ts

@@ -1,8 +1,11 @@
 import { Injector, Injectable, EnvironmentInjector, inject } from '@angular/core';
-import { AngularDelegate, OverlayBaseController } from '@ionic/angular/common';
 import type { ModalOptions } from '@ionic/core/components';
 import { modalController } from '@ionic/core/components';
 
+import { OverlayBaseController } from '../utils/overlay';
+
+import { AngularDelegate } from './angular-delegate';
+
 @Injectable()
 export class ModalController extends OverlayBaseController<ModalOptions, HTMLIonModalElement> {
   private angularDelegate = inject(AngularDelegate);

packages/angular/common/src/providers/platform.ts

@@ -1,7 +1,12 @@
 import { DOCUMENT } from '@angular/common';
-import { NgZone, Inject, Injectable } from '@angular/core';
-import { getPlatforms, isPlatform } from '@ionic/core/components';
-import type { BackButtonEventDetail, KeyboardEventDetail, Platforms } from '@ionic/core/components';
+import { NgZone, Inject } from '@angular/core';
+import type {
+  getPlatforms as _getPlatforms,
+  isPlatform as _isPlatform,
+  BackButtonEventDetail,
+  KeyboardEventDetail,
+  Platforms,
+} from '@ionic/core/components';
 import { Subscription, Subject } from 'rxjs';
 
 // TODO(FW-2827): types
@@ -13,9 +18,6 @@ export interface BackButtonEmitter extends Subject<BackButtonEventDetail> {
   ): Subscription;
 }
 
-@Injectable({
-  providedIn: 'root',
-})
 export class Platform {
   private _readyPromise: Promise<string>;
   private win: any;
@@ -59,7 +61,12 @@ export class Platform {
    */
   resize = new Subject<void>();
 
-  constructor(@Inject(DOCUMENT) private doc: any, zone: NgZone) {
+  constructor(
+    @Inject(DOCUMENT) protected doc: any,
+    zone: NgZone,
+    private isPlatform: typeof _isPlatform,
+    private getPlatforms: typeof _getPlatforms
+  ) {
     zone.run(() => {
       this.win = doc.defaultView;
       this.backButton.subscribeWithPriority = function (priority, callback) {
@@ -138,7 +145,7 @@ export class Platform {
    *
    */
   is(platformName: Platforms): boolean {
-    return isPlatform(this.win, platformName);
+    return this.isPlatform(this.win, platformName);
   }
 
   /**
@@ -161,7 +168,7 @@ export class Platform {
    * ```
    */
   platforms(): string[] {
-    return getPlatforms(this.win);
+    return this.getPlatforms(this.win);
   }
 
   /**

packages/angular/common/src/providers/popover-controller.ts

@@ -1,8 +1,12 @@
-import { Injector, inject, EnvironmentInjector } from '@angular/core';
-import { AngularDelegate, OverlayBaseController } from '@ionic/angular/common';
+import { Injector, Injectable, inject, EnvironmentInjector } from '@angular/core';
 import type { PopoverOptions } from '@ionic/core/components';
 import { popoverController } from '@ionic/core/components';
 
+import { OverlayBaseController } from '../utils/overlay';
+
+import { AngularDelegate } from './angular-delegate';
+
+@Injectable()
 export class PopoverController extends OverlayBaseController<PopoverOptions, HTMLIonPopoverElement> {
   private angularDelegate = inject(AngularDelegate);
   private injector = inject(Injector);

packages/angular/common/src/providers/toast-controller.ts

@@ -1,8 +1,9 @@
 import { Injectable } from '@angular/core';
-import { OverlayBaseController } from '@ionic/angular/common';
 import type { ToastOptions } from '@ionic/core/components';
 import { toastController } from '@ionic/core/components';
 
+import { OverlayBaseController } from '../utils/overlay';
+
 @Injectable({
   providedIn: 'root',
 })

packages/angular/common/src/utils/overlay.ts

@@ -1,6 +1,6 @@
 // TODO(FW-2827): types
 
-export interface ControllerShape<Opts, HTMLElm> {
+interface ControllerShape<Opts, HTMLElm> {
   create(options: Opts): Promise<HTMLElm>;
   dismiss(data?: any, role?: string, id?: string): Promise<boolean>;
   getTop(): Promise<HTMLElm | undefined>;

packages/angular/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "7.5.5",
+  "version": "7.5.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "7.5.5",
+      "version": "7.5.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^7.5.5",
+        "@ionic/core": "^7.5.3",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -1227,11 +1227,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.5.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.5.tgz",
-      "integrity": "sha512-7Rn3OUz8QCob7yMuCLs5dVLpChscNCm+OqH8lqTzy3N/8VSKHLNPHIHTIa4DQm9HwjtpOB+XCTeIqbdWHkLgnA==",
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.3.tgz",
+      "integrity": "sha512-nd4NV6gSgohLvKHGmf+jAcgzI1387eKq3enjBfE574FK/ikl5CeIltv0MBVJr9lz0pNSL/y9m1tdaFg+syASuA==",
       "dependencies": {
-        "@stencil/core": "^4.7.2",
+        "@stencil/core": "^4.6.0",
         "ionicons": "^7.2.1",
         "tslib": "^2.1.0"
       }
@@ -1583,9 +1583,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.7.2.tgz",
-      "integrity": "sha512-sPPDYrXiTbfeUF5CCyfqysXK/yfTHC4xYR1+nHzGkS2vhRSBOLp0oPuB+xkJLKA+K2ZqDJUxpOnDxy1CLWwBXA==",
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.6.0.tgz",
+      "integrity": "sha512-5Y6/fP28aspPDRB+Tz5GuB1jRVGuUEk5/rnyE8ACGcuzEOG+zR0A/IHRJSU3XmCxUlVDKfKoO6St5W84oUCVMA==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -8093,11 +8093,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.5.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.5.tgz",
-      "integrity": "sha512-7Rn3OUz8QCob7yMuCLs5dVLpChscNCm+OqH8lqTzy3N/8VSKHLNPHIHTIa4DQm9HwjtpOB+XCTeIqbdWHkLgnA==",
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.5.3.tgz",
+      "integrity": "sha512-nd4NV6gSgohLvKHGmf+jAcgzI1387eKq3enjBfE574FK/ikl5CeIltv0MBVJr9lz0pNSL/y9m1tdaFg+syASuA==",
       "requires": {
-        "@stencil/core": "^4.7.2",
+        "@stencil/core": "^4.6.0",
         "ionicons": "^7.2.1",
         "tslib": "^2.1.0"
       }
@@ -8327,9 +8327,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.7.2.tgz",
-      "integrity": "sha512-sPPDYrXiTbfeUF5CCyfqysXK/yfTHC4xYR1+nHzGkS2vhRSBOLp0oPuB+xkJLKA+K2ZqDJUxpOnDxy1CLWwBXA=="
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.6.0.tgz",
+      "integrity": "sha512-5Y6/fP28aspPDRB+Tz5GuB1jRVGuUEk5/rnyE8ACGcuzEOG+zR0A/IHRJSU3XmCxUlVDKfKoO6St5W84oUCVMA=="
     },
     "@types/estree": {
       "version": "0.0.39",

packages/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "7.5.5",
+  "version": "7.5.3",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -28,7 +28,6 @@
     "build.core": "node scripts/build-core.js",
     "build.link": "npm run build && node scripts/link-copy.js",
     "build.ng": "ng-packagr -p ng-package.json -c tsconfig.json",
-    "build.watch": "npm run build.ng -- --watch",
     "clean": "node scripts/clean.js",
     "clean-generated": "node ./scripts/clean-generated.js",
     "lint": "npm run eslint && npm run prettier -- --write --cache",
@@ -48,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^7.5.5",
+    "@ionic/core": "^7.5.3",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"

packages/angular/src/index.ts

@@ -20,13 +20,18 @@ export * from './directives/validators';
 
 // PROVIDERS
 export {
+  ActionSheetController,
   AlertController,
   LoadingController,
+  ModalController,
   PickerController,
+  PopoverController,
+  ToastController,
+  AnimationController,
+  GestureController,
   DomController,
   NavController,
   Config,
-  Platform,
   AngularDelegate,
   NavParams,
   IonicRouteStrategy,
@@ -35,13 +40,8 @@ export {
   ViewDidEnter,
   ViewDidLeave,
 } from '@ionic/angular/common';
-export { AnimationController } from './providers/animation-controller';
-export { ActionSheetController } from './providers/action-sheet-controller';
-export { GestureController } from './providers/gesture-controller';
 export { MenuController } from './providers/menu-controller';
-export { ModalController } from './providers/modal-controller';
-export { PopoverController } from './providers/popover-controller';
-export { ToastController } from './providers/toast-controller';
+export { Platform } from './providers/platform';
 
 // PACKAGE MODULE
 export { IonicModule } from './ionic-module';

packages/angular/src/ionic-module.ts

@@ -1,6 +1,12 @@
 import { CommonModule, DOCUMENT } from '@angular/common';
 import { ModuleWithProviders, APP_INITIALIZER, NgModule, NgZone } from '@angular/core';
-import { ConfigToken, AngularDelegate, provideComponentInputBinding } from '@ionic/angular/common';
+import {
+  ModalController,
+  PopoverController,
+  ConfigToken,
+  AngularDelegate,
+  provideComponentInputBinding,
+} from '@ionic/angular/common';
 import { IonicConfig } from '@ionic/core';
 
 import { appInitialize } from './app-initialize';
@@ -23,8 +29,6 @@ import { IonModal } from './directives/overlays/modal';
 import { IonPopover } from './directives/overlays/popover';
 import { DIRECTIVES } from './directives/proxies-list';
 import { IonMaxValidator, IonMinValidator } from './directives/validators';
-import { ModalController } from './providers/modal-controller';
-import { PopoverController } from './providers/popover-controller';
 
 const DECLARATIONS = [
   // generated proxies

packages/angular/src/providers/action-sheet-controller.ts

@@ -1,13 +0,0 @@
-import { Injectable } from '@angular/core';
-import { OverlayBaseController } from '@ionic/angular/common';
-import type { ActionSheetOptions } from '@ionic/core';
-import { actionSheetController } from '@ionic/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class ActionSheetController extends OverlayBaseController<ActionSheetOptions, HTMLIonActionSheetElement> {
-  constructor() {
-    super(actionSheetController);
-  }
-}

packages/angular/src/providers/animation-controller.ts

@@ -1,33 +0,0 @@
-import { Injectable } from '@angular/core';
-import { createAnimation, getTimeGivenProgression } from '@ionic/core';
-import type { Animation } from '@ionic/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class AnimationController {
-  /**
-   * Create a new animation
-   */
-  create(animationId?: string): Animation {
-    return createAnimation(animationId);
-  }
-
-  /**
-   * EXPERIMENTAL
-   *
-   * Given a progression and a cubic bezier function,
-   * this utility returns the time value(s) at which the
-   * cubic bezier reaches the given time progression.
-   *
-   * If the cubic bezier never reaches the progression
-   * the result will be an empty array.
-   *
-   * This is most useful for switching between easing curves
-   * when doing a gesture animation (i.e. going from linear easing
-   * during a drag, to another easing when `progressEnd` is called)
-   */
-  easingTime(p0: number[], p1: number[], p2: number[], p3: number[], progression: number): number[] {
-    return getTimeGivenProgression(p0, p1, p2, p3, progression);
-  }
-}

packages/angular/src/providers/gesture-controller.ts

@@ -1,25 +0,0 @@
-import { Injectable, NgZone } from '@angular/core';
-import type { Gesture, GestureConfig } from '@ionic/core';
-import { createGesture } from '@ionic/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class GestureController {
-  constructor(private zone: NgZone) {}
-  /**
-   * Create a new gesture
-   */
-  create(opts: GestureConfig, runInsideAngularZone = false): Gesture {
-    if (runInsideAngularZone) {
-      Object.getOwnPropertyNames(opts).forEach((key) => {
-        if (typeof opts[key] === 'function') {
-          const fn = opts[key];
-          opts[key] = (...props: any[]) => this.zone.run(() => fn(...props));
-        }
-      });
-    }
-
-    return createGesture(opts);
-  }
-}

packages/angular/src/providers/modal-controller.ts

@@ -1,22 +0,0 @@
-import { Injector, Injectable, EnvironmentInjector, inject } from '@angular/core';
-import { AngularDelegate, OverlayBaseController } from '@ionic/angular/common';
-import type { ModalOptions } from '@ionic/core';
-import { modalController } from '@ionic/core';
-
-@Injectable()
-export class ModalController extends OverlayBaseController<ModalOptions, HTMLIonModalElement> {
-  private angularDelegate = inject(AngularDelegate);
-  private injector = inject(Injector);
-  private environmentInjector = inject(EnvironmentInjector);
-
-  constructor() {
-    super(modalController);
-  }
-
-  create(opts: ModalOptions): Promise<HTMLIonModalElement> {
-    return super.create({
-      ...opts,
-      delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'modal'),
-    });
-  }
-}

packages/angular/src/providers/platform.ts

@@ -0,0 +1,13 @@
+import { DOCUMENT } from '@angular/common';
+import { Injectable, NgZone, Inject } from '@angular/core';
+import { Platform as PlatformBase } from '@ionic/angular/common';
+import { isPlatform, getPlatforms } from '@ionic/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class Platform extends PlatformBase {
+  constructor(@Inject(DOCUMENT) protected doc: any, zone: NgZone) {
+    super(doc, zone, isPlatform, getPlatforms);
+  }
+}

packages/angular/src/providers/popover-controller.ts

@@ -1,21 +0,0 @@
-import { Injector, inject, EnvironmentInjector } from '@angular/core';
-import { AngularDelegate, OverlayBaseController } from '@ionic/angular/common';
-import type { PopoverOptions } from '@ionic/core';
-import { popoverController } from '@ionic/core';
-
-export class PopoverController extends OverlayBaseController<PopoverOptions, HTMLIonPopoverElement> {
-  private angularDelegate = inject(AngularDelegate);
-  private injector = inject(Injector);
-  private environmentInjector = inject(EnvironmentInjector);
-
-  constructor() {
-    super(popoverController);
-  }
-
-  create(opts: PopoverOptions): Promise<HTMLIonPopoverElement> {
-    return super.create({
-      ...opts,
-      delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'popover'),
-    });
-  }
-}

packages/angular/src/providers/toast-controller.ts

@@ -1,13 +0,0 @@
-import { Injectable } from '@angular/core';
-import { OverlayBaseController } from '@ionic/angular/common';
-import type { ToastOptions } from '@ionic/core';
-import { toastController } from '@ionic/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class ToastController extends OverlayBaseController<ToastOptions, HTMLIonToastElement> {
-  constructor() {
-    super(toastController);
-  }
-}

packages/angular/standalone/src/index.ts

@@ -5,21 +5,21 @@ export { IonRouterOutlet } from './navigation/router-outlet';
 export { IonRouterLink, IonRouterLinkWithHref } from './navigation/router-link-delegate';
 export { IonTabs } from './navigation/tabs';
 export { provideIonicAngular } from './providers/ionic-angular';
-export { ActionSheetController } from './providers/action-sheet-controller';
-export { AnimationController } from './providers/animation-controller';
-export { GestureController } from './providers/gesture-controller';
 export { MenuController } from './providers/menu-controller';
-export { ModalController } from './providers/modal-controller';
-export { PopoverController } from './providers/popover-controller';
-export { ToastController } from './providers/toast-controller';
+export { Platform } from './providers/platform';
 export {
+  ActionSheetController,
   AlertController,
   LoadingController,
+  ModalController,
   PickerController,
+  PopoverController,
+  ToastController,
+  AnimationController,
+  GestureController,
   DomController,
   NavController,
   Config,
-  Platform,
   NavParams,
   IonicRouteStrategy,
   ViewWillEnter,

packages/angular/standalone/src/providers/ionic-angular.ts

@@ -1,13 +1,16 @@
 import { DOCUMENT } from '@angular/common';
 import { APP_INITIALIZER } from '@angular/core';
 import type { Provider } from '@angular/core';
-import { AngularDelegate, ConfigToken, provideComponentInputBinding } from '@ionic/angular/common';
+import {
+  AngularDelegate,
+  ConfigToken,
+  ModalController,
+  PopoverController,
+  provideComponentInputBinding,
+} from '@ionic/angular/common';
 import { initialize } from '@ionic/core/components';
 import type { IonicConfig } from '@ionic/core/components';
 
-import { ModalController } from './modal-controller';
-import { PopoverController } from './popover-controller';
-
 export const provideIonicAngular = (config?: IonicConfig): Provider[] => {
   /**
    * TODO FW-4967

packages/angular/standalone/src/providers/platform.ts

@@ -0,0 +1,13 @@
+import { DOCUMENT } from '@angular/common';
+import { Injectable, NgZone, Inject } from '@angular/core';
+import { Platform as PlatformBase } from '@ionic/angular/common';
+import { isPlatform, getPlatforms } from '@ionic/core/components';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class Platform extends PlatformBase {
+  constructor(@Inject(DOCUMENT) protected doc: any, zone: NgZone) {
+    super(doc, zone, isPlatform, getPlatforms);
+  }
+}

packages/angular/test/apps/ng17/angular.json

@@ -1,156 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "test-app": {
-      "root": "",
-      "sourceRoot": "src",
-      "projectType": "application",
-      "prefix": "app",
-      "schematics": {},
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "dist/test-app/browser",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.app.json",
-            "buildOptimizer": true,
-            "assets": [
-              "src/favicon.ico",
-              {
-                "glob": "**/*",
-                "input": "src/assets",
-                "output": "assets"
-              },
-              {
-                "glob": "**/*.svg",
-                "input": "node_modules/ionicons/dist/ionicons/svg",
-                "output": "./svg"
-              }
-            ],
-            "styles": ["src/styles.css"],
-            "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "namedChunks": false,
-              "aot": true,
-              "progress": false,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "6kb"
-                }
-              ]
-            },
-            "development": {
-              "buildOptimizer": false,
-              "optimization": false,
-              "vendorChunk": true,
-              "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "buildTarget": "test-app:build"
-          },
-          "configurations": {
-            "production": {
-              "buildTarget": "test-app:build:production"
-            },
-            "development": {
-              "buildTarget": "test-app:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "buildTarget": "test-app:build"
-          }
-        },
-        "lint": {
-          "builder": "@angular-eslint/builder:lint",
-          "options": {
-            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
-          }
-        },
-        "server": {
-          "builder": "@angular-devkit/build-angular:server",
-          "options": {
-            "outputPath": "dist/test-app/server",
-            "main": "server.ts",
-            "tsConfig": "tsconfig.server.json"
-          },
-          "configurations": {
-            "production": {
-              "outputHashing": "media",
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "sourceMap": false,
-              "optimization": true
-            }
-          }
-        },
-        "serve-ssr": {
-          "builder": "@angular-devkit/build-angular:ssr-dev-server",
-          "options": {
-            "browserTarget": "test-app:build",
-            "serverTarget": "test-app:server"
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "test-app:build:production",
-              "serverTarget": "test-app:server:production"
-            }
-          }
-        },
-        "prerender": {
-          "builder": "@angular-devkit/build-angular:prerender",
-          "options": {
-            "browserTarget": "test-app:build:production",
-            "serverTarget": "test-app:server:production",
-            "routes": []
-          }
-        }
-      }
-    }
-  },
-  "cli": {
-    "schematicCollections": ["@angular-eslint/schematics"],
-    "cache": {
-      "enabled": false
-    }
-  }
-}

packages/angular/test/apps/ng17/e2e/src/lazy/angular-version.spec.ts

@@ -1,5 +0,0 @@
-it("should be on Angular 17", () => {
-  cy.visit('/lazy');
-
-  cy.get('ion-title').contains('Angular 17');
-});

packages/angular/test/apps/ng17/e2e/src/lazy/bind-component-inputs.spec.ts

@@ -1,8 +0,0 @@
-it("binding route data to inputs should work", () => {
-  cy.visit('/lazy/version-test/bind-route/test?query=test');
-
-  cy.get('#route-params').contains('test');
-  cy.get('#query-params').contains('test');
-  cy.get('#data').contains('data:bindToComponentInputs');
-  cy.get('#resolve').contains('resolve:bindToComponentInputs');
-});

packages/angular/test/apps/ng17/e2e/src/lazy/modal-nav-params.spec.ts

@@ -1,20 +0,0 @@
-describe('Modal Nav Params', () => {
-
-  beforeEach(() => {
-    cy.visit('/lazy/version-test/modal-nav-params');
-  });
-
-  it('should assign the rootParams when presented in a modal multiple times', () => {
-    cy.contains('Open Modal').click();
-    cy.get('ion-modal').should('exist').should('be.visible');
-    cy.get('ion-modal').contains('OK');
-
-    cy.contains("Close").click();
-    cy.get('ion-modal').should('not.be.visible');
-
-    cy.contains('Open Modal').click();
-    cy.get('ion-modal').should('exist').should('be.visible');
-    cy.get('ion-modal').contains('OK').should('exist');
-  });
-
-});

packages/angular/test/apps/ng17/package.json

@@ -1,69 +0,0 @@
-{
-  "name": "ionic-angular-test-app",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "sync:build": "sh scripts/build-ionic.sh",
-    "sync": "sh scripts/sync.sh",
-    "build": "ng build --configuration production --no-progress",
-    "lint": "ng lint",
-    "serve:ssr": "node dist/test-app/server/main.js",
-    "build:ssr": "ng build --prod && ng run test-app:server:production",
-    "dev:ssr": "ng run test-app:serve-ssr",
-    "prerender": "ng run test-app:prerender",
-    "cy.open": "cypress open",
-    "cy.run": "cypress run",
-    "test": "concurrently \"npm run start -- --configuration production\" \"wait-on http-get://localhost:4200 && npm run cy.run\" --kill-others --success first",
-    "test.watch": "concurrently \"npm run start\" \"wait-on http-get://localhost:4200 && npm run cy.open\" --kill-others --success first"
-  },
-  "dependencies": {
-    "@angular/animations": "^17.0.2",
-    "@angular/common": "^17.0.2",
-    "@angular/compiler": "^17.0.2",
-    "@angular/core": "^17.0.2",
-    "@angular/forms": "^17.0.2",
-    "@angular/platform-browser": "^17.0.2",
-    "@angular/platform-browser-dynamic": "^17.0.2",
-    "@angular/platform-server": "^17.0.2",
-    "@angular/router": "^17.0.2",
-    "@angular/ssr": "^17.0.0",
-    "@ionic/angular": "^7.0.0",
-    "@ionic/angular-server": "^7.0.0",
-    "core-js": "^3.33.2",
-    "express": "^4.15.2",
-    "ionicons": "^7.2.0",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "typescript-eslint-language-service": "^4.1.5",
-    "zone.js": "~0.14.2"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.0",
-    "@angular-eslint/builder": "^17.0.0",
-    "@angular-eslint/eslint-plugin": "^17.0.0",
-    "@angular-eslint/eslint-plugin-template": "^17.0.0",
-    "@angular-eslint/schematics": "^17.0.0",
-    "@angular-eslint/template-parser": "^17.0.0",
-    "@angular/cli": "^17.0.0",
-    "@angular/compiler-cli": "^17.0.2",
-    "@angular/language-service": "^17.0.2",
-    "@types/express": "^4.17.7",
-    "@types/ws": "8.5.3",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "concurrently": "^6.0.0",
-    "cypress": "^13.2.0",
-    "eslint": "^7.26.0",
-    "ts-loader": "^6.2.2",
-    "ts-node": "^8.3.0",
-    "typescript": "~5.2.2",
-    "wait-on": "^5.2.1",
-    "webpack": "^5.61.0",
-    "webpack-cli": "^4.9.2"
-  },
-  "engines": {
-    "node": ">= 18"
-  }
-}

packages/angular/test/apps/ng17/server.ts

@@ -1,71 +0,0 @@
-
-import 'zone.js/node';
-
-import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
-import * as express from 'express';
-import { existsSync } from 'node:fs';
-import { join } from 'node:path';
-import bootstrap from './src/main.server';
-
-// The Express app is exported so that it can be used by serverless Functions.
-export function app(): express.Express {
-  const server = express();
-  const distFolder = join(process.cwd(), 'dist/test-app/browser');
-  const indexHtml = existsSync(join(distFolder, 'index.original.html'))
-    ? join(distFolder, 'index.original.html')
-    : join(distFolder, 'index.html');
-
-  const commonEngine = new CommonEngine();
-
-  server.set('view engine', 'html');
-  server.set('views', distFolder);
-
-  // Example Express Rest API endpoints
-  // server.get('/api/**', (req, res) => { });
-  // Serve static files from /browser
-  server.get('*.*', express.static(distFolder, {
-    maxAge: '1y'
-  }));
-
-  // All regular routes use the Angular engine
-  server.get('*', (req, res, next) => {
-    const { protocol, originalUrl, baseUrl, headers } = req;
-
-    commonEngine
-      .render({
-        bootstrap,
-        documentFilePath: indexHtml,
-        url: `${protocol}://${headers.host}${originalUrl}`,
-        publicPath: distFolder,
-        providers: [
-          { provide: APP_BASE_HREF, useValue: baseUrl },],
-      })
-      .then((html) => res.send(html))
-      .catch((err) => next(err));
-  });
-
-  return server;
-}
-
-function run(): void {
-  const port = process.env['PORT'] || 4000;
-
-  // Start up the Node server
-  const server = app();
-  server.listen(port, () => {
-    console.log(`Node Express server listening on http://localhost:${port}`);
-  });
-}
-
-// Webpack will replace 'require' with '__webpack_require__'
-// '__non_webpack_require__' is a proxy to Node 'require'
-// The below code is to ensure that the server is run only when not requiring the bundle.
-declare const __non_webpack_require__: NodeRequire;
-const mainModule = __non_webpack_require__.main;
-const moduleFilename = mainModule && mainModule.filename || '';
-if (moduleFilename === __filename || moduleFilename.includes('iisnode')) {
-  run();
-}
-
-export default bootstrap;

packages/angular/test/apps/ng17/src/app/app-routing.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-
-import { routes } from './app.routes';
-
-@NgModule({
-  imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true })],
-  exports: [RouterModule]
-})
-export class AppRoutingModule { }

packages/angular/test/apps/ng17/src/app/lazy/version-test/bind-component-inputs/bind-component-inputs.component.ts

@@ -1,41 +0,0 @@
-import { Component, Input, OnInit } from "@angular/core";
-import { IonicModule } from '@ionic/angular';
-
-@Component({
-  selector: 'app-bind-route',
-  template: `
-    <ion-header>
-      <ion-toolbar>
-        <ion-title>bindToComponentInputs</ion-title>
-    </ion-toolbar>
-    </ion-header>
-    <ion-content class="ion-padding">
-      <div>
-        <h3>Bind Route</h3>
-        <p id="route-params">Route params: id: {{id}}</p>
-        <p id="query-params">Query params: query: {{query}}</p>
-        <p id="data">Data: title: {{title}}</p>
-        <p id="resolve">Resolve: name: {{name}}</p>
-      </div>
-  </ion-content>
-  `,
-  standalone: true,
-  imports: [IonicModule]
-})
-export class BindComponentInputsComponent implements OnInit {
-
-  @Input() id?: string; // path parameter
-  @Input() query?: string; // query parameter
-  @Input() title?: string; // data property
-  @Input() name?: string; // resolve property
-
-  ngOnInit(): void {
-    console.log('BindComponentInputsComponent.ngOnInit', {
-      id: this.id,
-      query: this.query,
-      title: this.title,
-      name: this.name
-    });
-  }
-
-}

packages/angular/test/apps/ng17/src/app/lazy/version-test/modal-nav-params/modal-nav-params.component.ts

@@ -1,45 +0,0 @@
-import { Component } from "@angular/core";
-
-import { IonicModule } from "@ionic/angular";
-
-import { NavRootComponent } from "./nav-root.component";
-
-@Component({
-  selector: 'app-modal-nav-params',
-  template: `
-    <ion-header>
-      <ion-toolbar>
-        <ion-title>Modal Nav Params</ion-title>
-      </ion-toolbar>
-    </ion-header>
-    <ion-content>
-      <ion-button id="open">Open Modal</ion-button>
-      <ion-modal #modal trigger="open">
-        <ng-template>
-          <ion-header>
-            <ion-toolbar>
-              <ion-buttons slot="start">
-                <ion-button (click)="modal.dismiss()">Close</ion-button>
-              </ion-buttons>
-            </ion-toolbar>
-          </ion-header>
-          <ion-content>
-            <ion-nav [root]="root" [rootParams]="rootParams"></ion-nav>
-          </ion-content>
-        </ng-template>
-      </ion-modal>
-    </ion-content>
-  `,
-  standalone: true,
-  imports: [IonicModule, NavRootComponent]
-})
-export class ModalNavParamsComponent {
-
-  root = NavRootComponent;
-  rootParams = {
-    params: {
-      id: 123
-    }
-  };
-
-}

packages/angular/test/apps/ng17/src/app/lazy/version-test/modal-nav-params/nav-root.component.ts

@@ -1,38 +0,0 @@
-import { JsonPipe } from "@angular/common";
-import { Component } from "@angular/core";
-
-import { IonicModule } from "@ionic/angular";
-
-/**
- * This is used to track if any occurences of
- * the ion-nav root component being attached to
- * the DOM result in the rootParams not being
- * assigned to the component instance.
- *
- * https://github.com/ionic-team/ionic-framework/issues/27146
- */
-let rootParamsException = false;
-
-@Component({
-  selector: 'app-modal-content',
-  template: `
-    {{ hasException ? 'ERROR' : 'OK' }}
-  `,
-  standalone: true,
-  imports: [IonicModule, JsonPipe]
-})
-export class NavRootComponent {
-
-  params: any;
-
-  ngOnInit() {
-    if (this.params === undefined) {
-      rootParamsException = true;
-    }
-  }
-
-  get hasException() {
-    return rootParamsException;
-  }
-
-}

packages/angular/test/apps/ng17/src/app/lazy/version-test/version-test-routing.module.ts

@@ -1,25 +0,0 @@
-import { NgModule } from "@angular/core";
-import { RouterModule } from "@angular/router";
-
-@NgModule({
-  imports: [
-    RouterModule.forChild([
-      {
-        path: 'modal-nav-params',
-        loadComponent: () => import('./modal-nav-params/modal-nav-params.component').then(m => m.ModalNavParamsComponent),
-      },
-      {
-        path: 'bind-route/:id',
-        data: {
-          title: 'data:bindToComponentInputs'
-        },
-        resolve: {
-          name: () => 'resolve:bindToComponentInputs'
-        },
-        loadComponent: () => import('./bind-component-inputs/bind-component-inputs.component').then(c => c.BindComponentInputsComponent)
-      }
-    ])
-  ],
-  exports: [RouterModule]
-})
-export class VersionTestRoutingModule { }

packages/angular/test/apps/ng17/tsconfig.json

@@ -1,35 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "sourceMap": false,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022",
-    "emitDecoratorMetadata": true,
-    "typeRoots": ["node_modules/@types"],
-    "lib": ["ES2022", "dom"],
-    "plugins": [
-      {
-        "name": "typescript-eslint-language-service"
-      }
-    ],
-    "useDefineForClassFields": false
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}