From 6a909f75ff86f8746c202129963cb61b58d2f0de Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 11 Jun 2024 10:21:24 -0700
Subject: [PATCH 1/9] chore(deps): update playwright (#29546)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence | Type |
Update |
|---|---|---|---|---|---|---|---|
| [@axe-core/playwright](https://togithub.com/dequelabs/axe-core-npm) |
[`4.9.0` ->
`4.9.1`](https://renovatebot.com/diffs/npm/@axe-core%2fplaywright/4.9.0/4.9.1)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@axe-core%2fplaywright/4.9.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@axe-core%2fplaywright/4.9.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@axe-core%2fplaywright/4.9.0/4.9.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@axe-core%2fplaywright/4.9.0/4.9.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
| devDependencies | patch |
| [@playwright/test](https://playwright.dev)
([source](https://togithub.com/microsoft/playwright)) | [`1.44.0` ->
`1.44.1`](https://renovatebot.com/diffs/npm/@playwright%2ftest/1.44.0/1.44.1)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@playwright%2ftest/1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@playwright%2ftest/1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@playwright%2ftest/1.44.0/1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@playwright%2ftest/1.44.0/1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
| devDependencies | patch |
| mcr.microsoft.com/playwright | `v1.44.0` -> `v1.44.1` |
[![age](https://developer.mend.io/api/mc/badges/age/docker/mcr.microsoft.com%2fplaywright/v1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/docker/mcr.microsoft.com%2fplaywright/v1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/docker/mcr.microsoft.com%2fplaywright/v1.44.0/v1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/docker/mcr.microsoft.com%2fplaywright/v1.44.0/v1.44.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
| final | patch |

---

### Release Notes

<details>
<summary>dequelabs/axe-core-npm (@&#8203;axe-core/playwright)</summary>

###
[`v4.9.1`](https://togithub.com/dequelabs/axe-core-npm/blob/HEAD/CHANGELOG.md#491-2024-05-15)

[Compare
Source](https://togithub.com/dequelabs/axe-core-npm/compare/v4.9.0...v4.9.1)

##### Bug Fixes

- **playwright:** skip unloaded iframes
([#&#8203;1060](https://togithub.com/dequelabs/axe-core-npm/issues/1060))
([d30dae4](https://togithub.com/dequelabs/axe-core-npm/commit/d30dae4a6fede397bc49b5171c4cb4c43e545b53))

- Update axe-core to v4.9.1
([#&#8203;1055](https://togithub.com/dequelabs/axe-core-npm/issues/1055))
([8644fbd](https://togithub.com/dequelabs/axe-core-npm/commit/8644fbd2d2b407c68b5ff3bd7b8368c6c173e355))

</details>

<details>
<summary>microsoft/playwright (@&#8203;playwright/test)</summary>

###
[`v1.44.1`](https://togithub.com/microsoft/playwright/releases/tag/v1.44.1)

[Compare
Source](https://togithub.com/microsoft/playwright/compare/v1.44.0...v1.44.1)

##### Highlights


[https://github.com/microsoft/playwright/issues/30779](https://togithub.com/microsoft/playwright/issues/30779)
- \[REGRESSION]: When using `video: 'on'` with VSCode extension the
browser got closed

[https://github.com/microsoft/playwright/issues/30755](https://togithub.com/microsoft/playwright/issues/30755)
- \[REGRESSION]: Electron launch with spaces inside executablePath
didn't
work[https://github.com/microsoft/playwright/issues/30770](https://togithub.com/microsoft/playwright/issues/30770)0
- \[REGRESSION]: Mask elements outside of viewport when creating
fullscreen screenshots didn't
wor[https://github.com/microsoft/playwright/issues/30858](https://togithub.com/microsoft/playwright/issues/30858)58
- \[REGRESSION]: ipv6 got shown instead of localhost in
show-trace/show-report

#### Browser Versions

-   Chromium 125.0.6422.14
-   Mozilla Firefox 125.0.1
-   WebKit 17.4

This version was also tested against the following stable channels:

-   Google Chrome 124
-   Microsoft Edge 124

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get
[config help](https://togithub.com/renovatebot/renovate/discussions) if
that's undesired.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/ionic-team/ionic-framework).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zNjguMTAiLCJ1cGRhdGVkSW5WZXIiOiIzNy4zOTMuMCIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 core/Dockerfile        |  2 +-
 core/package-lock.json | 72 +++++++++++++++++++++---------------------
 2 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/core/Dockerfile b/core/Dockerfile
index ac5bbe3bf7..901fdf2e05 100644
--- a/core/Dockerfile
+++ b/core/Dockerfile
@@ -1,5 +1,5 @@
 # Get Playwright
-FROM mcr.microsoft.com/playwright:v1.44.0
+FROM mcr.microsoft.com/playwright:v1.44.1
 
 # Set the working directory
 WORKDIR /ionic
diff --git a/core/package-lock.json b/core/package-lock.json
index dd7e169205..d1b6b30600 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -56,12 +56,12 @@
       "dev": true
     },
     "node_modules/@axe-core/playwright": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/@axe-core/playwright/-/playwright-4.9.0.tgz",
-      "integrity": "sha512-Q1Lz75dNsX38jof+aev7RficDMdH/HLOLySkDdXR0fUoeFcLdw4UNgDO2CNNP4CTpoesEdfYRdd6VmDXjhBgbA==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@axe-core/playwright/-/playwright-4.9.1.tgz",
+      "integrity": "sha512-8m4WZbZq7/aq7ZY5IG8GqV+ZdvtGn/iJdom+wBg+iv/3BAOBIfNQtIu697a41438DzEEyptXWmC3Xl5Kx/o9/g==",
       "dev": true,
       "dependencies": {
-        "axe-core": "~4.9.0"
+        "axe-core": "~4.9.1"
       },
       "peerDependencies": {
         "playwright-core": ">= 1.0.0"
@@ -1691,12 +1691,12 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.44.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.0.tgz",
-      "integrity": "sha512-rNX5lbNidamSUorBhB4XZ9SQTjAqfe5M+p37Z8ic0jPFBMo5iCtQz1kRWkEMg+rYOKSlVycpQmpqjSFq7LXOfg==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.1.tgz",
+      "integrity": "sha512-1hZ4TNvD5z9VuhNJ/walIjvMVvYkZKf71axoF/uiAqpntQJXpG64dlXhoDXE3OczPuTuvjf/M5KWFg5VAVUS3Q==",
       "dev": true,
       "dependencies": {
-        "playwright": "1.44.0"
+        "playwright": "1.44.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -2703,9 +2703,9 @@
       }
     },
     "node_modules/axe-core": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.9.0.tgz",
-      "integrity": "sha512-H5orY+M2Fr56DWmMFpMrq5Ge93qjNdPVqzBv5gWK3aD1OvjBEJlEzxf09z93dGVQeI0LiW+aCMIx1QtShC/zUw==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.9.1.tgz",
+      "integrity": "sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==",
       "dev": true,
       "engines": {
         "node": ">=4"
@@ -8222,12 +8222,12 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.44.0",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.0.tgz",
-      "integrity": "sha512-F9b3GUCLQ3Nffrfb6dunPOkE5Mh68tR7zN32L4jCk4FjQamgesGay7/dAAe1WaMEGV04DkdJfcJzjoCKygUaRQ==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.1.tgz",
+      "integrity": "sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==",
       "dev": true,
       "dependencies": {
-        "playwright-core": "1.44.0"
+        "playwright-core": "1.44.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -8240,9 +8240,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.44.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.0.tgz",
-      "integrity": "sha512-ZTbkNpFfYcGWohvTTl+xewITm7EOuqIqex0c7dNZ+aXsbrLj0qI8XlGKfPpipjm0Wny/4Lt4CJsWJk1stVS5qQ==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.1.tgz",
+      "integrity": "sha512-wh0JWtYTrhv1+OSsLPgFzGzt67Y7BE/ZS3jEqgGBlp2ppp1ZDj8c+9IARNW4dwf1poq5MgHreEM2KV/GuR4cFA==",
       "dev": true,
       "bin": {
         "playwright-core": "cli.js"
@@ -10256,12 +10256,12 @@
   },
   "dependencies": {
     "@axe-core/playwright": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/@axe-core/playwright/-/playwright-4.9.0.tgz",
-      "integrity": "sha512-Q1Lz75dNsX38jof+aev7RficDMdH/HLOLySkDdXR0fUoeFcLdw4UNgDO2CNNP4CTpoesEdfYRdd6VmDXjhBgbA==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@axe-core/playwright/-/playwright-4.9.1.tgz",
+      "integrity": "sha512-8m4WZbZq7/aq7ZY5IG8GqV+ZdvtGn/iJdom+wBg+iv/3BAOBIfNQtIu697a41438DzEEyptXWmC3Xl5Kx/o9/g==",
       "dev": true,
       "requires": {
-        "axe-core": "~4.9.0"
+        "axe-core": "~4.9.1"
       }
     },
     "@babel/code-frame": {
@@ -11443,12 +11443,12 @@
       }
     },
     "@playwright/test": {
-      "version": "1.44.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.0.tgz",
-      "integrity": "sha512-rNX5lbNidamSUorBhB4XZ9SQTjAqfe5M+p37Z8ic0jPFBMo5iCtQz1kRWkEMg+rYOKSlVycpQmpqjSFq7LXOfg==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.1.tgz",
+      "integrity": "sha512-1hZ4TNvD5z9VuhNJ/walIjvMVvYkZKf71axoF/uiAqpntQJXpG64dlXhoDXE3OczPuTuvjf/M5KWFg5VAVUS3Q==",
       "dev": true,
       "requires": {
-        "playwright": "1.44.0"
+        "playwright": "1.44.1"
       }
     },
     "@rollup/plugin-node-resolve": {
@@ -12150,9 +12150,9 @@
       }
     },
     "axe-core": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.9.0.tgz",
-      "integrity": "sha512-H5orY+M2Fr56DWmMFpMrq5Ge93qjNdPVqzBv5gWK3aD1OvjBEJlEzxf09z93dGVQeI0LiW+aCMIx1QtShC/zUw==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.9.1.tgz",
+      "integrity": "sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==",
       "dev": true
     },
     "babel-jest": {
@@ -16167,19 +16167,19 @@
       }
     },
     "playwright": {
-      "version": "1.44.0",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.0.tgz",
-      "integrity": "sha512-F9b3GUCLQ3Nffrfb6dunPOkE5Mh68tR7zN32L4jCk4FjQamgesGay7/dAAe1WaMEGV04DkdJfcJzjoCKygUaRQ==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.1.tgz",
+      "integrity": "sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==",
       "dev": true,
       "requires": {
         "fsevents": "2.3.2",
-        "playwright-core": "1.44.0"
+        "playwright-core": "1.44.1"
       }
     },
     "playwright-core": {
-      "version": "1.44.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.0.tgz",
-      "integrity": "sha512-ZTbkNpFfYcGWohvTTl+xewITm7EOuqIqex0c7dNZ+aXsbrLj0qI8XlGKfPpipjm0Wny/4Lt4CJsWJk1stVS5qQ==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.1.tgz",
+      "integrity": "sha512-wh0JWtYTrhv1+OSsLPgFzGzt67Y7BE/ZS3jEqgGBlp2ppp1ZDj8c+9IARNW4dwf1poq5MgHreEM2KV/GuR4cFA==",
       "dev": true
     },
     "postcss": {

From e1c0f457966ab79c7a8774ec9bd0b34458067305 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Tue, 11 Jun 2024 10:40:46 -0700
Subject: [PATCH 2/9] fix(playwright): bump packages upon new release (#29596)

Issue number:  N/A

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Renovate updates the Playwright packages. It's important that the
Playwright within Docker and within core are the same version. However,
the Playwright version within core does not update when Docker does.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Added a `bump` to the Renovate config, this should allow Playwright
within core to update regardless if the new version satisfies the range.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

I was unable to test it locally since it will only trigger when the code
is within `main`.
---
 renovate.json5 | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/renovate.json5 b/renovate.json5
index aebf2bac00..96c4c9b2c6 100644
--- a/renovate.json5
+++ b/renovate.json5
@@ -27,7 +27,8 @@
       groupName: "playwright",
       matchFileNames: [
         "core/package.json"
-      ]
+      ],
+      "rangeStrategy": "bump"
     },
     {
       matchDatasources: ["docker"],

From 9cec8439f8c2474c1e751696ddbfe699efde449e Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Wed, 12 Jun 2024 08:04:12 -0700
Subject: [PATCH 3/9] docs(screenshots): add step for specific component
 testing (#29594)

Issue number: N/A

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

There is no documentation on how to use the input field in the
screenshots GH actions.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Added steps and examples on how to specify a component within
screenshots GH actions.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

N/A
---
 docs/core/testing/usage-instructions.md | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/docs/core/testing/usage-instructions.md b/docs/core/testing/usage-instructions.md
index ecc51e1b85..692257ba76 100644
--- a/docs/core/testing/usage-instructions.md
+++ b/docs/core/testing/usage-instructions.md
@@ -198,9 +198,19 @@ Instead, use the [Update Reference Screenshots GitHub Action](https://github.com
 
 1. Click the **Run workflow** dropdown.
 2. Select your branch.
-3. Click **Run workflow**.
+3. Leave the input field blank.
+4. Click **Run workflow**.
 
-This workflow will re-run the screenshot tests. Instead of failing any tests with mismatched screenshots, it will take new ground truth screenshots. These ground truth screenshots will be pushed as a single commit to your branch once the workflow is completed.
+This workflow will re-run all of the the screenshot tests. Instead of failing any tests with mismatched screenshots, it will take new ground truth screenshots. These ground truth screenshots will be pushed as a single commit to your branch once the workflow is completed.
+
+If you want to update ground truths for a specific test, you can pass the test file path as an input to the workflow. This is useful when working on a specific component.
+
+1. Click the **Run workflow** dropdown.
+2. Select your branch.
+3. Enter the file path in the input field. Example: `src/components/alert/test/basic/`
+4. Click **Run workflow**.
+
+The input field also accepts component names, such as `alert`. You can enter multiple components by separating them with spaces, for example, `alert button`. For a full list of options, refer to Playwright's [Command Line page](https://playwright.dev/docs/test-cli).
 
 ### Verifying Screenshot Differences
 

From 5cdfac89f5389cb3009427183f7034ba05788bc2 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Wed, 12 Jun 2024 10:48:11 -0700
Subject: [PATCH 4/9] fix(refresher): show when content is fullscreen (#29608)

Issue number: resolves #18714

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

When the `ion-content` has the fullscreen attribute, the `ion-refresher`
will be hidden while refreshing. This can be seen by dragging far enough
to trigger it to snap back and refresh.

The refresher ends up being hidden behind the background content
element.


https://github.com/ionic-team/ionic-framework/assets/13530427/27b5393b-dd31-44a5-b872-97709e3a0980


## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Set the `--offset-top` to `0px` for the background content element.
This reflects the same behavior of when the content is not fullscreen.
By setting this to `0px`, the refresher is visible while refreshing.
- Added a private prop within refresher to keep track of whether
`ion-content` is `fullscreen` or not.
- Added test.

Originally, I was going to update the `pullMin` and `pullMax` as agreed
on from the investigation ticket. However, it ended up adding too much
space between the refresher and the content. This is the reason why I
decided to modify the background background instead. Otherwise, it
wouldn't mimic the behavior when content doesn't have the `fullscreen`
attribute.

Example of what the spacing looked like:


https://github.com/ionic-team/ionic-framework/assets/13530427/389cea62-48c1-4464-be47-44bc3b6c0315


## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->


[Preview](https://ionic-framework-git-rou-4950-ionic1.vercel.app/src/components/refresher/test/fullscreen)

How to test:
1. Navigate to the preview page
2. Use the browser's simulator to chose an iOS device (might need to
refresh the page)
3. Drag the screen down
4. Verify that the refreshing text is shown
5. Use the browser's simulator to chose an Android device (might need to
refresh the page)
6. Drag the screen down
7. Verify that the refreshing text is shown
---
 core/src/components/refresher/refresher.tsx   |  28 +++++
 .../refresher/test/fullscreen/index.html      | 103 ++++++++++++++++++
 .../test/fullscreen/refresher.e2e.ts          |  84 ++++++++++++++
 ...fullscreen-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2138 bytes
 ...ullscreen-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 2816 bytes
 ...fullscreen-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 2388 bytes
 ...-fullscreen-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2320 bytes
 ...fullscreen-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 3006 bytes
 ...-fullscreen-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 2304 bytes
 9 files changed, 215 insertions(+)
 create mode 100644 core/src/components/refresher/test/fullscreen/index.html
 create mode 100644 core/src/components/refresher/test/fullscreen/refresher.e2e.ts
 create mode 100644 core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Safari-linux.png

diff --git a/core/src/components/refresher/refresher.tsx b/core/src/components/refresher/refresher.tsx
index 8f234f3eb8..25a121a3d0 100644
--- a/core/src/components/refresher/refresher.tsx
+++ b/core/src/components/refresher/refresher.tsx
@@ -48,6 +48,7 @@ export class Refresher implements ComponentInterface {
   private pointerDown = false;
   private needsCompletion = false;
   private didRefresh = false;
+  private contentFullscreen = false;
   private lastVelocityY = 0;
   private elementToTransform?: HTMLElement;
   private animations: Animation[] = [];
@@ -476,6 +477,12 @@ export class Refresher implements ComponentInterface {
        * Query the background content element from the host ion-content element directly.
        */
       this.backgroundContentEl = await contentEl.getBackgroundElement();
+      /**
+       * Check if the content element is fullscreen to apply the correct styles
+       * when the refresher is refreshing. Otherwise, the refresher will be
+       * hidden because it is positioned behind the background content element.
+       */
+      this.contentFullscreen = contentEl.fullscreen;
 
       if (await shouldUseNativeRefresher(this.el, getIonMode(this))) {
         this.setupNativeRefresher(contentEl);
@@ -578,6 +585,15 @@ export class Refresher implements ComponentInterface {
     this.progress = 0;
     this.state = RefresherState.Inactive;
     this.memoizeOverflowStyle();
+
+    /**
+     * If the content is fullscreen, then we need to
+     * set the offset-top style on the background content
+     * element to ensure that the refresher is shown.
+     */
+    if (this.contentFullscreen && this.backgroundContentEl) {
+      this.backgroundContentEl.style.setProperty('--offset-top', '0px');
+    }
   }
 
   private onMove(detail: GestureDetail) {
@@ -735,6 +751,18 @@ export class Refresher implements ComponentInterface {
        * user can scroll again.
        */
       this.setCss(0, '0ms', false, '', true);
+
+      /**
+       * Reset the offset-top style on the background content
+       * when the refresher is no longer refreshing and the
+       * content is fullscreen.
+       *
+       * This ensures that the behavior of background content
+       * does not change when refreshing is complete.
+       */
+      if (this.contentFullscreen && this.backgroundContentEl) {
+        this.backgroundContentEl?.style.removeProperty('--offset-top');
+      }
     }, 600);
 
     // reset the styles on the scroll element
diff --git a/core/src/components/refresher/test/fullscreen/index.html b/core/src/components/refresher/test/fullscreen/index.html
new file mode 100644
index 0000000000..be1b30f7b0
--- /dev/null
+++ b/core/src/components/refresher/test/fullscreen/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Refresher - Basic</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+
+    <style>
+      ion-toolbar {
+        --opacity: 0.5;
+      }
+    </style>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Pull To Refresh</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content fullscreen>
+        <ion-refresher id="refresher" slot="fixed">
+          <ion-refresher-content
+            pulling-icon="arrow-down-outline"
+            pulling-text="Pull to refresh..."
+            refreshing-text="Refreshing..."
+            refreshing-spinner="circles"
+          >
+          </ion-refresher-content>
+        </ion-refresher>
+
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tellus nec mauris auctor dignissim
+          fermentum in risus. Sed nec convallis sapien, id tincidunt enim. Mauris ornare eleifend nunc id mattis. Fusce
+          augue diam, sagittis nec posuere at, consectetur tempor lectus. Nulla at lectus eget mauris iaculis malesuada
+          mollis sed neque. Curabitur et risus tristique, malesuada mauris finibus, elementum massa. Proin lacinia
+          mauris quis ligula blandit ullamcorper. Donec ut posuere lorem. In volutpat magna vitae tellus posuere
+          pulvinar. Nam varius ligula justo, nec placerat lacus pharetra ac. Aenean massa orci, tristique in nisl ut,
+          aliquet consectetur libero. Etiam luctus placerat vulputate. Aliquam ipsum massa, porttitor at mollis ut,
+          pretium sit amet mi. In neque mauris, placerat et neque vel, tempor interdum dolor. Suspendisse gravida
+          malesuada tellus, vel dapibus nisl dignissim vel. Cras ut nulla sit amet erat malesuada euismod vel a nulla.
+        </p>
+        <p>
+          Phasellus sit amet iaculis odio, eget feugiat erat. Etiam sit amet turpis sit amet massa viverra maximus.
+          Aenean venenatis porttitor pharetra. Fusce vulputate urna purus, vel efficitur mauris auctor non. Etiam libero
+          odio, sodales in velit a, faucibus venenatis erat. Ut convallis sit amet urna in ultrices. Cras neque est,
+          vehicula sed lorem ac, placerat commodo elit. Praesent turpis metus, elementum eget iaculis ac, elementum in
+          odio. Nunc et elit faucibus, condimentum mauris consequat, ornare dolor. Sed ac lectus a est blandit tempor.
+          Etiam lobortis tristique maximus.
+        </p>
+        <p>
+          Quisque tempus porttitor massa, vel condimentum risus finibus a. Aliquam viverra maximus odio, id ornare justo
+          tristique ac. Mauris euismod arcu eget neque sagittis rutrum. Ut vehicula porta lacus nec lobortis. Vestibulum
+          et elit ultrices, lacinia metus in, lobortis est. Vivamus nisi justo, venenatis sit amet arcu ac, congue
+          faucibus justo. Duis volutpat posuere enim, vel sagittis elit dictum et. Sed et congue mauris. Nam venenatis
+          venenatis risus, ac condimentum neque sagittis sed. In eget nulla ultricies urna sollicitudin posuere. Aenean
+          sagittis congue mauris. Proin nec libero mi. In hac habitasse platea dictumst. Praesent nunc nulla, dictum id
+          molestie sed, pretium vitae turpis.
+        </p>
+        <p>
+          Pellentesque vitae dapibus lacus. Nullam suscipit ornare risus quis ullamcorper. Nullam feugiat, sapien et
+          sodales fermentum, risus ligula semper risus, id efficitur ligula augue id diam. Suspendisse lobortis est sit
+          amet quam facilisis, ut vestibulum nunc dignissim. Donec at vestibulum magna. Maecenas maximus pretium metus.
+          Phasellus congue sapien vel odio imperdiet, nec mollis odio euismod. Sed vel eros ut sapien accumsan
+          condimentum vehicula vitae lectus. Donec sed efficitur lorem. Aenean tristique mi libero, eleifend tincidunt
+          libero finibus at. Mauris condimentum fermentum rutrum.
+        </p>
+        <p>
+          Nulla tristique ultricies suscipit. Donec non ornare elit. Vivamus id pretium mauris, nec sagittis leo. Fusce
+          mattis eget est id sollicitudin. Suspendisse dictum sem magna, in imperdiet metus suscipit et. Suspendisse
+          enim enim, venenatis et orci eu, suscipit congue lacus. Praesent vel ligula non eros tempor interdum. Proin
+          justo orci, ultricies vitae diam sed, semper consectetur ligula. Aenean finibus ante velit, nec efficitur
+          libero cursus cursus. Duis mi nunc, imperdiet sed condimentum vel, porttitor ut lacus. Quisque dui ipsum,
+          vehicula sed vestibulum id, semper vel libero. Suspendisse tincidunt mollis condimentum. Nulla facilisi. Etiam
+          neque nisl, egestas nec iaculis sed, tristique faucibus sem. Sed mollis dui quis ligula cursus rutrum.
+        </p>
+      </ion-content>
+    </ion-app>
+    <ion-menu-controller></ion-menu-controller>
+
+    <script>
+      const refresher = document.getElementById('refresher');
+
+      refresher.addEventListener('ionRefresh', () => {
+        setTimeout(() => {
+          refresher.complete();
+          // Custom event consumed by e2e tests
+          window.dispatchEvent(new CustomEvent('ionRefreshComplete'));
+        }, 500);
+      });
+    </script>
+  </body>
+</html>
diff --git a/core/src/components/refresher/test/fullscreen/refresher.e2e.ts b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts
new file mode 100644
index 0000000000..789f036a8c
--- /dev/null
+++ b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts
@@ -0,0 +1,84 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+import { pullToRefresh } from '../test.utils';
+
+/**
+ * This behavior does not vary across directions.
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, config, screenshot }) => {
+  test.describe(title('refresher: fullscreen content'), () => {
+    test.beforeEach(async ({ page }) => {
+      /**
+       * Do not call `complete()` from `ion-refresher` in this test.
+       * This will allow the refresher to "pause" while refreshing.
+       * By pausing, the test can verify that the refresher is
+       * completely visible when the content is fullscreen.
+       */
+      await page.setContent(
+        `
+          <ion-header>
+            <ion-toolbar>
+              <ion-title>Pull To Refresh</ion-title>
+            </ion-toolbar>
+          </ion-header>
+
+          <ion-content fullscreen>
+            <ion-refresher id="refresher" slot="fixed">
+              <ion-refresher-content
+                pulling-icon="arrow-down-outline"
+                pulling-text="Pull to refresh..."
+                refreshing-text="Refreshing..."
+                refreshing-spinner="circles"
+              >
+              </ion-refresher-content>
+            </ion-refresher>
+
+            <p>Pull this content down to trigger the refresh.</p>
+          </ion-content>
+
+          <script>
+            const refresher = document.getElementById('refresher');
+
+            refresher.addEventListener('ionRefresh', () => {
+              setTimeout(() => {
+                // Custom event consumed by e2e tests
+                window.dispatchEvent(new CustomEvent('ionRefreshComplete'));
+              }, 500);
+            });
+          </script>
+        `,
+        config
+      );
+    });
+
+    // Bug only occurs with the legacy refresher.
+    test.describe('legacy refresher', () => {
+      test('should display when content is fullscreen', async ({ page, browserName }) => {
+        test.info().annotations.push({
+          type: 'issue',
+          description: 'https://github.com/ionic-team/ionic-framework/issues/18714',
+        });
+
+        const refresher = page.locator('ion-refresher');
+
+        await pullToRefresh(page);
+
+        if (browserName === 'firefox') {
+          /**
+           * The drag is highlighting the text in Firefox for
+           * some reason.
+           *
+           * Clicking the mouse will remove the highlight and
+           * be more consistent with other browsers. This
+           * does not happen in Firefox, just when running
+           * in Playwright.
+           */
+          await page.mouse.click(0, 0);
+        }
+
+        await expect(refresher).toHaveScreenshot(screenshot('refresher-legacy-content-fullscreen'));
+      });
+    });
+  });
+});
diff --git a/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..6eff146a1934542724fc19e9e63da65b5ffa4a85
GIT binary patch
literal 2138
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

literal 0
HcmV?d00001

diff --git a/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..f98533116dff6f313a3f934b078a54731befabec
GIT binary patch
literal 2816
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

literal 0
HcmV?d00001

diff --git a/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Safari-linux.png b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac4ba98e1977850ad98c314838d08d914420aa88
GIT binary patch
literal 2388
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
YL;bw;o3?>|@HYvtG`BIULAb^L2Vw8BB>(^b

literal 0
HcmV?d00001

diff --git a/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Chrome-linux.png b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..251cbbc71c439e5e500a3ecc43d7e2a695ca23bd
GIT binary patch
literal 2320
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
F{tN4CVov}7

literal 0
HcmV?d00001

diff --git a/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Firefox-linux.png b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c8d2d9fb074c26628de69536788f121c5f86f05
GIT binary patch
literal 3006
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
a+~<5$j$O8x9fASxa*!5A4_%{X9sWO#sbS~<

literal 0
HcmV?d00001

diff --git a/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Safari-linux.png b/core/src/components/refresher/test/fullscreen/refresher.e2e.ts-snapshots/refresher-legacy-content-fullscreen-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..45ce09639f25cddf23b152e66113c8d57abd678b
GIT binary patch
literal 2304
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

literal 0
HcmV?d00001


From ebefe1f428cd3d03cbdd619cd5af3c63efc04307 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Wed, 12 Jun 2024 11:25:25 -0700
Subject: [PATCH 5/9] chore(visual-regression): add script to update ground
 truths (#29204)

Issue number: N/A

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Devs would have to manually generate the ground truths from their
desired base branch. This causes a dev to checkout the base branch and
pull the latest screenshots. They would then return to their working
branch and start the E2E tests.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

A script has been created to automate this process using Docker as
mentioned in the design doc:

- It will ask the user a set a questions like if which component they
want to test


## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

How to test:
1. Make a change to a desired component
2. Run `npm run test.e2e.script`
3. Answer the questions
4. Verify that the tests fail due to visual changes
5. Re-run the command as many times as necessary in order to try
different routes based on different answers
---
 core/package-lock.json              |  67 +++++++
 core/package.json                   |   4 +-
 core/scripts/testing/e2e-script.mjs | 260 ++++++++++++++++++++++++++++
 3 files changed, 330 insertions(+), 1 deletion(-)
 create mode 100644 core/scripts/testing/e2e-script.mjs

diff --git a/core/package-lock.json b/core/package-lock.json
index d1b6b30600..c2afee8469 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -19,6 +19,7 @@
         "@capacitor/haptics": "^6.0.0",
         "@capacitor/keyboard": "^6.0.0",
         "@capacitor/status-bar": "^6.0.0",
+        "@clack/prompts": "^0.7.0",
         "@ionic/eslint-config": "^0.3.0",
         "@ionic/prettier-config": "^2.0.0",
         "@playwright/test": "^1.39.0",
@@ -695,6 +696,43 @@
         "@capacitor/core": "^6.0.0"
       }
     },
+    "node_modules/@clack/core": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@clack/core/-/core-0.3.4.tgz",
+      "integrity": "sha512-H4hxZDXgHtWTwV3RAVenqcC4VbJZNegbBjlPvzOzCouXtS2y3sDvlO3IsbrPNWuLWPPlYVYPghQdSF64683Ldw==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "sisteransi": "^1.0.5"
+      }
+    },
+    "node_modules/@clack/prompts": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-0.7.0.tgz",
+      "integrity": "sha512-0MhX9/B4iL6Re04jPrttDm+BsP8y6mS7byuv0BvXgdXhbV5PdlsHt55dvNsuBCPZ7xq1oTAOOuotR9NFbQyMSA==",
+      "bundleDependencies": [
+        "is-unicode-supported"
+      ],
+      "dev": true,
+      "dependencies": {
+        "@clack/core": "^0.3.3",
+        "is-unicode-supported": "*",
+        "picocolors": "^1.0.0",
+        "sisteransi": "^1.0.5"
+      }
+    },
+    "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
+      "version": "1.3.0",
+      "dev": true,
+      "inBundle": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -10732,6 +10770,35 @@
       "dev": true,
       "requires": {}
     },
+    "@clack/core": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@clack/core/-/core-0.3.4.tgz",
+      "integrity": "sha512-H4hxZDXgHtWTwV3RAVenqcC4VbJZNegbBjlPvzOzCouXtS2y3sDvlO3IsbrPNWuLWPPlYVYPghQdSF64683Ldw==",
+      "dev": true,
+      "requires": {
+        "picocolors": "^1.0.0",
+        "sisteransi": "^1.0.5"
+      }
+    },
+    "@clack/prompts": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-0.7.0.tgz",
+      "integrity": "sha512-0MhX9/B4iL6Re04jPrttDm+BsP8y6mS7byuv0BvXgdXhbV5PdlsHt55dvNsuBCPZ7xq1oTAOOuotR9NFbQyMSA==",
+      "dev": true,
+      "requires": {
+        "@clack/core": "^0.3.3",
+        "is-unicode-supported": "*",
+        "picocolors": "^1.0.0",
+        "sisteransi": "^1.0.5"
+      },
+      "dependencies": {
+        "is-unicode-supported": {
+          "version": "1.3.0",
+          "bundled": true,
+          "dev": true
+        }
+      }
+    },
     "@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
diff --git a/core/package.json b/core/package.json
index 1048206c37..0421d3171f 100644
--- a/core/package.json
+++ b/core/package.json
@@ -41,6 +41,7 @@
     "@capacitor/haptics": "^6.0.0",
     "@capacitor/keyboard": "^6.0.0",
     "@capacitor/status-bar": "^6.0.0",
+    "@clack/prompts": "^0.7.0",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@playwright/test": "^1.39.0",
@@ -99,7 +100,8 @@
     "docker.build": "docker build -t ionic-playwright .",
     "test.e2e.docker": "npm run docker.build && node ./scripts/docker.mjs",
     "test.e2e.docker.update-snapshots": "npm run test.e2e.docker -- --update-snapshots",
-    "test.e2e.docker.ci": "npm run docker.build && CI=true node ./scripts/docker.mjs"
+    "test.e2e.docker.ci": "npm run docker.build && CI=true node ./scripts/docker.mjs",
+    "test.e2e.script": "node scripts/testing/e2e-script.mjs"
   },
   "author": "Ionic Team",
   "license": "MIT",
diff --git a/core/scripts/testing/e2e-script.mjs b/core/scripts/testing/e2e-script.mjs
new file mode 100644
index 0000000000..794447bf61
--- /dev/null
+++ b/core/scripts/testing/e2e-script.mjs
@@ -0,0 +1,260 @@
+// The purpose of this script is to provide a way run the E2E tests
+// without having the developer to manually run multiple commands based
+// on the desired end result.
+// E.g. update the local ground truths for a specific component or
+// open the Playwright report after running the E2E tests.
+
+import {
+  intro,
+  outro,
+  confirm,
+  spinner,
+  isCancel,
+  cancel,
+  text,
+  log,
+} from '@clack/prompts';
+import { exec, spawn } from 'child_process';
+import fs from 'node:fs';
+import { setTimeout as sleep } from 'node:timers/promises';
+import util from 'node:util';
+import color from 'picocolors';
+
+async function main() {
+  const execAsync = util.promisify(exec);
+  const cleanUpFiles = async () => {
+    // Clean up the local ground truths.
+    const cleanUp = spinner();
+  
+    // Inform the user that the local ground truths are being cleaned up.
+    cleanUp.start('Restoring local ground truths');
+  
+    // Reset the local ground truths.
+    await execAsync('git reset -- src/**/*-linux.png').catch((error) => {
+      cleanUp.stop('Failed to reset local ground truths');
+      console.error(error);
+      return process.exit(0);
+    });
+  
+    // Restore the local ground truths.
+    await execAsync('git restore -- src/**/*-linux.png').catch((error) => {
+      cleanUp.stop('Failed to restore local ground truths');
+      console.error(error);
+      return process.exit(0);
+    });
+  
+    // Inform the user that the local ground truths have been cleaned up.
+    cleanUp.stop('Local ground truths have been restored to their original state in order to avoid committing them.');
+  };
+
+  intro(color.inverse(' Update Local Ground Truths'));
+
+  // Ask user for the component name they want to test.
+  const componentValue = await text({
+    message: 'Enter the component or path you want to test (e.g. chip, src/components/chip)',
+    placeholder: 'Empty for all components',
+  });
+
+  // User cancelled the operation with `Ctrl+C` or `CMD+C`.
+  if (isCancel(componentValue)) {
+    cancel('Operation cancelled');
+    return process.exit(0);
+  }
+
+  // Ask user if they want to update their local ground truths.
+  const shouldUpdateTruths = await confirm({
+    message: 'Do you want to update your local ground truths?',
+  });
+
+  // User cancelled the operation with `Ctrl+C` or `CMD+C`.
+  if (isCancel(shouldUpdateTruths)) {
+    cancel('Operation cancelled');
+    return process.exit(0);
+  }
+
+  if (shouldUpdateTruths) {
+    const defaultBaseBranch = 'main';
+
+    // Ask user for the base branch.
+    let baseBranch = await text({
+      message: 'Enter the base branch name:',
+      placeholder: `default: ${defaultBaseBranch}`,
+    })
+
+    // User cancelled the operation with `Ctrl+C` or `CMD+C`.
+    if (isCancel(baseBranch)) {
+      cancel('Operation cancelled');
+      return process.exit(0);
+    }
+
+    // User didn't provide a base branch.
+    if (!baseBranch) {
+      baseBranch = defaultBaseBranch;
+    }
+
+    /**
+     * The provided base branch needs to be fetched.
+     * This ensures that the local base branch is up-to-date with the 
+     * remote base branch. Otherwise, there might be errors stating that
+     * certain files don't exist in the local base branch.
+     */
+    const fetchBaseBranch = spinner();
+
+    // Inform the user that the base branch is being fetched.
+    fetchBaseBranch.start(`Fetching "${baseBranch}" to have the latest changes`);
+
+    // Fetch the base branch.
+    await execAsync(`git fetch origin ${baseBranch}`).catch((error) => {
+      fetchBaseBranch.stop(`Failed to fetch "${baseBranch}"`);
+      console.error(error);
+      return process.exit(0);
+    });
+
+    // Inform the user that the base branch has been fetched.
+    fetchBaseBranch.stop(`Fetched "${baseBranch}"`);
+
+
+    const updateGroundTruth = spinner();
+
+    // Inform the user that the local ground truths are being updated.
+    updateGroundTruth.start('Updating local ground truths');
+
+    // Check if user provided an existing file or directory.
+    const isValidLocation = fs.existsSync(componentValue);
+
+    // User provided an existing file or directory.
+    if (isValidLocation) {
+      const stats = fs.statSync(componentValue);
+
+      // User provided a file as the component.
+      // ex: `componentValue` = `src/components/chip/test/basic/chip.e2e.ts`
+      if (stats.isFile()) {
+        // Update the local ground truths for the provided path.
+        await execAsync(`git checkout origin/${baseBranch} -- ${componentValue}-snapshots/*-linux.png`).catch((error) => {
+          updateGroundTruth.stop('Failed to update local ground truths');
+          console.error(error);
+          return process.exit(0);
+        });
+      }
+
+      // User provided a directory as the component.
+      // ex: `componentValue` = `src/components/chip`
+      if (stats.isDirectory()) {
+        // Update the local ground truths for the provided directory.
+        await execAsync(`git checkout origin/${baseBranch} -- ${componentValue}/test/*/*.e2e.ts-snapshots/*-linux.png`).catch((error) => {
+          updateGroundTruth.stop('Failed to update local ground truths');
+          console.error(error);
+          return process.exit(0);
+        });
+      }
+    }
+    // User provided a component name as the component.
+    // ex: `componentValue` = `chip`
+    else if (componentValue) {
+      // Update the local ground truths for the provided component.
+      await execAsync(`git checkout origin/${baseBranch} -- src/components/${componentValue}/test/*/${componentValue}.e2e.ts-snapshots/*-linux.png`).catch((error) => {
+        updateGroundTruth.stop('Failed to update local ground truths');
+        console.error(error);
+        return process.exit(0);
+      });
+    }
+    // User provided an empty string.
+    else {
+      // Update the local ground truths for all components.
+      await execAsync(`git checkout origin/${baseBranch} -- src/components/*/test/*/*.e2e.ts-snapshots/*-linux.png`).catch((error) => {
+        updateGroundTruth.stop('Failed to update local ground truths');
+        console.error(error);
+        return process.exit(0);
+      });
+    }
+
+    // Inform the user that the local ground truths have been updated.
+    updateGroundTruth.stop('Updated local ground truths');
+  }
+
+  const buildCore = spinner();
+
+  // Inform the user that the core is being built.
+  buildCore.start('Building core');
+
+  /**
+   * Build core
+   * Otherwise, the uncommitted changes will not be reflected in the tests because:
+   * - popping the stash doesn't trigger a re-render even if `npm start` is running
+   * - app is not running the `npm start` command
+   */
+  await execAsync('npm run build').catch((error) => {
+    // Clean up the local ground truths.
+    cleanUpFiles();
+
+    buildCore.stop('Failed to build core');
+    console.error(error);
+    return process.exit(0);
+  });
+
+  buildCore.stop('Built core');
+
+  const runE2ETests = spinner();
+
+  // Inform the user that the E2E tests are being run.
+  runE2ETests.start('Running E2E tests');
+
+  // User provided a component value.
+  if (componentValue) {
+    await execAsync(`npm run test.e2e.docker.ci ${componentValue}`).catch((error) => {
+      // Clean up the local ground truths.
+      cleanUpFiles();
+
+      runE2ETests.stop('Failed to run E2E tests');
+      console.error(error);
+      return process.exit(0);
+    });
+  } else {
+    await execAsync('npm run test.e2e.docker.ci').catch((error) => {
+      // Clean up the local ground truths.
+      cleanUpFiles();
+
+      runE2ETests.stop('Failed to run E2E tests');
+      console.error(error);
+      return process.exit(0);
+    });
+  }
+
+  runE2ETests.stop('Ran E2E tests');
+
+  // Clean up the local ground truths.
+  await cleanUpFiles();
+
+  // Ask user if they want to open the Playwright report.
+  const shouldOpenReport = await confirm({
+    message: 'Do you want to open the Playwright report?',
+  });
+
+  // User cancelled the operation with `Ctrl+C` or `CMD+C`.
+  if (isCancel(shouldOpenReport)) {
+    cancel('Operation cancelled');
+    return process.exit(0);
+  }
+
+  // User chose to open the Playwright report.
+  if (shouldOpenReport) {
+    // Use spawn to display the server information and the key to quit the server.
+    spawn('npx', ['playwright', 'show-report'], {
+      stdio: 'inherit',
+    });
+  } else {
+    // Inform the user that the Playwright report can be opened by running the following command.
+    log.info('If you change your mind, you can open the Playwright report by running the following command:');
+    log.info(color.bold('npx playwright show-report'));
+  }
+
+  if (shouldOpenReport) {
+    outro("You're all set! Don't forget to quit serving the Playwright report when you're done.");
+  } else {
+    outro("You're all set!");
+  }
+
+  await sleep(1000);
+}
+
+main().catch(console.error);

From 3514bfe07bd04f0b2509f4a46bd7eb85e22b2414 Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 12 Jun 2024 21:20:50 +0000
Subject: [PATCH 6/9] v8.2.2

---
 CHANGELOG.md                              | 12 ++++++++++++
 core/CHANGELOG.md                         | 11 +++++++++++
 core/package-lock.json                    |  6 +++---
 core/package.json                         |  2 +-
 lerna.json                                |  2 +-
 packages/angular-server/CHANGELOG.md      |  8 ++++++++
 packages/angular-server/package-lock.json |  8 ++++----
 packages/angular-server/package.json      |  4 ++--
 packages/angular/CHANGELOG.md             |  8 ++++++++
 packages/angular/package-lock.json        |  8 ++++----
 packages/angular/package.json             |  4 ++--
 packages/docs/CHANGELOG.md                |  8 ++++++++
 packages/docs/package-lock.json           |  6 +++---
 packages/docs/package.json                |  2 +-
 packages/react-router/CHANGELOG.md        |  8 ++++++++
 packages/react-router/package-lock.json   |  8 ++++----
 packages/react-router/package.json        |  4 ++--
 packages/react/CHANGELOG.md               |  8 ++++++++
 packages/react/package-lock.json          |  8 ++++----
 packages/react/package.json               |  4 ++--
 packages/vue-router/CHANGELOG.md          |  8 ++++++++
 packages/vue-router/package-lock.json     |  8 ++++----
 packages/vue-router/package.json          |  4 ++--
 packages/vue/CHANGELOG.md                 |  8 ++++++++
 packages/vue/package-lock.json            |  8 ++++----
 packages/vue/package.json                 |  4 ++--
 26 files changed, 124 insertions(+), 45 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8ee6fbc890..9ddd04c1de 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+
+### Bug Fixes
+
+* **playwright:** bump packages upon new release ([#29596](https://github.com/ionic-team/ionic-framework/issues/29596)) ([e1c0f45](https://github.com/ionic-team/ionic-framework/commit/e1c0f457966ab79c7a8774ec9bd0b34458067305))
+* **refresher:** show when content is fullscreen ([#29608](https://github.com/ionic-team/ionic-framework/issues/29608)) ([5cdfac8](https://github.com/ionic-team/ionic-framework/commit/5cdfac89f5389cb3009427183f7034ba05788bc2)), closes [#18714](https://github.com/ionic-team/ionic-framework/issues/18714)
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 * **react:** export InputInputEventDetail type ([#29512](https://github.com/ionic-team/ionic-framework/issues/29512)) ([624ceba](https://github.com/ionic-team/ionic-framework/commit/624ceba2e128bb13a3afe4c35883f603f5488d0e)), closes [#29518](https://github.com/ionic-team/ionic-framework/issues/29518)
diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md
index 40a59a742c..b51e62cf8d 100644
--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+
+### Bug Fixes
+
+* **refresher:** show when content is fullscreen ([#29608](https://github.com/ionic-team/ionic-framework/issues/29608)) ([5cdfac8](https://github.com/ionic-team/ionic-framework/commit/5cdfac89f5389cb3009427183f7034ba05788bc2)), closes [#18714](https://github.com/ionic-team/ionic-framework/issues/18714)
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 **Note:** Version bump only for package @ionic/core
diff --git a/core/package-lock.json b/core/package-lock.json
index c2afee8469..39ba2426f8 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.17.2",
@@ -17745,4 +17745,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/core/package.json b/core/package.json
index 0421d3171f..c36e8badcb 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
diff --git a/lerna.json b/lerna.json
index 8577fb2ee2..16db7744bf 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.2.1"
+  "version": "8.2.2"
 }
\ No newline at end of file
diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md
index e80756735b..55191dcfbe 100644
--- a/packages/angular-server/CHANGELOG.md
+++ b/packages/angular-server/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 **Note:** Version bump only for package @ionic/angular-server
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index 5055f098bb..5b12b27c4b 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.1"
+        "@ionic/core": "^8.2.2"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -10270,4 +10270,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json
index 218cbd3259..c835d81a5a 100644
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.2.1"
+    "@ionic/core": "^8.2.2"
   }
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index 92a1c57b4b..ca498b0be9 100644
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 **Note:** Version bump only for package @ionic/angular
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index b459bae91b..fabf0acfb7 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.1",
+        "@ionic/core": "^8.2.2",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -15020,4 +15020,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular/package.json b/packages/angular/package.json
index 3228ee9270..4d807f4f04 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.2.1",
+    "@ionic/core": "^8.2.2",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
diff --git a/packages/docs/CHANGELOG.md b/packages/docs/CHANGELOG.md
index 001aba8bd9..fdb16d2d01 100644
--- a/packages/docs/CHANGELOG.md
+++ b/packages/docs/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 **Note:** Version bump only for package @ionic/docs
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index 71839772be..6cc92025d1 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,13 +1,13 @@
 {
   "name": "@ionic/docs",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 47b61f31dd..818a392c84 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",
diff --git a/packages/react-router/CHANGELOG.md b/packages/react-router/CHANGELOG.md
index 8a3328aa09..5a23b753c1 100644
--- a/packages/react-router/CHANGELOG.md
+++ b/packages/react-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 **Note:** Version bump only for package @ionic/react-router
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index b66bd62602..c3dc40a2c3 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.2.1",
+        "@ionic/react": "^8.2.2",
         "tslib": "*"
       },
       "devDependencies": {
@@ -6666,4 +6666,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react-router/package.json b/packages/react-router/package.json
index 5dde8be880..e0f67b2e8c 100644
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.2.1",
+    "@ionic/react": "^8.2.2",
     "tslib": "*"
   },
   "peerDependencies": {
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 89b19b3ff0..f7d1bb9b71 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 * **react:** export InputInputEventDetail type ([#29512](https://github.com/ionic-team/ionic-framework/issues/29512)) ([624ceba](https://github.com/ionic-team/ionic-framework/commit/624ceba2e128bb13a3afe4c35883f603f5488d0e)), closes [#29518](https://github.com/ionic-team/ionic-framework/issues/29518)
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index b673c88d50..a5839ee454 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.1",
+        "@ionic/core": "^8.2.2",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -21825,4 +21825,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react/package.json b/packages/react/package.json
index 8b973a58d2..d32b695bdb 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.2.1",
+    "@ionic/core": "^8.2.2",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },
diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md
index 32ca0d31da..44b71ac615 100644
--- a/packages/vue-router/CHANGELOG.md
+++ b/packages/vue-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 **Note:** Version bump only for package @ionic/vue-router
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index e52b2709ad..b7eeb0b26d 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.2.1"
+        "@ionic/vue": "^8.2.2"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -12798,4 +12798,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json
index 4428c6a018..37d119aef2 100644
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "Vue Router integration for @ionic/vue",
   "scripts": {
     "test.spec": "jest",
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/ionic-team/ionic-framework#readme",
   "dependencies": {
-    "@ionic/vue": "^8.2.1"
+    "@ionic/vue": "^8.2.2"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index 898aa20eea..c8eb9d7d6d 100644
--- a/packages/vue/CHANGELOG.md
+++ b/packages/vue/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
 ## [8.2.1](https://github.com/ionic-team/ionic-framework/compare/v8.2.0...v8.2.1) (2024-06-05)
 
 **Note:** Version bump only for package @ionic/vue
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index b3fb111fb3..e082efd27d 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.2.1",
+      "version": "8.2.2",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.1",
+        "@ionic/core": "^8.2.2",
         "ionicons": "^7.0.0"
       },
       "devDependencies": {
@@ -6551,4 +6551,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 62bffaa9aa..54addac16c 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.2.1",
+    "@ionic/core": "^8.2.2",
     "ionicons": "^7.0.0"
   },
   "vetur": {

From 537e86d1e66101575df9cae77c717862249384c9 Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 12 Jun 2024 21:21:37 +0000
Subject: [PATCH 7/9] chore(): update package lock files

---
 core/package-lock.json                    |  68 ++------
 packages/angular-server/package-lock.json | 181 ++--------------------
 packages/angular/package-lock.json        |  23 ++-
 packages/docs/package-lock.json           |   2 +-
 packages/react-router/package-lock.json   |  54 ++++---
 packages/react/package-lock.json          |  26 ++--
 packages/vue-router/package-lock.json     |  42 +++--
 packages/vue/package-lock.json            |  20 ++-
 8 files changed, 107 insertions(+), 309 deletions(-)

diff --git a/core/package-lock.json b/core/package-lock.json
index 39ba2426f8..56c403e9a3 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -9809,20 +9809,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "node_modules/typescript": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
     "node_modules/unbox-primitive": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
@@ -10753,22 +10739,19 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@capacitor/haptics/-/haptics-6.0.0.tgz",
       "integrity": "sha512-z2TmB+pTbd98Il2I1xpZGClCFwORxxP2m9f1a0rh70c2ubj2atVyZctgxrx1fuoExZTNGSxHaylWfrmjmtelVg==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@capacitor/keyboard": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@capacitor/keyboard/-/keyboard-6.0.0.tgz",
       "integrity": "sha512-pPX/PQWWjw5ce47kHEYv6IWlHzuhAxgXihqEAAAGLdwK3u3srgGWCljXrYS9juVBPi/lA1uK7UaUzYI0XrgxVQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@capacitor/status-bar": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-6.0.0.tgz",
       "integrity": "sha512-Wo0ILugYlmENegKDgTzVCPjbvP8h1ObgHslLdgeVG643ViMS/diausHIq8e104WIKCXtKIELmQeYVp9mX7932g==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@clack/core": {
       "version": "0.3.4",
@@ -11023,8 +11006,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
@@ -11537,8 +11519,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-2.0.3.tgz",
       "integrity": "sha512-pw6ziJcyjZtntQ//bkad9qXaBx665SgEL8C8KI5wO8G5iU5MPxvdWrQyVaAvjojGm9tJoS8M9Z/EEepbqieYmw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@rollup/pluginutils": {
       "version": "3.1.0",
@@ -11579,8 +11560,7 @@
       "version": "0.8.4",
       "resolved": "https://registry.npmjs.org/@stencil/angular-output-target/-/angular-output-target-0.8.4.tgz",
       "integrity": "sha512-QvmHTueXXs5vB9W2L12uEzFmAuR8sqATJV2b+SCFmYsjJSaymiSqR3dKo2wnr0tZiTgU1t16BWaUKiSh3wPXpw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@stencil/core": {
       "version": "4.18.3",
@@ -11591,22 +11571,19 @@
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/@stencil/react-output-target/-/react-output-target-0.5.3.tgz",
       "integrity": "sha512-68jwRp35CjAcwhTJ9yFD/3n+jrHOqvEH2jreVuPVvZK+4tkhPlYlwz0d1E1RlF3jyifUSfdkWUGgXIEy8Fo3yw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@stencil/sass": {
       "version": "3.0.9",
       "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-3.0.9.tgz",
       "integrity": "sha512-GtPMjf5r4/BVBCO3LvcoMSIfOa6T+0wq+SrTGEilC4NCZpuZdAlZffWxXi80caZ1jDclwdzJ2qGwEgCAfvGoNA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@stencil/vue-output-target": {
       "version": "0.8.8",
       "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.8.8.tgz",
       "integrity": "sha512-xrpz92lmTuLgwY9CLgl2Q14+zBXfBuXiRS6uXFPfeaFo0pe+do8cZitOOQ8i8tcoCa/tAqgD9B9CD+yQehSIGg==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@stylelint/postcss-css-in-js": {
       "version": "0.37.2",
@@ -12074,8 +12051,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "ajv": {
       "version": "6.12.6",
@@ -12983,8 +12959,7 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz",
       "integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "deep-extend": {
       "version": "0.6.0",
@@ -13413,8 +13388,7 @@
       "version": "8.5.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz",
       "integrity": "sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "eslint-import-resolver-node": {
       "version": "0.3.6",
@@ -15081,8 +15055,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
       "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "jest-regex-util": {
       "version": "29.6.3",
@@ -16375,8 +16348,7 @@
       "version": "0.36.2",
       "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
       "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "postcss-value-parser": {
       "version": "4.1.0",
@@ -17314,8 +17286,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
       "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "tsconfig-paths": {
       "version": "3.14.1",
@@ -17389,13 +17360,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "typescript": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
-      "dev": true,
-      "peer": true
-    },
     "unbox-primitive": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
@@ -17745,4 +17709,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index 5b12b27c4b..c002a3c18c 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1119,9 +1119,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "dependencies": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -1794,95 +1794,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/debug": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
-      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/@typescript-eslint/scope-manager": {
       "version": "5.6.0",
       "dev": true,
@@ -6278,15 +6189,6 @@
       "engines": {
         "node": ">=12"
       }
-    },
-    "node_modules/zone.js": {
-      "version": "0.13.3",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.13.3.tgz",
-      "integrity": "sha512-MKPbmZie6fASC/ps4dkmIhaT5eonHkEt6eAy80K42tAm0G2W+AahLJjbfi6X9NPdciOE9GRFTTM8u2IiF6O3ww==",
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.3.0"
-      }
     }
   },
   "dependencies": {
@@ -6953,9 +6855,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "requires": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -7069,8 +6971,7 @@
     },
     "@ionic/prettier-config": {
       "version": "2.0.0",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@isaacs/cliui": {
       "version": "8.0.2",
@@ -7357,60 +7258,6 @@
         }
       }
     },
-    "@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "debug": "^4.3.4"
-      },
-      "dependencies": {
-        "@typescript-eslint/scope-manager": {
-          "version": "5.62.0",
-          "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-          "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "@typescript-eslint/types": "5.62.0",
-            "@typescript-eslint/visitor-keys": "5.62.0"
-          }
-        },
-        "@typescript-eslint/visitor-keys": {
-          "version": "5.62.0",
-          "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-          "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "@typescript-eslint/types": "5.62.0",
-            "eslint-visitor-keys": "^3.3.0"
-          }
-        },
-        "debug": {
-          "version": "4.3.5",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
-          "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
-          "dev": true,
-          "peer": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true,
-          "peer": true
-        }
-      }
-    },
     "@typescript-eslint/scope-manager": {
       "version": "5.6.0",
       "dev": true,
@@ -7553,8 +7400,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "aggregate-error": {
       "version": "3.1.0",
@@ -10259,15 +10105,6 @@
     "yargs-parser": {
       "version": "21.0.0",
       "dev": true
-    },
-    "zone.js": {
-      "version": "0.13.3",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.13.3.tgz",
-      "integrity": "sha512-MKPbmZie6fASC/ps4dkmIhaT5eonHkEt6eAy80K42tAm0G2W+AahLJjbfi6X9NPdciOE9GRFTTM8u2IiF6O3ww==",
-      "peer": true,
-      "requires": {
-        "tslib": "^2.3.0"
-      }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index fabf0acfb7..a5e14adbc6 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1398,9 +1398,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "dependencies": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -9820,9 +9820,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "requires": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -9919,8 +9919,7 @@
     },
     "@ionic/prettier-config": {
       "version": "2.0.0",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@isaacs/cliui": {
       "version": "8.0.2",
@@ -10755,8 +10754,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "agent-base": {
       "version": "6.0.2",
@@ -14785,8 +14783,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/typescript-eslint-language-service/-/typescript-eslint-language-service-5.0.0.tgz",
       "integrity": "sha512-QB3YsL+lDOpKwblXuqD9GkzpHhJC2D02e/3OIj38kIe6LSL97cEsUtnsVPqIaofnOsV2glj2T5VLxp5gmLTERQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "unbox-primitive": {
       "version": "1.0.1",
@@ -15020,4 +15017,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index 6cc92025d1..bcde3f440f 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -10,4 +10,4 @@
       "license": "MIT"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index c3dc40a2c3..668c263019 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -238,9 +238,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "dependencies": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -414,11 +414,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.1.tgz",
-      "integrity": "sha512-2HE5ajIHdBJYR7GFphpNQjBpjGULztm/6sa1Xpk9K440I1v2ipUHdQoZlBMMcM2PQMuBeiMlRmwXgqTAi09/qQ==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.2.tgz",
+      "integrity": "sha512-uf369EYjgEU88u65QdOBaTlEv0fy/v5H6ICpaPHNRHgvppkQSE9uWZitZdeBuXQq8+k9OCo1Wn0vzL3znP3nHA==",
       "dependencies": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.2",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -2679,7 +2679,8 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
     },
     "node_modules/js-yaml": {
       "version": "3.14.1",
@@ -2762,6 +2763,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -2846,6 +2848,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3101,6 +3104,7 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
       "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
+      "dev": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -3113,6 +3117,7 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
       "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
+      "dev": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
@@ -3360,6 +3365,7 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
       "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
+      "dev": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -4057,9 +4063,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "requires": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -4159,15 +4165,14 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.1.2.tgz",
       "integrity": "sha512-lpjXnu5XmzxDrHinjGa9z/bNe7KgXaehk6NyasyXqwzvE9EyhOSdSrkw6wS2q0HRyw8+x1GZNs2JDJ5cYq39Jw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@ionic/react": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.1.tgz",
-      "integrity": "sha512-2HE5ajIHdBJYR7GFphpNQjBpjGULztm/6sa1Xpk9K440I1v2ipUHdQoZlBMMcM2PQMuBeiMlRmwXgqTAi09/qQ==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.2.tgz",
+      "integrity": "sha512-uf369EYjgEU88u65QdOBaTlEv0fy/v5H6ICpaPHNRHgvppkQSE9uWZitZdeBuXQq8+k9OCo1Wn0vzL3znP3nHA==",
       "requires": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.2",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }
@@ -4578,8 +4583,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "ajv": {
       "version": "6.12.6",
@@ -5757,7 +5761,8 @@
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
     },
     "js-yaml": {
       "version": "3.14.1",
@@ -5831,6 +5836,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
       "requires": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
@@ -5896,7 +5902,8 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true
     },
     "object-inspect": {
       "version": "1.13.1",
@@ -6072,6 +6079,7 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
       "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
+      "dev": true,
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -6081,6 +6089,7 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
       "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
+      "dev": true,
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
@@ -6257,6 +6266,7 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
       "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
+      "dev": true,
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -6666,4 +6676,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index a5839ee454..0c16092fed 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -798,9 +798,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "dependencies": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -13035,9 +13035,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "requires": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -13137,8 +13137,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.1.2.tgz",
       "integrity": "sha512-lpjXnu5XmzxDrHinjGa9z/bNe7KgXaehk6NyasyXqwzvE9EyhOSdSrkw6wS2q0HRyw8+x1GZNs2JDJ5cYq39Jw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
@@ -14211,8 +14210,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -17853,8 +17851,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
       "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "jest-regex-util": {
       "version": "26.0.0",
@@ -21756,8 +21753,7 @@
       "version": "7.5.9",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
       "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "xdg-basedir": {
       "version": "4.0.0",
@@ -21825,4 +21821,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index b7eeb0b26d..904b0e6f99 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -661,9 +661,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "dependencies": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -852,11 +852,11 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.1.tgz",
-      "integrity": "sha512-rMg8LhWUgRYCFU7+tJOzP9Cfxm5k9YqE1pWPyuf8RtvZ8WnaTNx1D5TQK2/RV63kwukyS5zM3eM6M9iWkoHJQw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.2.tgz",
+      "integrity": "sha512-5xIkEX4UHs4Bm15wqG/xBSxUtWdnHv+eFD3dfYGEVhK+M5hp4Vv+YOhHx6xVLKtdQOC3p+ROCXK+7GmCrAv6KQ==",
       "dependencies": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.2",
         "ionicons": "^7.0.0"
       }
     },
@@ -7878,9 +7878,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "requires": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -7989,15 +7989,14 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@ionic/vue": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.1.tgz",
-      "integrity": "sha512-rMg8LhWUgRYCFU7+tJOzP9Cfxm5k9YqE1pWPyuf8RtvZ8WnaTNx1D5TQK2/RV63kwukyS5zM3eM6M9iWkoHJQw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.2.tgz",
+      "integrity": "sha512-5xIkEX4UHs4Bm15wqG/xBSxUtWdnHv+eFD3dfYGEVhK+M5hp4Vv+YOhHx6xVLKtdQOC3p+ROCXK+7GmCrAv6KQ==",
       "requires": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.2",
         "ionicons": "^7.0.0"
       }
     },
@@ -8983,8 +8982,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -11186,8 +11184,7 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
       "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "jest-regex-util": {
       "version": "28.0.2",
@@ -12749,8 +12746,7 @@
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.8.0.tgz",
       "integrity": "sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "xml-name-validator": {
       "version": "4.0.0",
@@ -12798,4 +12794,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index e082efd27d..2a35d520a1 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -208,9 +208,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "dependencies": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -3959,9 +3959,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.2.tgz",
+      "integrity": "sha512-gpWemL5IJjGDJPz6dltHnFyqioRl0sugs2PUXrwPaYwMnTDoRZ6iojYFovCIr5YJN99rHZprOthdcsYR/viGyQ==",
       "requires": {
         "@stencil/core": "^4.17.2",
         "ionicons": "^7.2.2",
@@ -4068,8 +4068,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
@@ -4517,8 +4516,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "ajv": {
       "version": "6.12.6",
@@ -6551,4 +6549,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}

From 020278eaf0c4b27ee9428aae5f2eb2e7fd995055 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Wed, 12 Jun 2024 17:30:33 -0400
Subject: [PATCH 8/9] docs(changelog): remove chore commit

---
 CHANGELOG.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9ddd04c1de..8abb306a74 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### Bug Fixes
 
-* **playwright:** bump packages upon new release ([#29596](https://github.com/ionic-team/ionic-framework/issues/29596)) ([e1c0f45](https://github.com/ionic-team/ionic-framework/commit/e1c0f457966ab79c7a8774ec9bd0b34458067305))
 * **refresher:** show when content is fullscreen ([#29608](https://github.com/ionic-team/ionic-framework/issues/29608)) ([5cdfac8](https://github.com/ionic-team/ionic-framework/commit/5cdfac89f5389cb3009427183f7034ba05788bc2)), closes [#18714](https://github.com/ionic-team/ionic-framework/issues/18714)
 
 

From 0ce1d34c666a41e0746fd06481ce41c80181f1fd Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Wed, 12 Jun 2024 17:36:41 -0400
Subject: [PATCH 9/9] chore(): update package lock files

---
 core/package-lock.json                    |  66 +++++++--
 packages/angular-server/package-lock.json | 167 +++++++++++++++++++++-
 packages/angular/package-lock.json        |   9 +-
 packages/react-router/package-lock.json   |  24 +---
 packages/react/package-lock.json          |  12 +-
 packages/vue-router/package-lock.json     |  12 +-
 packages/vue/package-lock.json            |   6 +-
 7 files changed, 249 insertions(+), 47 deletions(-)

diff --git a/core/package-lock.json b/core/package-lock.json
index 56c403e9a3..bf6df14368 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -9809,6 +9809,20 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "node_modules/typescript": {
+      "version": "5.4.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
@@ -10739,19 +10753,22 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@capacitor/haptics/-/haptics-6.0.0.tgz",
       "integrity": "sha512-z2TmB+pTbd98Il2I1xpZGClCFwORxxP2m9f1a0rh70c2ubj2atVyZctgxrx1fuoExZTNGSxHaylWfrmjmtelVg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@capacitor/keyboard": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@capacitor/keyboard/-/keyboard-6.0.0.tgz",
       "integrity": "sha512-pPX/PQWWjw5ce47kHEYv6IWlHzuhAxgXihqEAAAGLdwK3u3srgGWCljXrYS9juVBPi/lA1uK7UaUzYI0XrgxVQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@capacitor/status-bar": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-6.0.0.tgz",
       "integrity": "sha512-Wo0ILugYlmENegKDgTzVCPjbvP8h1ObgHslLdgeVG643ViMS/diausHIq8e104WIKCXtKIELmQeYVp9mX7932g==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@clack/core": {
       "version": "0.3.4",
@@ -11006,7 +11023,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
@@ -11519,7 +11537,8 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-2.0.3.tgz",
       "integrity": "sha512-pw6ziJcyjZtntQ//bkad9qXaBx665SgEL8C8KI5wO8G5iU5MPxvdWrQyVaAvjojGm9tJoS8M9Z/EEepbqieYmw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@rollup/pluginutils": {
       "version": "3.1.0",
@@ -11560,7 +11579,8 @@
       "version": "0.8.4",
       "resolved": "https://registry.npmjs.org/@stencil/angular-output-target/-/angular-output-target-0.8.4.tgz",
       "integrity": "sha512-QvmHTueXXs5vB9W2L12uEzFmAuR8sqATJV2b+SCFmYsjJSaymiSqR3dKo2wnr0tZiTgU1t16BWaUKiSh3wPXpw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stencil/core": {
       "version": "4.18.3",
@@ -11571,19 +11591,22 @@
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/@stencil/react-output-target/-/react-output-target-0.5.3.tgz",
       "integrity": "sha512-68jwRp35CjAcwhTJ9yFD/3n+jrHOqvEH2jreVuPVvZK+4tkhPlYlwz0d1E1RlF3jyifUSfdkWUGgXIEy8Fo3yw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stencil/sass": {
       "version": "3.0.9",
       "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-3.0.9.tgz",
       "integrity": "sha512-GtPMjf5r4/BVBCO3LvcoMSIfOa6T+0wq+SrTGEilC4NCZpuZdAlZffWxXi80caZ1jDclwdzJ2qGwEgCAfvGoNA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stencil/vue-output-target": {
       "version": "0.8.8",
       "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.8.8.tgz",
       "integrity": "sha512-xrpz92lmTuLgwY9CLgl2Q14+zBXfBuXiRS6uXFPfeaFo0pe+do8cZitOOQ8i8tcoCa/tAqgD9B9CD+yQehSIGg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stylelint/postcss-css-in-js": {
       "version": "0.37.2",
@@ -12051,7 +12074,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ajv": {
       "version": "6.12.6",
@@ -12959,7 +12983,8 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz",
       "integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "deep-extend": {
       "version": "0.6.0",
@@ -13388,7 +13413,8 @@
       "version": "8.5.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz",
       "integrity": "sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-import-resolver-node": {
       "version": "0.3.6",
@@ -15055,7 +15081,8 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
       "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "29.6.3",
@@ -16348,7 +16375,8 @@
       "version": "0.36.2",
       "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
       "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-value-parser": {
       "version": "4.1.0",
@@ -17286,7 +17314,8 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
       "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "tsconfig-paths": {
       "version": "3.14.1",
@@ -17360,6 +17389,13 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "typescript": {
+      "version": "5.4.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "dev": true,
+      "peer": true
+    },
     "unbox-primitive": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index c002a3c18c..0caaef2a74 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1794,6 +1794,95 @@
         "node": ">=10"
       }
     },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/debug": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/@typescript-eslint/scope-manager": {
       "version": "5.6.0",
       "dev": true,
@@ -6189,6 +6278,15 @@
       "engines": {
         "node": ">=12"
       }
+    },
+    "node_modules/zone.js": {
+      "version": "0.13.3",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.13.3.tgz",
+      "integrity": "sha512-MKPbmZie6fASC/ps4dkmIhaT5eonHkEt6eAy80K42tAm0G2W+AahLJjbfi6X9NPdciOE9GRFTTM8u2IiF6O3ww==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      }
     }
   },
   "dependencies": {
@@ -6971,7 +7069,8 @@
     },
     "@ionic/prettier-config": {
       "version": "2.0.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@isaacs/cliui": {
       "version": "8.0.2",
@@ -7258,6 +7357,60 @@
         }
       }
     },
+    "@typescript-eslint/parser": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "debug": "^4.3.4"
+      },
+      "dependencies": {
+        "@typescript-eslint/scope-manager": {
+          "version": "5.62.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+          "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "@typescript-eslint/types": "5.62.0",
+            "@typescript-eslint/visitor-keys": "5.62.0"
+          }
+        },
+        "@typescript-eslint/visitor-keys": {
+          "version": "5.62.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+          "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "@typescript-eslint/types": "5.62.0",
+            "eslint-visitor-keys": "^3.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.3.5",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+          "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true,
+          "peer": true
+        }
+      }
+    },
     "@typescript-eslint/scope-manager": {
       "version": "5.6.0",
       "dev": true,
@@ -7400,7 +7553,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "aggregate-error": {
       "version": "3.1.0",
@@ -10105,6 +10259,15 @@
     "yargs-parser": {
       "version": "21.0.0",
       "dev": true
+    },
+    "zone.js": {
+      "version": "0.13.3",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.13.3.tgz",
+      "integrity": "sha512-MKPbmZie6fASC/ps4dkmIhaT5eonHkEt6eAy80K42tAm0G2W+AahLJjbfi6X9NPdciOE9GRFTTM8u2IiF6O3ww==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.3.0"
+      }
     }
   }
 }
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index a5e14adbc6..936ed58cdc 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -9919,7 +9919,8 @@
     },
     "@ionic/prettier-config": {
       "version": "2.0.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@isaacs/cliui": {
       "version": "8.0.2",
@@ -10754,7 +10755,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "agent-base": {
       "version": "6.0.2",
@@ -14783,7 +14785,8 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/typescript-eslint-language-service/-/typescript-eslint-language-service-5.0.0.tgz",
       "integrity": "sha512-QB3YsL+lDOpKwblXuqD9GkzpHhJC2D02e/3OIj38kIe6LSL97cEsUtnsVPqIaofnOsV2glj2T5VLxp5gmLTERQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "unbox-primitive": {
       "version": "1.0.1",
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index 668c263019..0849384a6b 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -2679,8 +2679,7 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "node_modules/js-yaml": {
       "version": "3.14.1",
@@ -2763,7 +2762,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dev": true,
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -2848,7 +2846,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3104,7 +3101,6 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
       "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
-      "dev": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -3117,7 +3113,6 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
       "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
-      "dev": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
@@ -3365,7 +3360,6 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
       "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
-      "dev": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -4165,7 +4159,8 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.1.2.tgz",
       "integrity": "sha512-lpjXnu5XmzxDrHinjGa9z/bNe7KgXaehk6NyasyXqwzvE9EyhOSdSrkw6wS2q0HRyw8+x1GZNs2JDJ5cYq39Jw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@ionic/react": {
       "version": "8.2.2",
@@ -4583,7 +4578,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ajv": {
       "version": "6.12.6",
@@ -5761,8 +5757,7 @@
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "js-yaml": {
       "version": "3.14.1",
@@ -5836,7 +5831,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dev": true,
       "requires": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
@@ -5902,8 +5896,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
     },
     "object-inspect": {
       "version": "1.13.1",
@@ -6079,7 +6072,6 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
       "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
-      "dev": true,
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -6089,7 +6081,6 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
       "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
-      "dev": true,
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
@@ -6266,7 +6257,6 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
       "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
-      "dev": true,
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 0c16092fed..217cb90b8c 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -13137,7 +13137,8 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.1.2.tgz",
       "integrity": "sha512-lpjXnu5XmzxDrHinjGa9z/bNe7KgXaehk6NyasyXqwzvE9EyhOSdSrkw6wS2q0HRyw8+x1GZNs2JDJ5cYq39Jw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
@@ -14210,7 +14211,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -17851,7 +17853,8 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
       "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "26.0.0",
@@ -21753,7 +21756,8 @@
       "version": "7.5.9",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
       "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "xdg-basedir": {
       "version": "4.0.0",
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index 904b0e6f99..c812b0354a 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -7989,7 +7989,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@ionic/vue": {
       "version": "8.2.2",
@@ -8982,7 +8983,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -11184,7 +11186,8 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
       "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "28.0.2",
@@ -12746,7 +12749,8 @@
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.8.0.tgz",
       "integrity": "sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "xml-name-validator": {
       "version": "4.0.0",
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 2a35d520a1..35301971bc 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -4068,7 +4068,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
@@ -4516,7 +4517,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ajv": {
       "version": "6.12.6",