merge release-8.4.6 (#30273 )

v8.4.6
chore(): update package lock files
2026-03-13 10:22:08 +08:00 · 2025-03-19 16:20:00 -04:00 · 2025-03-19 16:03:47 -04:00 · 2025-03-19 19:59:09 +00:00 · 2025-03-19 19:58:24 +00:00 · 2025-03-19 15:50:23 -04:00
37 changed files with 922 additions and 674 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+
+### Bug Fixes
+
+* **vue:** update output target and fix incorrect types ([#30259](https://github.com/ionic-team/ionic-framework/issues/30259)) ([0eaee78](https://github.com/ionic-team/ionic-framework/commit/0eaee78fe1cae8f8a6cb04a01abad8c05dec0723)), closes [#30254](https://github.com/ionic-team/ionic-framework/issues/30254)
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+
+### Bug Fixes
+
+* **vue:** pin Vue output target to latest release ([#30248](https://github.com/ionic-team/ionic-framework/issues/30248)) ([3799d45](https://github.com/ionic-team/ionic-framework/commit/3799d456d9461faac9a5e2c44f187329f113b3db)), closes [#30221](https://github.com/ionic-team/ionic-framework/issues/30221)
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+
+### Bug Fixes
+
+* **alert:** change focused element and improve keyboard navigation ([#30220](https://github.com/ionic-team/ionic-framework/issues/30220)) ([4df0e0f](https://github.com/ionic-team/ionic-framework/commit/4df0e0f4c00faec33f5ddc802945bf4ad9dc53d3))
+* **capacitor:** replace deprecated platform check method ([#30195](https://github.com/ionic-team/ionic-framework/issues/30195)) ([b6b43ae](https://github.com/ionic-team/ionic-framework/commit/b6b43ae2925f8a12b35cabd43abd9d838bc9714f))
+* **capacitor:** use proper types for capacitor v7 support ([#30228](https://github.com/ionic-team/ionic-framework/issues/30228)) ([2149ba2](https://github.com/ionic-team/ionic-framework/commit/2149ba2c8d56a3a8ef4a6de89de1292f6efe3031))
+* **range:** handle unsupported values for range min and max ([#30070](https://github.com/ionic-team/ionic-framework/issues/30070)) ([3223193](https://github.com/ionic-team/ionic-framework/commit/322319397ca46bafda7ca0d2e3fb4cc554432d6a)), closes [#29667](https://github.com/ionic-team/ionic-framework/issues/29667)
+* **segment-button:** protect connectedCallback for when segment-content has not yet been created ([#30138](https://github.com/ionic-team/ionic-framework/issues/30138)) ([14b6538](https://github.com/ionic-team/ionic-framework/commit/14b6538d98303cb753d881ec6978fb98f53ed54c))
+* **select:** auto-scroll to selected item for all interfaces ([#30202](https://github.com/ionic-team/ionic-framework/issues/30202)) ([8eaeb22](https://github.com/ionic-team/ionic-framework/commit/8eaeb22e7a967100ffaadae8c8221e2e4888a3b6)), closes [#19296](https://github.com/ionic-team/ionic-framework/issues/19296)
+* **toggle:** trigger focus and blur on click ([#30234](https://github.com/ionic-team/ionic-framework/issues/30234)) ([ba8d8f4](https://github.com/ionic-team/ionic-framework/commit/ba8d8f489607537b3dac915cfc9f2c32a74b994c))
+* **vue:** update output target and properly emit events ([#30227](https://github.com/ionic-team/ionic-framework/issues/30227)) ([11554a5](https://github.com/ionic-team/ionic-framework/commit/11554a5d3590c660dbf609931dcb63cc2daf79cb)), closes [#30206](https://github.com/ionic-team/ionic-framework/issues/30206) [#30178](https://github.com/ionic-team/ionic-framework/issues/30178) [#30177](https://github.com/ionic-team/ionic-framework/issues/30177) [#30170](https://github.com/ionic-team/ionic-framework/issues/30170)
+* **vue:** update output target and resolve type issues ([#30239](https://github.com/ionic-team/ionic-framework/issues/30239)) ([6dcb143](https://github.com/ionic-team/ionic-framework/commit/6dcb143307682793ac4fd46d03efa5868a49e87d)), closes [#30179](https://github.com/ionic-team/ionic-framework/issues/30179)
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)


--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+
+### Bug Fixes
+
+* **vue:** update output target and fix incorrect types ([#30259](https://github.com/ionic-team/ionic-framework/issues/30259)) ([0eaee78](https://github.com/ionic-team/ionic-framework/commit/0eaee78fe1cae8f8a6cb04a01abad8c05dec0723)), closes [#30254](https://github.com/ionic-team/ionic-framework/issues/30254)
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+
+### Bug Fixes
+
+* **vue:** pin Vue output target to latest release ([#30248](https://github.com/ionic-team/ionic-framework/issues/30248)) ([3799d45](https://github.com/ionic-team/ionic-framework/commit/3799d456d9461faac9a5e2c44f187329f113b3db)), closes [#30221](https://github.com/ionic-team/ionic-framework/issues/30221)
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+
+### Bug Fixes
+
+* **alert:** change focused element and improve keyboard navigation ([#30220](https://github.com/ionic-team/ionic-framework/issues/30220)) ([4df0e0f](https://github.com/ionic-team/ionic-framework/commit/4df0e0f4c00faec33f5ddc802945bf4ad9dc53d3))
+* **capacitor:** replace deprecated platform check method ([#30195](https://github.com/ionic-team/ionic-framework/issues/30195)) ([b6b43ae](https://github.com/ionic-team/ionic-framework/commit/b6b43ae2925f8a12b35cabd43abd9d838bc9714f))
+* **capacitor:** use proper types for capacitor v7 support ([#30228](https://github.com/ionic-team/ionic-framework/issues/30228)) ([2149ba2](https://github.com/ionic-team/ionic-framework/commit/2149ba2c8d56a3a8ef4a6de89de1292f6efe3031))
+* **range:** handle unsupported values for range min and max ([#30070](https://github.com/ionic-team/ionic-framework/issues/30070)) ([3223193](https://github.com/ionic-team/ionic-framework/commit/322319397ca46bafda7ca0d2e3fb4cc554432d6a)), closes [#29667](https://github.com/ionic-team/ionic-framework/issues/29667)
+* **segment-button:** protect connectedCallback for when segment-content has not yet been created ([#30138](https://github.com/ionic-team/ionic-framework/issues/30138)) ([14b6538](https://github.com/ionic-team/ionic-framework/commit/14b6538d98303cb753d881ec6978fb98f53ed54c))
+* **select:** auto-scroll to selected item for all interfaces ([#30202](https://github.com/ionic-team/ionic-framework/issues/30202)) ([8eaeb22](https://github.com/ionic-team/ionic-framework/commit/8eaeb22e7a967100ffaadae8c8221e2e4888a3b6)), closes [#19296](https://github.com/ionic-team/ionic-framework/issues/19296)
+* **toggle:** trigger focus and blur on click ([#30234](https://github.com/ionic-team/ionic-framework/issues/30234)) ([ba8d8f4](https://github.com/ionic-team/ionic-framework/commit/ba8d8f489607537b3dac915cfc9f2c32a74b994c))
+* **vue:** update output target and properly emit events ([#30227](https://github.com/ionic-team/ionic-framework/issues/30227)) ([11554a5](https://github.com/ionic-team/ionic-framework/commit/11554a5d3590c660dbf609931dcb63cc2daf79cb)), closes [#30206](https://github.com/ionic-team/ionic-framework/issues/30206) [#30178](https://github.com/ionic-team/ionic-framework/issues/30178) [#30177](https://github.com/ionic-team/ionic-framework/issues/30177) [#30170](https://github.com/ionic-team/ionic-framework/issues/30170)
+* **vue:** update output target and resolve type issues ([#30239](https://github.com/ionic-team/ionic-framework/issues/30239)) ([6dcb143](https://github.com/ionic-team/ionic-framework/commit/6dcb143307682793ac4fd46d03efa5868a49e87d)), closes [#30179](https://github.com/ionic-team/ionic-framework/issues/30179)
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)

 **Note:** Version bump only for package @ionic/core
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "@ionic/core",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/core",
-      "version": "8.4.3",
+      "version": "8.4.6",
      "license": "MIT",
      "dependencies": {
        "@stencil/core": "4.20.0",
@@ -28,7 +28,7 @@
        "@stencil/angular-output-target": "^0.10.0",
        "@stencil/react-output-target": "0.5.3",
        "@stencil/sass": "^3.0.9",
-        "@stencil/vue-output-target": "^0.9.0",
+        "@stencil/vue-output-target": "0.10.7",
        "@types/jest": "^29.5.6",
        "@types/node": "^14.6.0",
        "@typescript-eslint/eslint-plugin": "^6.7.2",
@@ -1850,13 +1850,15 @@
      }
    },
    "node_modules/@stencil/vue-output-target": {
-      "version": "0.9.2",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.2.tgz",
-      "integrity": "sha512-AeBmfo8bQhtob4VKpYTNiCoqh50MeXUwRgYLyO/JxRgAAK9GSfenNrUxXDrK0DK65SWsx/GCOsRwWbfOveorOQ==",
+      "version": "0.10.7",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.7.tgz",
+      "integrity": "sha512-IYxDe+SLCkwhwsWRdynE31rTK1zN3hVwwojQ/V9lrN8Gnx4PTvrUQHiRno9jFo1dk+EaBZWX9gZSmXta0ZaZew==",
      "dev": true,
+      "license": "MIT",
      "peerDependencies": {
        "@stencil/core": ">=2.0.0 || >=3 || >= 4.0.0-beta.0 || >= 4.0.0",
-        "vue": "^3.4.38"
+        "vue": "^3.4.38",
+        "vue-router": "^4.5.0"
      },
      "peerDependenciesMeta": {
        "@stencil/core": {
@@ -1864,6 +1866,9 @@
        },
        "vue": {
          "optional": false
+        },
+        "vue-router": {
+          "optional": true
        }
      }
    },
@@ -2503,6 +2508,7 @@
      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@babel/parser": "^7.25.3",
@@ -2517,6 +2523,7 @@
      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
      "dev": true,
+      "license": "BSD-2-Clause",
      "peer": true,
      "engines": {
        "node": ">=0.12"
@@ -2530,6 +2537,7 @@
      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
      "dev": true,
+      "license": "MIT",
      "peer": true
    },
    "node_modules/@vue/compiler-dom": {
@@ -2537,6 +2545,7 @@
      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@vue/compiler-core": "3.5.13",
@@ -2548,6 +2557,7 @@
      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@babel/parser": "^7.25.3",
@@ -2566,12 +2576,13 @@
      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
      "dev": true,
+      "license": "MIT",
      "peer": true
    },
    "node_modules/@vue/compiler-sfc/node_modules/postcss": {
-      "version": "8.4.49",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
-      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
      "dev": true,
      "funding": [
        {
@@ -2587,9 +2598,10 @@
          "url": "https://github.com/sponsors/ai"
        }
      ],
+      "license": "MIT",
      "peer": true,
      "dependencies": {
-        "nanoid": "^3.3.7",
+        "nanoid": "^3.3.8",
        "picocolors": "^1.1.1",
        "source-map-js": "^1.2.1"
      },
@@ -2602,6 +2614,7 @@
      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@vue/compiler-dom": "3.5.13",
@@ -2613,6 +2626,7 @@
      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@vue/shared": "3.5.13"
@@ -2623,6 +2637,7 @@
      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
      "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@vue/reactivity": "3.5.13",
@@ -2634,6 +2649,7 @@
      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
      "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@vue/reactivity": "3.5.13",
@@ -2647,6 +2663,7 @@
      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
      "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@vue/compiler-ssr": "3.5.13",
@@ -2661,6 +2678,7 @@
      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
      "dev": true,
+      "license": "MIT",
      "peer": true
    },
    "node_modules/@zeit/schemas": {
@@ -3946,6 +3964,7 @@
      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
      "dev": true,
+      "license": "MIT",
      "peer": true
    },
    "node_modules/debug": {
@@ -7760,6 +7779,7 @@
      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@jridgewell/sourcemap-codec": "^1.5.0"
@@ -8097,9 +8117,9 @@
      "dev": true
    },
    "node_modules/nanoid": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
-      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
      "dev": true,
      "funding": [
        {
@@ -8107,6 +8127,7 @@
          "url": "https://github.com/sponsors/ai"
        }
      ],
+      "license": "MIT",
      "peer": true,
      "bin": {
        "nanoid": "bin/nanoid.cjs"
@@ -9308,6 +9329,7 @@
      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
      "dev": true,
+      "license": "BSD-3-Clause",
      "peer": true,
      "engines": {
        "node": ">=0.10.0"
@@ -10026,10 +10048,11 @@
      }
    },
    "node_modules/typescript": {
-      "version": "5.5.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.3.tgz",
-      "integrity": "sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==",
+      "version": "5.8.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
      "dev": true,
+      "license": "Apache-2.0",
      "peer": true,
      "bin": {
        "tsc": "bin/tsc",
@@ -10231,6 +10254,7 @@
      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
      "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
      "dev": true,
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "@vue/compiler-dom": "3.5.13",
@@ -11834,9 +11858,9 @@
      "requires": {}
    },
    "@stencil/vue-output-target": {
-      "version": "0.9.2",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.2.tgz",
-      "integrity": "sha512-AeBmfo8bQhtob4VKpYTNiCoqh50MeXUwRgYLyO/JxRgAAK9GSfenNrUxXDrK0DK65SWsx/GCOsRwWbfOveorOQ==",
+      "version": "0.10.7",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.7.tgz",
+      "integrity": "sha512-IYxDe+SLCkwhwsWRdynE31rTK1zN3hVwwojQ/V9lrN8Gnx4PTvrUQHiRno9jFo1dk+EaBZWX9gZSmXta0ZaZew==",
      "dev": true,
      "requires": {}
    },
@@ -12347,13 +12371,13 @@
          "peer": true
        },
        "postcss": {
-          "version": "8.4.49",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
-          "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+          "version": "8.5.3",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+          "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
          "dev": true,
          "peer": true,
          "requires": {
-            "nanoid": "^3.3.7",
+            "nanoid": "^3.3.8",
            "picocolors": "^1.1.1",
            "source-map-js": "^1.2.1"
          }
@@ -16369,9 +16393,9 @@
      "dev": true
    },
    "nanoid": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
-      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
      "dev": true,
      "peer": true
    },
@@ -17797,9 +17821,9 @@
      }
    },
    "typescript": {
-      "version": "5.5.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.3.tgz",
-      "integrity": "sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==",
+      "version": "5.8.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
      "dev": true,
      "peer": true
    },
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/core",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "description": "Base components for Ionic",
  "keywords": [
    "ionic",
@@ -50,7 +50,7 @@
    "@stencil/angular-output-target": "^0.10.0",
    "@stencil/react-output-target": "0.5.3",
    "@stencil/sass": "^3.0.9",
-    "@stencil/vue-output-target": "^0.9.0",
+    "@stencil/vue-output-target": "0.10.7",
    "@types/jest": "^29.5.6",
    "@types/node": "^14.6.0",
    "@typescript-eslint/eslint-plugin": "^6.7.2",
--- a/core/src/components/range/range.tsx
+++ b/core/src/components/range/range.tsx
@@ -314,8 +314,8 @@ export class Range implements ComponentInterface {
    }

    this.inheritedAttributes = inheritAriaAttributes(this.el);
-    // If the min or max is not safe, set it to 0 or 100 respectively.
-    // Our watch does this, but not before the initial load.
+    // If min, max, or step are not safe, set them to 0, 100, and 1, respectively.
+    // Each watch does this, but not before the initial load.
    this.min = isSafeNumber(this.min) ? this.min : 0;
    this.max = isSafeNumber(this.max) ? this.max : 100;
    this.step = isSafeNumber(this.step) ? this.step : 1;
--- a/core/src/components/toggle/toggle.tsx
+++ b/core/src/components/toggle/toggle.tsx
@@ -138,6 +138,7 @@ export class Toggle implements ComponentInterface {
    const isNowChecked = !checked;
    this.checked = isNowChecked;

+    this.setFocus();
    this.ionChange.emit({
      checked: isNowChecked,
      value,
--- a/core/src/global/ionic-global.ts
+++ b/core/src/global/ionic-global.ts
@@ -1,4 +1,4 @@
-import { getMode, setMode, setPlatformHelpers } from '@stencil/core';
+import { getMode, setMode } from '@stencil/core';

 import type { IonicConfig, Mode } from '../interface';
 import { isPlatform, setupPlatforms } from '../utils/platform';
@@ -22,18 +22,6 @@ export const initialize = (userConfig: IonicConfig = {}) => {
  const win = window;
  const Ionic = ((win as any).Ionic = (win as any).Ionic || {});

-  const platformHelpers: any = {};
-  if (userConfig._ael) {
-    platformHelpers.ael = userConfig._ael;
-  }
-  if (userConfig._rel) {
-    platformHelpers.rel = userConfig._rel;
-  }
-  if (userConfig._ce) {
-    platformHelpers.ce = userConfig._ce;
-  }
-  setPlatformHelpers(platformHelpers);
-
  // create the Ionic.config from raw config object (if it exists)
  // and convert Ionic.config into a ConfigApi that has a get() fn
  const configObj = {
--- a/core/src/utils/config.ts
+++ b/core/src/utils/config.ts
@@ -234,9 +234,6 @@ export interface IonicConfig {
  _forceStatusbarPadding?: boolean;
  _testing?: boolean;
  _zoneGate?: (h: () => any) => any;
-  _ael?: (el: any, name: string, cb: any, opts: any) => any;
-  _rel?: (el: any, name: string, cb: any, opts: any) => any;
-  _ce?: (eventName: string, opts: any) => any;
 }

 type FocusManagerPriority = 'content' | 'heading' | 'banner';
--- a/core/src/utils/helpers.ts
+++ b/core/src/utils/helpers.ts
@@ -42,7 +42,7 @@ const transitionEnd = (el: HTMLElement | null, expectedDuration = 0, callback: (
  if (el) {
    el.addEventListener('webkitTransitionEnd', onTransitionEnd, opts);
    el.addEventListener('transitionend', onTransitionEnd, opts);
-    animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
+    animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT) as unknown as number;

    unRegTrans = () => {
      if (animationTimeout !== undefined) {
@@ -190,36 +190,10 @@ export const inheritAriaAttributes = (el: HTMLElement, ignoreList?: string[]) =>
 };

 export const addEventListener = (el: any, eventName: string, callback: any, opts?: any) => {
-  if (typeof (window as any) !== 'undefined') {
-    const win = window as any;
-    const config = win?.Ionic?.config;
-    if (config) {
-      const ael = config.get('_ael');
-      if (ael) {
-        return ael(el, eventName, callback, opts);
-      } else if (config._ael) {
-        return config._ael(el, eventName, callback, opts);
-      }
-    }
-  }
-
  return el.addEventListener(eventName, callback, opts);
 };

 export const removeEventListener = (el: any, eventName: string, callback: any, opts?: any) => {
-  if (typeof (window as any) !== 'undefined') {
-    const win = window as any;
-    const config = win?.Ionic?.config;
-    if (config) {
-      const rel = config.get('_rel');
-      if (rel) {
-        return rel(el, eventName, callback, opts);
-      } else if (config._rel) {
-        return config._rel(el, eventName, callback, opts);
-      }
-    }
-  }
-
  return el.removeEventListener(eventName, callback, opts);
 };

--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
    "core",
    "packages/*"
  ],
-  "version": "8.4.3"
+  "version": "8.4.6"
 }
--- a/package-lock.json
+++ b/package-lock.json
@@ -9288,8 +9288,7 @@
      "version": "1.0.4",
      "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz",
      "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
    },
    "@octokit/plugin-rest-endpoint-methods": {
      "version": "6.6.2",
--- a/packages/angular-server/CHANGELOG.md
+++ b/packages/angular-server/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)

 **Note:** Version bump only for package @ionic/angular-server
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/angular-server",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/angular-server",
-      "version": "8.4.3",
+      "version": "8.4.6",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^8.4.3"
+        "@ionic/core": "^8.4.6"
      },
      "devDependencies": {
        "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -1031,9 +1031,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "license": "MIT",
      "dependencies": {
        "@stencil/core": "4.20.0",
@@ -6590,6 +6590,7 @@
      "version": "0.13.3",
      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.13.3.tgz",
      "integrity": "sha512-MKPbmZie6fASC/ps4dkmIhaT5eonHkEt6eAy80K42tAm0G2W+AahLJjbfi6X9NPdciOE9GRFTTM8u2IiF6O3ww==",
+      "license": "MIT",
      "peer": true,
      "dependencies": {
        "tslib": "^2.3.0"
@@ -7189,9 +7190,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "requires": {
        "@stencil/core": "4.20.0",
        "ionicons": "^7.2.2",
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/angular-server",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "description": "Angular SSR Module for Ionic",
  "keywords": [
    "ionic",
@@ -62,6 +62,6 @@
  },
  "prettier": "@ionic/prettier-config",
  "dependencies": {
-    "@ionic/core": "^8.4.3"
+    "@ionic/core": "^8.4.6"
  }
 }
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)


--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/angular",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/angular",
-      "version": "8.4.3",
+      "version": "8.4.6",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^8.4.3",
+        "@ionic/core": "^8.4.6",
        "ionicons": "^7.0.0",
        "jsonc-parser": "^3.0.0",
        "tslib": "^2.3.0"
@@ -1398,9 +1398,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "license": "MIT",
      "dependencies": {
        "@stencil/core": "4.20.0",
@@ -9821,9 +9821,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "requires": {
        "@stencil/core": "4.20.0",
        "ionicons": "^7.2.2",
@@ -9920,8 +9920,7 @@
    },
    "@ionic/prettier-config": {
      "version": "2.0.0",
-      "dev": true,
-      "requires": {}
+      "dev": true
    },
    "@isaacs/cliui": {
      "version": "8.0.2",
@@ -10756,8 +10755,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",
@@ -14786,8 +14784,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",
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/angular",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "description": "Angular specific wrappers for @ionic/core",
  "keywords": [
    "ionic",
@@ -47,7 +47,7 @@
    }
  },
  "dependencies": {
-    "@ionic/core": "^8.4.3",
+    "@ionic/core": "^8.4.6",
    "ionicons": "^7.0.0",
    "jsonc-parser": "^3.0.0",
    "tslib": "^2.3.0"
--- a/packages/docs/CHANGELOG.md
+++ b/packages/docs/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)

 **Note:** Version bump only for package @ionic/docs
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "@ionic/docs",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/docs",
-      "version": "8.4.3",
+      "version": "8.4.6",
      "license": "MIT"
    }
  }
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/docs",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "description": "Pre-packaged API documentation for the Ionic docs.",
  "main": "core.json",
  "types": "core.d.ts",
--- a/packages/react-router/CHANGELOG.md
+++ b/packages/react-router/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)

 **Note:** Version bump only for package @ionic/react-router
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/react-router",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/react-router",
-      "version": "8.4.3",
+      "version": "8.4.6",
      "license": "MIT",
      "dependencies": {
-        "@ionic/react": "^8.4.3",
+        "@ionic/react": "^8.4.6",
        "tslib": "*"
      },
      "devDependencies": {
@@ -238,9 +238,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "license": "MIT",
      "dependencies": {
        "@stencil/core": "4.20.0",
@@ -415,12 +415,12 @@
      }
    },
    "node_modules/@ionic/react": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.3.tgz",
-      "integrity": "sha512-AqwmoRCjTDBIgmywE6VnOOacOry21ma6TWMS8Dg8ZGu41rT6edDSmX/lKvAAV+jg4TkjE/U5n//OxzHBY/0+Zg==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.6.tgz",
+      "integrity": "sha512-K1KgO3m2L2ojYeklEQhV0eZlpv5YUEJKE3GnrhTsbh27jDWR7QQft1aMPYZRealp6QNGKn/tGMMwJ40SC/tywg==",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "8.4.3",
+        "@ionic/core": "8.4.6",
        "ionicons": "^7.0.0",
        "tslib": "*"
      },
@@ -2683,7 +2683,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",
@@ -2766,6 +2767,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"
      },
@@ -2850,6 +2852,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"
      }
@@ -3105,6 +3108,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"
@@ -3117,6 +3121,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",
@@ -3364,6 +3369,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"
@@ -4061,9 +4067,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "requires": {
        "@stencil/core": "4.20.0",
        "ionicons": "^7.2.2",
@@ -4163,15 +4169,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.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.3.tgz",
-      "integrity": "sha512-AqwmoRCjTDBIgmywE6VnOOacOry21ma6TWMS8Dg8ZGu41rT6edDSmX/lKvAAV+jg4TkjE/U5n//OxzHBY/0+Zg==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.6.tgz",
+      "integrity": "sha512-K1KgO3m2L2ojYeklEQhV0eZlpv5YUEJKE3GnrhTsbh27jDWR7QQft1aMPYZRealp6QNGKn/tGMMwJ40SC/tywg==",
      "requires": {
-        "@ionic/core": "8.4.3",
+        "@ionic/core": "8.4.6",
        "ionicons": "^7.0.0",
        "tslib": "*"
      }
@@ -4582,8 +4587,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",
@@ -5761,7 +5765,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",
@@ -5835,6 +5840,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"
      }
@@ -5900,7 +5906,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",
@@ -6076,6 +6083,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"
@@ -6085,6 +6093,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",
@@ -6261,6 +6270,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"
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/react-router",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "description": "React Router wrapper for @ionic/react",
  "keywords": [
    "ionic",
@@ -36,7 +36,7 @@
    "dist/"
  ],
  "dependencies": {
-    "@ionic/react": "^8.4.3",
+    "@ionic/react": "^8.4.6",
    "tslib": "*"
  },
  "peerDependencies": {
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)

 **Note:** Version bump only for package @ionic/react
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/react",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/react",
-      "version": "8.4.3",
+      "version": "8.4.6",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^8.4.3",
+        "@ionic/core": "^8.4.6",
        "ionicons": "^7.0.0",
        "tslib": "*"
      },
@@ -736,9 +736,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "license": "MIT",
      "dependencies": {
        "@stencil/core": "4.20.0",
@@ -12316,9 +12316,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "requires": {
        "@stencil/core": "4.20.0",
        "ionicons": "^7.2.2",
@@ -12418,8 +12418,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",
@@ -13594,8 +13593,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": "8.3.3",
@@ -14522,8 +14520,7 @@
      "version": "1.5.3",
      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.3.tgz",
      "integrity": "sha512-NHQtfOOW68WD8lgypbLA5oT+Bt0xXJhiYvoR6SmmNXZfpzOGXwdKWmcwG8N7PwVVWV3eF/68nmD9BaJSsTBhyQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
    },
    "deep-equal": {
      "version": "2.2.3",
@@ -17168,8 +17165,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",
@@ -20420,8 +20416,7 @@
      "version": "8.18.0",
      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
    },
    "xdg-basedir": {
      "version": "4.0.0",
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/react",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "description": "React specific wrapper for @ionic/core",
  "keywords": [
    "ionic",
@@ -39,7 +39,7 @@
    "css/"
  ],
  "dependencies": {
-    "@ionic/core": "^8.4.3",
+    "@ionic/core": "^8.4.6",
    "ionicons": "^7.0.0",
    "tslib": "*"
  },
--- a/packages/vue-router/CHANGELOG.md
+++ b/packages/vue-router/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)

 **Note:** Version bump only for package @ionic/vue-router
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/vue-router",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "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.4.3"
+    "@ionic/vue": "^8.4.6"
  },
  "devDependencies": {
    "@ionic/eslint-config": "^0.3.0",
--- a/packages/vue/CHANGELOG.md
+++ b/packages/vue/CHANGELOG.md
@@ -3,6 +3,40 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [8.4.6](https://github.com/ionic-team/ionic-framework/compare/v8.4.5...v8.4.6) (2025-03-19)
+
+
+### Bug Fixes
+
+* **vue:** update output target and fix incorrect types ([#30259](https://github.com/ionic-team/ionic-framework/issues/30259)) ([0eaee78](https://github.com/ionic-team/ionic-framework/commit/0eaee78fe1cae8f8a6cb04a01abad8c05dec0723)), closes [#30254](https://github.com/ionic-team/ionic-framework/issues/30254)
+
+
+
+
+
+## [8.4.5](https://github.com/ionic-team/ionic-framework/compare/v8.4.4...v8.4.5) (2025-03-13)
+
+
+### Bug Fixes
+
+* **vue:** pin Vue output target to latest release ([#30248](https://github.com/ionic-team/ionic-framework/issues/30248)) ([3799d45](https://github.com/ionic-team/ionic-framework/commit/3799d456d9461faac9a5e2c44f187329f113b3db)), closes [#30221](https://github.com/ionic-team/ionic-framework/issues/30221)
+
+
+
+
+
+## [8.4.4](https://github.com/ionic-team/ionic-framework/compare/v8.4.3...v8.4.4) (2025-03-13)
+
+
+### Bug Fixes
+
+* **vue:** update output target and properly emit events ([#30227](https://github.com/ionic-team/ionic-framework/issues/30227)) ([11554a5](https://github.com/ionic-team/ionic-framework/commit/11554a5d3590c660dbf609931dcb63cc2daf79cb)), closes [#30206](https://github.com/ionic-team/ionic-framework/issues/30206) [#30178](https://github.com/ionic-team/ionic-framework/issues/30178) [#30177](https://github.com/ionic-team/ionic-framework/issues/30177) [#30170](https://github.com/ionic-team/ionic-framework/issues/30170)
+* **vue:** update output target and resolve type issues ([#30239](https://github.com/ionic-team/ionic-framework/issues/30239)) ([6dcb143](https://github.com/ionic-team/ionic-framework/commit/6dcb143307682793ac4fd46d03efa5868a49e87d)), closes [#30179](https://github.com/ionic-team/ionic-framework/issues/30179)
+
+
+
+
+
 ## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)


--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,16 @@
 {
  "name": "@ionic/vue",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/vue",
-      "version": "8.4.3",
+      "version": "8.4.6",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^8.4.3",
+        "@ionic/core": "^8.4.6",
+        "@stencil/vue-output-target": "0.10.7",
        "ionicons": "^7.0.0"
      },
      "devDependencies": {
@@ -18,7 +19,6 @@
        "@ionic/prettier-config": "^2.0.0",
        "@rollup/plugin-node-resolve": "^16.0.0",
        "@rollup/plugin-typescript": "^11.1.5",
-        "@stencil/vue-output-target": "0.9.4",
        "@typescript-eslint/eslint-plugin": "^5.48.2",
        "@typescript-eslint/parser": "^5.48.2",
        "change-case": "^4.1.1",
@@ -226,9 +226,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "license": "MIT",
      "dependencies": {
        "@stencil/core": "4.20.0",
@@ -691,14 +691,14 @@
      }
    },
    "node_modules/@stencil/vue-output-target": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.4.tgz",
-      "integrity": "sha512-nXt1ZKjQ8n+ZaKbj1gcutqcgt7SCwVYzNxa1LfKpKz4L1DST33k1/goahvFeWO/lJzLm47spPtHfcjeaLUg/iQ==",
-      "dev": true,
+      "version": "0.10.7",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.7.tgz",
+      "integrity": "sha512-IYxDe+SLCkwhwsWRdynE31rTK1zN3hVwwojQ/V9lrN8Gnx4PTvrUQHiRno9jFo1dk+EaBZWX9gZSmXta0ZaZew==",
      "license": "MIT",
      "peerDependencies": {
        "@stencil/core": ">=2.0.0 || >=3 || >= 4.0.0-beta.0 || >= 4.0.0",
-        "vue": "^3.4.38"
+        "vue": "^3.4.38",
+        "vue-router": "^4.5.0"
      },
      "peerDependenciesMeta": {
        "@stencil/core": {
@@ -706,6 +706,9 @@
        },
        "vue": {
          "optional": false
+        },
+        "vue-router": {
+          "optional": true
        }
      }
    },
@@ -1089,10 +1092,11 @@
      }
    },
    "node_modules/@vue/devtools-api": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.1.4.tgz",
-      "integrity": "sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ==",
-      "dev": true
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "dev": true,
+      "license": "MIT"
    },
    "node_modules/@vue/reactivity": {
      "version": "3.4.38",
@@ -3834,12 +3838,13 @@
      }
    },
    "node_modules/vue-router": {
-      "version": "4.0.16",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.16.tgz",
-      "integrity": "sha512-JcO7cb8QJLBWE+DfxGUL3xUDOae/8nhM1KVdnudadTAORbuxIC/xAydC5Zr/VLHUDQi1ppuTF5/rjBGzgzrJNA==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz",
+      "integrity": "sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==",
      "dev": true,
+      "license": "MIT",
      "dependencies": {
-        "@vue/devtools-api": "^6.0.0"
+        "@vue/devtools-api": "^6.6.4"
      },
      "funding": {
        "url": "https://github.com/sponsors/posva"
@@ -4074,9 +4079,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "8.4.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
-      "integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
+      "version": "8.4.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.6.tgz",
+      "integrity": "sha512-M6FXz7nTQUjo7zVbS4bDu25CxR0ec7amkGEAV07AGAshm2qrvA/kSNWskdPFP/vAlbYv1n9wR6ZT7OovT4X12A==",
      "requires": {
        "@stencil/core": "4.20.0",
        "ionicons": "^7.2.2",
@@ -4183,8 +4188,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
    },
    "@jridgewell/sourcemap-codec": {
      "version": "1.5.0",
@@ -4342,11 +4346,9 @@
      "integrity": "sha512-WPrTHFngvN081RY+dJPneKQLwnOFD60OMCOQGmmSHfCW0f4ujPMzzhwWU1gcSwXPWXz5O+8cBiiCaxAbJU7kAg=="
    },
    "@stencil/vue-output-target": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.4.tgz",
-      "integrity": "sha512-nXt1ZKjQ8n+ZaKbj1gcutqcgt7SCwVYzNxa1LfKpKz4L1DST33k1/goahvFeWO/lJzLm47spPtHfcjeaLUg/iQ==",
-      "dev": true,
-      "requires": {}
+      "version": "0.10.7",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.7.tgz",
+      "integrity": "sha512-IYxDe+SLCkwhwsWRdynE31rTK1zN3hVwwojQ/V9lrN8Gnx4PTvrUQHiRno9jFo1dk+EaBZWX9gZSmXta0ZaZew=="
    },
    "@types/estree": {
      "version": "1.0.4",
@@ -4590,9 +4592,9 @@
      }
    },
    "@vue/devtools-api": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.1.4.tgz",
-      "integrity": "sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ==",
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
      "dev": true
    },
    "@vue/reactivity": {
@@ -4652,8 +4654,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",
@@ -6623,12 +6624,12 @@
      }
    },
    "vue-router": {
-      "version": "4.0.16",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.16.tgz",
-      "integrity": "sha512-JcO7cb8QJLBWE+DfxGUL3xUDOae/8nhM1KVdnudadTAORbuxIC/xAydC5Zr/VLHUDQi1ppuTF5/rjBGzgzrJNA==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz",
+      "integrity": "sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==",
      "dev": true,
      "requires": {
-        "@vue/devtools-api": "^6.0.0"
+        "@vue/devtools-api": "^6.6.4"
      }
    },
    "which": {
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/vue",
-  "version": "8.4.3",
+  "version": "8.4.6",
  "description": "Vue specific wrapper for @ionic/core",
  "scripts": {
    "eslint": "eslint src",
@@ -54,7 +54,6 @@
    "@ionic/prettier-config": "^2.0.0",
    "@rollup/plugin-node-resolve": "^16.0.0",
    "@rollup/plugin-typescript": "^11.1.5",
-    "@stencil/vue-output-target": "0.9.4",
    "@typescript-eslint/eslint-plugin": "^5.48.2",
    "@typescript-eslint/parser": "^5.48.2",
    "change-case": "^4.1.1",
@@ -68,7 +67,8 @@
    "vue-router": "^4.0.16"
  },
  "dependencies": {
-    "@ionic/core": "^8.4.3",
+    "@ionic/core": "^8.4.6",
+    "@stencil/vue-output-target": "0.10.7",
    "ionicons": "^7.0.0"
  },
  "vetur": {
--- a/packages/vue/src/components/IonIcon.ts
+++ b/packages/vue/src/components/IonIcon.ts
@@ -1,23 +1,12 @@
+import type { JSX } from "@ionic/core/components";
 import { defineCustomElement } from "ionicons/components/ion-icon.js";
+import type { PropType } from "vue";
 import { h, defineComponent } from "vue";

 import { getConfig } from "../utils";

-export const IonIcon = /*@__PURE__*/ defineComponent({
-  name: "IonIcon",
-  props: {
-    color: String,
-    flipRtl: Boolean,
-    icon: String,
-    ios: String,
-    lazy: String,
-    md: String,
-    mode: String,
-    name: String,
-    size: String,
-    src: String,
-  },
-  setup(props, { slots }) {
+export const IonIcon = /*@__PURE__*/ defineComponent<JSX.IonIcon>(
+  (props, { slots }) => {
    defineCustomElement();
    return () => {
      const { icon, ios, md, mode } = props;
@@ -47,4 +36,19 @@ export const IonIcon = /*@__PURE__*/ defineComponent({
      );
    };
  },
-});
+  {
+    name: "IonIcon",
+    props: {
+      color: { type: String as PropType<string> },
+      flipRtl: { type: Boolean as PropType<boolean> },
+      icon: { type: String as PropType<string> },
+      ios: { type: String as PropType<string> },
+      lazy: { type: Boolean as PropType<boolean> },
+      md: { type: String as PropType<string> },
+      mode: { type: String as PropType<string> },
+      name: { type: String as PropType<string> },
+      size: { type: String as PropType<string> },
+      src: { type: String as PropType<string> },
+    },
+  }
+);
--- a/packages/vue/src/components/IonNav.ts
+++ b/packages/vue/src/components/IonNav.ts
@@ -1,11 +1,12 @@
+import type { JSX, AnimationBuilder } from "@ionic/core/components";
 import { defineCustomElement } from "@ionic/core/components/ion-nav.js";
-import type { VNode } from "vue";
+import type { VNode, PropType } from "vue";
 import { defineComponent, h, shallowRef } from "vue";

 import { VueDelegate } from "../framework-delegate";

-export const IonNav = /*@__PURE__*/ defineComponent(
-  (props) => {
+export const IonNav = /*@__PURE__*/ defineComponent<JSX.IonNav>(
+  (props: JSX.IonNav) => {
    defineCustomElement();
    const views = shallowRef([]);

@@ -39,7 +40,7 @@ export const IonNav = /*@__PURE__*/ defineComponent(
        default: true,
      },
      animation: {
-        type: Function,
+        type: Function as unknown as PropType<AnimationBuilder>,
        default: undefined,
      },
      root: {
--- a/packages/vue/src/ionic-vue.ts
+++ b/packages/vue/src/ionic-vue.ts
@@ -2,25 +2,6 @@ import type { IonicConfig } from "@ionic/core/components";
 import { initialize } from "@ionic/core/components";
 import type { App, Plugin } from "vue";

-// TODO(FW-2969): types
-
-const toKebabCase = (eventName: string) => {
-  return eventName
-    .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2")
-    .toLowerCase();
-};
-
-const getHelperFunctions = () => {
-  return {
-    ael: (el: any, eventName: string, cb: any, opts: any) =>
-      el.addEventListener(toKebabCase(eventName), cb, opts),
-    rel: (el: any, eventName: string, cb: any, opts: any) =>
-      el.removeEventListener(toKebabCase(eventName), cb, opts),
-    ce: (eventName: string, opts: any) =>
-      new CustomEvent(toKebabCase(eventName), opts),
-  };
-};
-
 export const IonicVue: Plugin<[IonicConfig?]> = {
  async install(_: App, config: IonicConfig = {}) {
    /**
@@ -34,12 +15,6 @@ export const IonicVue: Plugin<[IonicConfig?]> = {
      document.documentElement.classList.add("ion-ce");
    }

-    const { ael, rel, ce } = getHelperFunctions();
-    initialize({
-      ...config,
-      _ael: ael,
-      _rel: rel,
-      _ce: ce,
-    });
+    initialize(config);
  },
 };
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -1,7 +1,7 @@
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
-import { defineContainer } from '@stencil/vue-output-target/runtime';
+import { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';

 import type { JSX } from '@ionic/core';

@@ -84,7 +84,7 @@ import { defineCustomElement as defineIonToggle } from '@ionic/core/components/i
 import { defineCustomElement as defineIonToolbar } from '@ionic/core/components/ion-toolbar.js';


-export const IonAccordion = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion-accordion', defineIonAccordion, [
+export const IonAccordion: StencilVueComponent<JSX.IonAccordion> = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion-accordion', defineIonAccordion, [
  'value',
  'disabled',
  'readonly',
@@ -93,7 +93,7 @@ export const IonAccordion = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion
 ]);


-export const IonAccordionGroup = /*@__PURE__*/ defineContainer<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]>('ion-accordion-group', defineIonAccordionGroup, [
+export const IonAccordionGroup: StencilVueComponent<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]>('ion-accordion-group', defineIonAccordionGroup, [
  'animated',
  'multiple',
  'value',
@@ -109,10 +109,10 @@ export const IonAccordionGroup = /*@__PURE__*/ defineContainer<JSX.IonAccordionG
 'value', 'ion-change');


-export const IonAvatar = /*@__PURE__*/ defineContainer<JSX.IonAvatar>('ion-avatar', defineIonAvatar);
+export const IonAvatar: StencilVueComponent<JSX.IonAvatar> = /*@__PURE__*/ defineContainer<JSX.IonAvatar>('ion-avatar', defineIonAvatar);


-export const IonBackdrop = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-backdrop', defineIonBackdrop, [
+export const IonBackdrop: StencilVueComponent<JSX.IonBackdrop> = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-backdrop', defineIonBackdrop, [
  'visible',
  'tappable',
  'stopPropagation',
@@ -122,12 +122,12 @@ export const IonBackdrop = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-b
 ]);


-export const IonBadge = /*@__PURE__*/ defineContainer<JSX.IonBadge>('ion-badge', defineIonBadge, [
+export const IonBadge: StencilVueComponent<JSX.IonBadge> = /*@__PURE__*/ defineContainer<JSX.IonBadge>('ion-badge', defineIonBadge, [
  'color'
 ]);


-export const IonBreadcrumb = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('ion-breadcrumb', defineIonBreadcrumb, [
+export const IonBreadcrumb: StencilVueComponent<JSX.IonBreadcrumb> = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('ion-breadcrumb', defineIonBreadcrumb, [
  'collapsed',
  'last',
  'showCollapsedIndicator',
@@ -151,7 +151,7 @@ export const IonBreadcrumb = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('i
 ]);


-export const IonBreadcrumbs = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>('ion-breadcrumbs', defineIonBreadcrumbs, [
+export const IonBreadcrumbs: StencilVueComponent<JSX.IonBreadcrumbs> = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>('ion-breadcrumbs', defineIonBreadcrumbs, [
  'color',
  'maxItems',
  'itemsBeforeCollapse',
@@ -162,7 +162,7 @@ export const IonBreadcrumbs = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>(
 ]);


-export const IonButton = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-button', defineIonButton, [
+export const IonButton: StencilVueComponent<JSX.IonButton> = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-button', defineIonButton, [
  'color',
  'buttonType',
  'disabled',
@@ -187,12 +187,12 @@ export const IonButton = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-butto
 ]);


-export const IonButtons = /*@__PURE__*/ defineContainer<JSX.IonButtons>('ion-buttons', defineIonButtons, [
+export const IonButtons: StencilVueComponent<JSX.IonButtons> = /*@__PURE__*/ defineContainer<JSX.IonButtons>('ion-buttons', defineIonButtons, [
  'collapse'
 ]);


-export const IonCard = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', defineIonCard, [
+export const IonCard: StencilVueComponent<JSX.IonCard> = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', defineIonCard, [
  'color',
  'button',
  'type',
@@ -206,26 +206,26 @@ export const IonCard = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', de
 ]);


-export const IonCardContent = /*@__PURE__*/ defineContainer<JSX.IonCardContent>('ion-card-content', defineIonCardContent);
+export const IonCardContent: StencilVueComponent<JSX.IonCardContent> = /*@__PURE__*/ defineContainer<JSX.IonCardContent>('ion-card-content', defineIonCardContent);


-export const IonCardHeader = /*@__PURE__*/ defineContainer<JSX.IonCardHeader>('ion-card-header', defineIonCardHeader, [
+export const IonCardHeader: StencilVueComponent<JSX.IonCardHeader> = /*@__PURE__*/ defineContainer<JSX.IonCardHeader>('ion-card-header', defineIonCardHeader, [
  'color',
  'translucent'
 ]);


-export const IonCardSubtitle = /*@__PURE__*/ defineContainer<JSX.IonCardSubtitle>('ion-card-subtitle', defineIonCardSubtitle, [
+export const IonCardSubtitle: StencilVueComponent<JSX.IonCardSubtitle> = /*@__PURE__*/ defineContainer<JSX.IonCardSubtitle>('ion-card-subtitle', defineIonCardSubtitle, [
  'color'
 ]);


-export const IonCardTitle = /*@__PURE__*/ defineContainer<JSX.IonCardTitle>('ion-card-title', defineIonCardTitle, [
+export const IonCardTitle: StencilVueComponent<JSX.IonCardTitle> = /*@__PURE__*/ defineContainer<JSX.IonCardTitle>('ion-card-title', defineIonCardTitle, [
  'color'
 ]);


-export const IonCheckbox = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.IonCheckbox["checked"]>('ion-checkbox', defineIonCheckbox, [
+export const IonCheckbox: StencilVueComponent<JSX.IonCheckbox, JSX.IonCheckbox["checked"]> = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.IonCheckbox["checked"]>('ion-checkbox', defineIonCheckbox, [
  'color',
  'name',
  'checked',
@@ -246,14 +246,14 @@ export const IonCheckbox = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.Io
 'checked', 'ion-change');


-export const IonChip = /*@__PURE__*/ defineContainer<JSX.IonChip>('ion-chip', defineIonChip, [
+export const IonChip: StencilVueComponent<JSX.IonChip> = /*@__PURE__*/ defineContainer<JSX.IonChip>('ion-chip', defineIonChip, [
  'color',
  'outline',
  'disabled'
 ]);


-export const IonCol = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defineIonCol, [
+export const IonCol: StencilVueComponent<JSX.IonCol> = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defineIonCol, [
  'offset',
  'offsetXs',
  'offsetSm',
@@ -281,7 +281,7 @@ export const IonCol = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defin
 ]);


-export const IonContent = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-content', defineIonContent, [
+export const IonContent: StencilVueComponent<JSX.IonContent> = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-content', defineIonContent, [
  'color',
  'fullscreen',
  'fixedSlotPlacement',
@@ -299,7 +299,7 @@ export const IonContent = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-con
 ]);


-export const IonDatetime = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.IonDatetime["value"]>('ion-datetime', defineIonDatetime, [
+export const IonDatetime: StencilVueComponent<JSX.IonDatetime, JSX.IonDatetime["value"]> = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.IonDatetime["value"]>('ion-datetime', defineIonDatetime, [
  'color',
  'name',
  'disabled',
@@ -349,14 +349,14 @@ export const IonDatetime = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.Io
 'value', 'ion-change');


-export const IonDatetimeButton = /*@__PURE__*/ defineContainer<JSX.IonDatetimeButton>('ion-datetime-button', defineIonDatetimeButton, [
+export const IonDatetimeButton: StencilVueComponent<JSX.IonDatetimeButton> = /*@__PURE__*/ defineContainer<JSX.IonDatetimeButton>('ion-datetime-button', defineIonDatetimeButton, [
  'color',
  'disabled',
  'datetime'
 ]);


-export const IonFab = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defineIonFab, [
+export const IonFab: StencilVueComponent<JSX.IonFab> = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defineIonFab, [
  'horizontal',
  'vertical',
  'edge',
@@ -364,7 +364,7 @@ export const IonFab = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defin
 ]);


-export const IonFabButton = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion-fab-button', defineIonFabButton, [
+export const IonFabButton: StencilVueComponent<JSX.IonFabButton> = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion-fab-button', defineIonFabButton, [
  'color',
  'activated',
  'disabled',
@@ -387,30 +387,30 @@ export const IonFabButton = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion
 ]);


-export const IonFabList = /*@__PURE__*/ defineContainer<JSX.IonFabList>('ion-fab-list', defineIonFabList, [
+export const IonFabList: StencilVueComponent<JSX.IonFabList> = /*@__PURE__*/ defineContainer<JSX.IonFabList>('ion-fab-list', defineIonFabList, [
  'activated',
  'side'
 ]);


-export const IonFooter = /*@__PURE__*/ defineContainer<JSX.IonFooter>('ion-footer', defineIonFooter, [
+export const IonFooter: StencilVueComponent<JSX.IonFooter> = /*@__PURE__*/ defineContainer<JSX.IonFooter>('ion-footer', defineIonFooter, [
  'collapse',
  'translucent'
 ]);


-export const IonGrid = /*@__PURE__*/ defineContainer<JSX.IonGrid>('ion-grid', defineIonGrid, [
+export const IonGrid: StencilVueComponent<JSX.IonGrid> = /*@__PURE__*/ defineContainer<JSX.IonGrid>('ion-grid', defineIonGrid, [
  'fixed'
 ]);


-export const IonHeader = /*@__PURE__*/ defineContainer<JSX.IonHeader>('ion-header', defineIonHeader, [
+export const IonHeader: StencilVueComponent<JSX.IonHeader> = /*@__PURE__*/ defineContainer<JSX.IonHeader>('ion-header', defineIonHeader, [
  'collapse',
  'translucent'
 ]);


-export const IonImg = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defineIonImg, [
+export const IonImg: StencilVueComponent<JSX.IonImg> = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defineIonImg, [
  'alt',
  'src',
  'ionImgWillLoad',
@@ -423,7 +423,7 @@ export const IonImg = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defin
 ]);


-export const IonInfiniteScroll = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScroll>('ion-infinite-scroll', defineIonInfiniteScroll, [
+export const IonInfiniteScroll: StencilVueComponent<JSX.IonInfiniteScroll> = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScroll>('ion-infinite-scroll', defineIonInfiniteScroll, [
  'threshold',
  'disabled',
  'position',
@@ -433,13 +433,13 @@ export const IonInfiniteScroll = /*@__PURE__*/ defineContainer<JSX.IonInfiniteSc
 ]);


-export const IonInfiniteScrollContent = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScrollContent>('ion-infinite-scroll-content', defineIonInfiniteScrollContent, [
+export const IonInfiniteScrollContent: StencilVueComponent<JSX.IonInfiniteScrollContent> = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScrollContent>('ion-infinite-scroll-content', defineIonInfiniteScrollContent, [
  'loadingSpinner',
  'loadingText'
 ]);


-export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput["value"]>('ion-input', defineIonInput, [
+export const IonInput: StencilVueComponent<JSX.IonInput, JSX.IonInput["value"]> = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput["value"]>('ion-input', defineIonInput, [
  'color',
  'autocapitalize',
  'autocomplete',
@@ -487,7 +487,7 @@ export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput
 'value', 'ion-input');


-export const IonInputPasswordToggle = /*@__PURE__*/ defineContainer<JSX.IonInputPasswordToggle>('ion-input-password-toggle', defineIonInputPasswordToggle, [
+export const IonInputPasswordToggle: StencilVueComponent<JSX.IonInputPasswordToggle> = /*@__PURE__*/ defineContainer<JSX.IonInputPasswordToggle>('ion-input-password-toggle', defineIonInputPasswordToggle, [
  'color',
  'showIcon',
  'hideIcon',
@@ -495,7 +495,7 @@ export const IonInputPasswordToggle = /*@__PURE__*/ defineContainer<JSX.IonInput
 ]);


-export const IonItem = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', defineIonItem, [
+export const IonItem: StencilVueComponent<JSX.IonItem> = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', defineIonItem, [
  'color',
  'button',
  'detail',
@@ -512,16 +512,16 @@ export const IonItem = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', de
 ]);


-export const IonItemDivider = /*@__PURE__*/ defineContainer<JSX.IonItemDivider>('ion-item-divider', defineIonItemDivider, [
+export const IonItemDivider: StencilVueComponent<JSX.IonItemDivider> = /*@__PURE__*/ defineContainer<JSX.IonItemDivider>('ion-item-divider', defineIonItemDivider, [
  'color',
  'sticky'
 ]);


-export const IonItemGroup = /*@__PURE__*/ defineContainer<JSX.IonItemGroup>('ion-item-group', defineIonItemGroup);
+export const IonItemGroup: StencilVueComponent<JSX.IonItemGroup> = /*@__PURE__*/ defineContainer<JSX.IonItemGroup>('ion-item-group', defineIonItemGroup);


-export const IonItemOption = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('ion-item-option', defineIonItemOption, [
+export const IonItemOption: StencilVueComponent<JSX.IonItemOption> = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('ion-item-option', defineIonItemOption, [
  'color',
  'disabled',
  'download',
@@ -533,7 +533,7 @@ export const IonItemOption = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('i
 ]);


-export const IonItemOptions = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>('ion-item-options', defineIonItemOptions, [
+export const IonItemOptions: StencilVueComponent<JSX.IonItemOptions> = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>('ion-item-options', defineIonItemOptions, [
  'side',
  'ionSwipe'
 ], [
@@ -541,7 +541,7 @@ export const IonItemOptions = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>(
 ]);


-export const IonItemSliding = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>('ion-item-sliding', defineIonItemSliding, [
+export const IonItemSliding: StencilVueComponent<JSX.IonItemSliding> = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>('ion-item-sliding', defineIonItemSliding, [
  'disabled',
  'ionDrag'
 ], [
@@ -549,7 +549,7 @@ export const IonItemSliding = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>(
 ]);


-export const IonLabel = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label', defineIonLabel, [
+export const IonLabel: StencilVueComponent<JSX.IonLabel> = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label', defineIonLabel, [
  'color',
  'position',
  'ionColor',
@@ -560,19 +560,19 @@ export const IonLabel = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label',
 ]);


-export const IonList = /*@__PURE__*/ defineContainer<JSX.IonList>('ion-list', defineIonList, [
+export const IonList: StencilVueComponent<JSX.IonList> = /*@__PURE__*/ defineContainer<JSX.IonList>('ion-list', defineIonList, [
  'lines',
  'inset'
 ]);


-export const IonListHeader = /*@__PURE__*/ defineContainer<JSX.IonListHeader>('ion-list-header', defineIonListHeader, [
+export const IonListHeader: StencilVueComponent<JSX.IonListHeader> = /*@__PURE__*/ defineContainer<JSX.IonListHeader>('ion-list-header', defineIonListHeader, [
  'color',
  'lines'
 ]);


-export const IonMenu = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', defineIonMenu, [
+export const IonMenu: StencilVueComponent<JSX.IonMenu> = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', defineIonMenu, [
  'contentId',
  'menuId',
  'type',
@@ -594,7 +594,7 @@ export const IonMenu = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', de
 ]);


-export const IonMenuButton = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('ion-menu-button', defineIonMenuButton, [
+export const IonMenuButton: StencilVueComponent<JSX.IonMenuButton> = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('ion-menu-button', defineIonMenuButton, [
  'color',
  'disabled',
  'menu',
@@ -603,13 +603,13 @@ export const IonMenuButton = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('i
 ]);


-export const IonMenuToggle = /*@__PURE__*/ defineContainer<JSX.IonMenuToggle>('ion-menu-toggle', defineIonMenuToggle, [
+export const IonMenuToggle: StencilVueComponent<JSX.IonMenuToggle> = /*@__PURE__*/ defineContainer<JSX.IonMenuToggle>('ion-menu-toggle', defineIonMenuToggle, [
  'menu',
  'autoHide'
 ]);


-export const IonNav = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defineIonNav, [
+export const IonNav: StencilVueComponent<JSX.IonNav> = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defineIonNav, [
  'delegate',
  'swipeGesture',
  'animated',
@@ -626,7 +626,7 @@ export const IonNav = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defin
 ]);


-export const IonNavLink = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav-link', defineIonNavLink, [
+export const IonNavLink: StencilVueComponent<JSX.IonNavLink> = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav-link', defineIonNavLink, [
  'component',
  'componentProps',
  'routerDirection',
@@ -634,19 +634,19 @@ export const IonNavLink = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav
 ]);


-export const IonNote = /*@__PURE__*/ defineContainer<JSX.IonNote>('ion-note', defineIonNote, [
+export const IonNote: StencilVueComponent<JSX.IonNote> = /*@__PURE__*/ defineContainer<JSX.IonNote>('ion-note', defineIonNote, [
  'color'
 ]);


-export const IonPicker = /*@__PURE__*/ defineContainer<JSX.IonPicker>('ion-picker', defineIonPicker, [
+export const IonPicker: StencilVueComponent<JSX.IonPicker> = /*@__PURE__*/ defineContainer<JSX.IonPicker>('ion-picker', defineIonPicker, [
  'ionInputModeChange'
 ], [
  'ionInputModeChange'
 ]);


-export const IonPickerColumn = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn>('ion-picker-column', defineIonPickerColumn, [
+export const IonPickerColumn: StencilVueComponent<JSX.IonPickerColumn> = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn>('ion-picker-column', defineIonPickerColumn, [
  'disabled',
  'value',
  'color',
@@ -657,14 +657,14 @@ export const IonPickerColumn = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn
 ]);


-export const IonPickerColumnOption = /*@__PURE__*/ defineContainer<JSX.IonPickerColumnOption>('ion-picker-column-option', defineIonPickerColumnOption, [
+export const IonPickerColumnOption: StencilVueComponent<JSX.IonPickerColumnOption> = /*@__PURE__*/ defineContainer<JSX.IonPickerColumnOption>('ion-picker-column-option', defineIonPickerColumnOption, [
  'disabled',
  'value',
  'color'
 ]);


-export const IonProgressBar = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>('ion-progress-bar', defineIonProgressBar, [
+export const IonProgressBar: StencilVueComponent<JSX.IonProgressBar> = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>('ion-progress-bar', defineIonProgressBar, [
  'type',
  'reversed',
  'value',
@@ -673,7 +673,7 @@ export const IonProgressBar = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>(
 ]);


-export const IonRadio = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio["value"]>('ion-radio', defineIonRadio, [
+export const IonRadio: StencilVueComponent<JSX.IonRadio, JSX.IonRadio["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio["value"]>('ion-radio', defineIonRadio, [
  'color',
  'name',
  'disabled',
@@ -690,7 +690,7 @@ export const IonRadio = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio
 'value', 'ion-change');


-export const IonRadioGroup = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]>('ion-radio-group', defineIonRadioGroup, [
+export const IonRadioGroup: StencilVueComponent<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]>('ion-radio-group', defineIonRadioGroup, [
  'allowEmptySelection',
  'compareWith',
  'name',
@@ -704,7 +704,7 @@ export const IonRadioGroup = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JS
 'value', 'ion-change');


-export const IonRange = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange["value"]>('ion-range', defineIonRange, [
+export const IonRange: StencilVueComponent<JSX.IonRange, JSX.IonRange["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange["value"]>('ion-range', defineIonRange, [
  'color',
  'debounce',
  'name',
@@ -738,7 +738,7 @@ export const IonRange = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange
 'value', 'ion-input');


-export const IonRefresher = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion-refresher', defineIonRefresher, [
+export const IonRefresher: StencilVueComponent<JSX.IonRefresher> = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion-refresher', defineIonRefresher, [
  'pullMin',
  'pullMax',
  'closeDuration',
@@ -755,7 +755,7 @@ export const IonRefresher = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion
 ]);


-export const IonRefresherContent = /*@__PURE__*/ defineContainer<JSX.IonRefresherContent>('ion-refresher-content', defineIonRefresherContent, [
+export const IonRefresherContent: StencilVueComponent<JSX.IonRefresherContent> = /*@__PURE__*/ defineContainer<JSX.IonRefresherContent>('ion-refresher-content', defineIonRefresherContent, [
  'pullingIcon',
  'pullingText',
  'refreshingSpinner',
@@ -763,10 +763,10 @@ export const IonRefresherContent = /*@__PURE__*/ defineContainer<JSX.IonRefreshe
 ]);


-export const IonReorder = /*@__PURE__*/ defineContainer<JSX.IonReorder>('ion-reorder', defineIonReorder);
+export const IonReorder: StencilVueComponent<JSX.IonReorder> = /*@__PURE__*/ defineContainer<JSX.IonReorder>('ion-reorder', defineIonReorder);


-export const IonReorderGroup = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup>('ion-reorder-group', defineIonReorderGroup, [
+export const IonReorderGroup: StencilVueComponent<JSX.IonReorderGroup> = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup>('ion-reorder-group', defineIonReorderGroup, [
  'disabled',
  'ionItemReorder'
 ], [
@@ -774,15 +774,15 @@ export const IonReorderGroup = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup
 ]);


-export const IonRippleEffect = /*@__PURE__*/ defineContainer<JSX.IonRippleEffect>('ion-ripple-effect', defineIonRippleEffect, [
+export const IonRippleEffect: StencilVueComponent<JSX.IonRippleEffect> = /*@__PURE__*/ defineContainer<JSX.IonRippleEffect>('ion-ripple-effect', defineIonRippleEffect, [
  'type'
 ]);


-export const IonRow = /*@__PURE__*/ defineContainer<JSX.IonRow>('ion-row', defineIonRow);
+export const IonRow: StencilVueComponent<JSX.IonRow> = /*@__PURE__*/ defineContainer<JSX.IonRow>('ion-row', defineIonRow);


-export const IonSearchbar = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.IonSearchbar["value"]>('ion-searchbar', defineIonSearchbar, [
+export const IonSearchbar: StencilVueComponent<JSX.IonSearchbar, JSX.IonSearchbar["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.IonSearchbar["value"]>('ion-searchbar', defineIonSearchbar, [
  'color',
  'animated',
  'autocapitalize',
@@ -824,7 +824,7 @@ export const IonSearchbar = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.
 'value', 'ion-input');


-export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonSegment["value"]>('ion-segment', defineIonSegment, [
+export const IonSegment: StencilVueComponent<JSX.IonSegment, JSX.IonSegment["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonSegment["value"]>('ion-segment', defineIonSegment, [
  'color',
  'disabled',
  'scrollable',
@@ -842,7 +842,7 @@ export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonS
 'value', 'ion-change');


-export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
+export const IonSegmentButton: StencilVueComponent<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
  'contentId',
  'disabled',
  'layout',
@@ -852,10 +852,10 @@ export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButt
 'value', 'ion-change');


-export const IonSegmentContent = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);
+export const IonSegmentContent: StencilVueComponent<JSX.IonSegmentContent> = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);


-export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
+export const IonSegmentView: StencilVueComponent<JSX.IonSegmentView> = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
  'disabled',
  'ionSegmentViewScroll'
 ], [
@@ -863,7 +863,7 @@ export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>(
 ]);


-export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
+export const IonSelect: StencilVueComponent<JSX.IonSelect, JSX.IonSelect["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
  'cancelText',
  'color',
  'compareWith',
@@ -900,20 +900,20 @@ export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSel
 'value', 'ion-change');


-export const IonSelectModal = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
+export const IonSelectModal: StencilVueComponent<JSX.IonSelectModal> = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
  'header',
  'multiple',
  'options'
 ]);


-export const IonSelectOption = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
+export const IonSelectOption: StencilVueComponent<JSX.IonSelectOption> = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
  'disabled',
  'value'
 ]);


-export const IonSkeletonText = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText>('ion-skeleton-text', defineIonSkeletonText, [
+export const IonSkeletonText: StencilVueComponent<JSX.IonSkeletonText> = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText>('ion-skeleton-text', defineIonSkeletonText, [
  'animated',
  'ionStyle'
 ], [
@@ -921,7 +921,7 @@ export const IonSkeletonText = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText
 ]);


-export const IonSpinner = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spinner', defineIonSpinner, [
+export const IonSpinner: StencilVueComponent<JSX.IonSpinner> = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spinner', defineIonSpinner, [
  'color',
  'duration',
  'name',
@@ -929,7 +929,7 @@ export const IonSpinner = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spi
 ]);


-export const IonSplitPane = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion-split-pane', defineIonSplitPane, [
+export const IonSplitPane: StencilVueComponent<JSX.IonSplitPane> = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion-split-pane', defineIonSplitPane, [
  'contentId',
  'disabled',
  'when',
@@ -939,7 +939,7 @@ export const IonSplitPane = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion
 ]);


-export const IonTab = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defineIonTab, [
+export const IonTab: StencilVueComponent<JSX.IonTab> = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defineIonTab, [
  'active',
  'delegate',
  'tab',
@@ -947,12 +947,12 @@ export const IonTab = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defin
 ]);


-export const IonText = /*@__PURE__*/ defineContainer<JSX.IonText>('ion-text', defineIonText, [
+export const IonText: StencilVueComponent<JSX.IonText> = /*@__PURE__*/ defineContainer<JSX.IonText>('ion-text', defineIonText, [
  'color'
 ]);


-export const IonTextarea = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.IonTextarea["value"]>('ion-textarea', defineIonTextarea, [
+export const IonTextarea: StencilVueComponent<JSX.IonTextarea, JSX.IonTextarea["value"]> = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.IonTextarea["value"]>('ion-textarea', defineIonTextarea, [
  'color',
  'autocapitalize',
  'autofocus',
@@ -994,10 +994,10 @@ export const IonTextarea = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.Io
 'value', 'ion-input');


-export const IonThumbnail = /*@__PURE__*/ defineContainer<JSX.IonThumbnail>('ion-thumbnail', defineIonThumbnail);
+export const IonThumbnail: StencilVueComponent<JSX.IonThumbnail> = /*@__PURE__*/ defineContainer<JSX.IonThumbnail>('ion-thumbnail', defineIonThumbnail);


-export const IonTitle = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title', defineIonTitle, [
+export const IonTitle: StencilVueComponent<JSX.IonTitle> = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title', defineIonTitle, [
  'color',
  'size',
  'ionStyle'
@@ -1006,7 +1006,7 @@ export const IonTitle = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title',
 ]);


-export const IonToggle = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonToggle["checked"]>('ion-toggle', defineIonToggle, [
+export const IonToggle: StencilVueComponent<JSX.IonToggle, JSX.IonToggle["checked"]> = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonToggle["checked"]>('ion-toggle', defineIonToggle, [
  'color',
  'name',
  'checked',
@@ -1027,7 +1027,7 @@ export const IonToggle = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonTog
 'checked', 'ion-change');


-export const IonToolbar = /*@__PURE__*/ defineContainer<JSX.IonToolbar>('ion-toolbar', defineIonToolbar, [
+export const IonToolbar: StencilVueComponent<JSX.IonToolbar> = /*@__PURE__*/ defineContainer<JSX.IonToolbar>('ion-toolbar', defineIonToolbar, [
  'color'
 ]);

--- a/packages/vue/src/utils/overlays.ts
+++ b/packages/vue/src/utils/overlays.ts
@@ -20,10 +20,10 @@ export const defineOverlayContainer = <Props extends object>(
  const createControllerComponent = (options: ComponentOptions) => {
    return defineComponent<Props & OverlayProps>((props, { slots, emit }) => {
      const eventListeners = [
-        { componentEv: `${name}-will-present`, frameworkEv: "willPresent" },
-        { componentEv: `${name}-did-present`, frameworkEv: "didPresent" },
-        { componentEv: `${name}-will-dismiss`, frameworkEv: "willDismiss" },
-        { componentEv: `${name}-did-dismiss`, frameworkEv: "didDismiss" },
+        { componentEv: `${name}WillPresent`, frameworkEv: "willPresent" },
+        { componentEv: `${name}DidPresent`, frameworkEv: "didPresent" },
+        { componentEv: `${name}WillDismiss`, frameworkEv: "willDismiss" },
+        { componentEv: `${name}DidDismiss`, frameworkEv: "didDismiss" },
      ];

      if (defineCustomElement !== undefined) {
@@ -139,7 +139,7 @@ export const defineOverlayContainer = <Props extends object>(
    }, options);
  };
  const createInlineComponent = (options: any) => {
-    return defineComponent((props, { slots }) => {
+    return defineComponent((props, { slots, emit }) => {
      if (defineCustomElement !== undefined) {
        defineCustomElement();
      }
@@ -147,18 +147,24 @@ export const defineOverlayContainer = <Props extends object>(
      const elementRef = ref();

      onMounted(() => {
-        elementRef.value.addEventListener(
-          "ion-mount",
-          () => (isOpen.value = true)
-        );
-        elementRef.value.addEventListener(
-          "will-present",
-          () => (isOpen.value = true)
-        );
-        elementRef.value.addEventListener(
-          "did-dismiss",
-          () => (isOpen.value = false)
-        );
+        elementRef.value.addEventListener("ionMount", (ev: Event) => {
+          emit("ionMount", ev);
+          isOpen.value = true;
+        });
+        elementRef.value.addEventListener("willPresent", (ev: Event) => {
+          emit("willPresent", ev);
+          isOpen.value = true;
+        });
+        elementRef.value.addEventListener("didDismiss", (ev: Event) => {
+          emit("didDismiss", ev);
+          isOpen.value = false;
+        });
+        elementRef.value.addEventListener("willDismiss", (ev: Event) => {
+          emit("willDismiss", ev);
+        });
+        elementRef.value.addEventListener("didPresent", (ev: Event) => {
+          emit("didPresent", ev);
+        });
      });

      return () => {
Author	SHA1	Message	Date
Brandy Smith	bcbeeeafb4	merge release-8.4.6 (#30273 ) v8.4.6	2025-03-19 16:20:00 -04:00
Brandy Smith	7b4ad6df8e	chore(): update package lock files	2025-03-19 16:03:47 -04:00
ionitron	4190f66511	chore(): update package lock files	2025-03-19 19:59:09 +00:00
ionitron	703c73d151	v8.4.6	2025-03-19 19:58:24 +00:00
Christian Bromann	0eaee78fe1	fix(vue): update output target and fix incorrect types (#30259 ) Issue number: resolves #30254 --------- The type for `routerLink` was incorrectly set as `symbol`. The new update of the Vue output target to sets it to `string \| symbol` - [ ] Yes - [x] No Dev build: `8.5.1-dev.11742238707.15ce0fe2` --------- Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>	2025-03-19 15:50:23 -04:00
Brandy Smith	6befd5533a	merge release-8.4.5 (#30251 ) v8.4.5	2025-03-13 18:44:41 -04:00
Brandy Smith	14698f773c	chore(): update package lock files	2025-03-13 18:32:38 -04:00
ionitron	6b33d19c89	chore(): update package lock files	2025-03-13 22:20:42 +00:00
ionitron	08448573b1	v8.4.5	2025-03-13 22:19:57 +00:00
Brandy Smith	ee20990298	merge release-8.4.4 (#30249 ) v8.4.4	2025-03-13 18:13:27 -04:00
Christian Bromann	3799d456d9	fix(vue): pin Vue output target to latest release (#30248 ) Issue number: resolves #30221 --------- <!-- 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? We had to make a new release of the output target to ensure all Vue type fixes are shipped. ## What is the new behavior? Pin to the latest output target. ## 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. -->	2025-03-13 21:55:19 +00:00
Brandy Smith	c6deb51b1e	merge release-8.4.4 (#30247 ) v8.4.4	2025-03-13 17:40:49 -04:00
Brandy Smith	b04aea6fb6	chore(): update package lock files & changelog files	2025-03-13 17:26:31 -04:00
ionitron	267e21d63d	chore(): update package lock files	2025-03-13 21:04:47 +00:00
ionitron	4b10d7dc6f	v8.4.4	2025-03-13 21:04:03 +00:00
Christian Bromann	6dcb143307	fix(vue): update output target and resolve type issues (#30239 ) Issue number: fixes #30179 --------- ## What is the current behavior? There have been issues reported on version 8.4.3 related to the type information changing for Vue ## What is the new behavior? This patch updates the Vue components to be correctly types using a new version of the output target. ## Does this introduce a breaking change? - [ ] Yes - [x] No	2025-03-13 20:40:04 +00:00
Christian Bromann	11554a5d35	fix(vue): update output target and properly emit events (#30227 ) Issue number: resolves #30206 resolves #30178 resolves #30177 resolves #30175 resolves #30170 --------- <!-- 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? There have been plenty of issues reported in regards to Vue components failing to propagate events. It seems like when we updated the Vue output target and started to use the provided runtime code from the output target, we have changed the way how event names are computed. Ionic has used a custom wrapper for handling events that would kebab case event names. That is no longer needed and removing it fixes observed issues. Reproduction case working: https://stackblitz.com/edit/vj18czas-wdhzxjom?file=package.json ## What is the new behavior? We have received a fix for this in https://github.com/stenciljs/output-targets/pull/617 which I hope will resolve this issue by updating the dependency. ## 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 Dev build: `8.4.4-dev.11741193800.14916f6f`	2025-03-11 20:39:31 +00:00
Maria Hutt	ba8d8f4896	fix(toggle): trigger focus and blur on click (#30234 ) 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. --> The blur and focus events do not trigger when clicking even though the value changes. Those events are only triggered when dragged. This leads to Angular validation to not work accurately when clicking so the `ion-touched` is never added to the toggle since it relies on the blur event. ## What is the new behavior? <!-- Please describe the behavior or changes that are being added by this PR. --> - The blur and focus events also trigger on click. This follows the same logic as `ion-checkbox`. ## 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. --> How to test: Recommendation to use `toggle/test/basic/index.html`: [Preview](https://ionic-framework-git-toggle-focus-ionic1.vercel.app/src/components/toggle/test/basic) Add the following script: ```js <script> document.addEventListener('ionChange', () => { console.log('toggle: ionChange') }); document.addEventListener('ionFocus', () => { console.log('toggle: ionFocus') }); document.addEventListener('ionBlur', () => { console.log('toggle: ionBlur') }); </script> ``` Verify that the focus and blur events trigger when clicking and dragging.	2025-03-10 16:01:37 +00:00
fudom	322319397c	fix(range): handle unsupported values for range min and max (#30070 ) Issue number: resolves #29667 --------- ## What is the current behavior? Currently, if min/max are set to undefined on `IonRange` (which is an accepted value), it breaks the DOM. ## What is the new behavior? After these changes, if min/max are set to undefined or any unsupported value (such as infinity or a NaN), it will fall back to the default values for min and max (currently, 1 and 100 respectively). ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information --------- Co-authored-by: ShaneK <shane@shanessite.net> Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>	2025-03-07 22:19:54 +00:00
Brandy Smith	0fc75ce5f9	merge release-8.4.3 (#30167 ) v8.4.3	2025-01-29 14:10:31 -05:00
Brandy Smith	50e7ea9fa6	merge release-8.4.2 (#30151 ) v8.4.2	2025-01-22 16:50:06 -05:00
Brandy Carney	c8a4180ae6	merge release-8.4.1 (#30049 ) v8.4.1	2024-11-27 13:44:56 -05:00
Tanner Reits	32b0a6c21c	merge release-8.4.0 (#29996 ) v8.4.0	2024-11-04 17:02:26 -05:00
Brandy Carney	82348df1d1	merge release-8.3.4 (#29981 ) v8.3.4	2024-10-30 12:56:31 -04:00
Maria Hutt	99fa7b0cc1	merge release-8.3.3 (#29944 ) v8.3.3	2024-10-16 12:13:27 -07:00
Brandy Carney	09b2ed02f0	merge release-8.3.2 (#29921 ) v8.3.2	2024-10-02 13:42:06 -04:00
Tanner Reits	1c604dc97a	merge release-8.3.1 (#29880 ) v8.3.1	2024-09-17 11:28:16 -04:00